Computer Science 318


Fundamentals of Web Design

The Class


In this course we will investigate the design of static web pages, coding standards, accessibility guidelines, and technologies of client-side Web page design. Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and techniques for controlling page layout, animations, and user interactions.

Upon successfully completing this course you will be able to:

Syllabus

The Client Project


The project will progress through out the semester with 7 individual pieces. The purpose of the project is to give you a taste of what the entire web design process is like, in addition to providing proof of the skills you will have learned throughout the semester.

Client Details

The Portfolio Project


For this project you will be designing and creating a website to communicate the essence of "you" to put on display for the world wide-web and most importantly future employers or clients.

Portfolio Details

The Labs


Adding a Favicon Final Project Setup GitHub Setup Lab 0 HTML Basics Lab 01 HTML Text, Images, and Links Lab 02 Reverse Engineering Lab 03 Cascading Style Sheets Lab 04 Display, Classes, and Ids Lab 05 The Onion Lab 06 Background Images & Videos Lab 07 Display Flex & Media Queries Lab 08 Positioning Lab 09 Illustrator Lab 10 The Galloping Goose Design Lab 11 The Galloping Goose Code Lab 12 Forms Lab 13 Tables Lab 14 Display Grid Lab 15 Transitions Lab 16 Animations Lab 17 - Collaboration Design Lab 18- Collaboration Reverse Engineering Lab 19 All you have learned Making corrections with GitHub Portfolio GitHub Setup Setting Up Visual Studio Code