Fall 2022 Course Schedule

Monday Lecture

Tuesday Labs

Wednesday Lecture

Sep 5

No classes yet

Sep 6

No Lab

Sep 7

Course overview

Go over the Syllabus and introduction to web design.

Sep 12

Internet and Browsers
Chapter 1.1-1.3
  • What is web design?
  • Browser vs. server
  • Browser history/popularity
  • HTML vs. CSS vs. Javascript
  • Internet vs. WWW
  • Frontend vs. backend
  • Darknet, VPNs, https

Sep 13

Lab 0
Designing Systems

Sep 14

History and Fundamentals
Chapter 1.4-1.7
  • URL breakdown
  • How sites are viewed
  • Accessibility
  • Site performance
  • Basic HTML document

Sep 19

Semantic markup
Chapter 2.1-2.3
  • How to create a replit
  • Basic HTML file structure
  • HTML elements and attributes
  • Block vs. inline elements
  • Power of style sheets (CSS)

Sep 20

No Lab
GHC conference

Sep 21

No Class
GHC conference

Sep 26

No Class
GHC conference

Sep 27

Lab 1
HTML Documents & Structure

Sep 28

Lists and Hyperlinks
Chapters 2.4, 2.5, 2.6
  • Format
  • Directory structure
  • Internal vs external link
  • Lists
  • Nested tags

Oct 3

Tables
Chapters 2.8-2.9
  • Table structure
  • colspan and rowspan
  • Formatting attributes
  • Screenreader demo

Oct 4

Lab 2
Hyperlinks & Images Structure

Oct 5

Hyperlinks/Tables
  • Link practice
  • cell spacing vs cell padding
  • Nicer looking tables
  • Table practice

Oct 10

Tables/Containers/Forms
Chapter 3.1-3.2
  • Table practice
  • Span vs div
  • Class vs id
  • Forms format

Oct 11

Lab 3
HTML Containers and Forms

Project 1 due 11:59pm October 26th

Project 1 description

Oct 12

Forms
Chapters 3.3-3.4
  • More form widgets
  • Form practice

Oct 17

No Classes

Oct 18

Lab 4
Forms, Images, and Tables

Oct 19

Images/Developer Guidelines
Chapter 2.7 and 3.6
  • Image tag
  • Image size
  • Aspect ratio

Oct 24

Review for Midterm

Oct 25

Midterm Exam

Oct 26

Colors
  • Cultural meanings
  • Relation to marketing
  • Brand
  • Accessibility

Project 1 due 11:59pm October 26th

Oct 31

CSS intro
Chapters 4.1-4.2
Project 2 description

Nov 1

Lab 5
Digital Multimedia

Nov 2

CSS Colors/HTML Practice

Nov 7

Colors, palettes, and text properties
Chapters 4.3-4.5

Nov 8

Lab 6
CSS: Text, Colors & Backgrounds

Nov 9

CSS Box Model/Advanced Selectors
Chapter 4.6

Nov 14

Advanced Selectors / CSS Positioning: Display, float

Nov 15

Lab 7
CSS: Boxes, Display Concepts, and Flexboxes

Nov 16

Iterative development and variables / CSS Positioning: flexboxes
Chapter 4.7, Chapters 5.1-5.2

Nov 21

Styling and CSS
Chapter 5.3

Project 2 due 11:59pm November 21st

Project 3 description

Nov 22

No Labs

Nov 23

No Class
Thanksgiving Break

Nov 28

Audio/Video
Chapter 3.7-3.8

Nov 29

Lab 8
CSS Design Techniques

Nov 30

Transistions
Chapter 5.4-5.5

Dec 5

Dec 6

Final Lab Practical

Dec 7

Project 3 due 11:59pm Dec 7th

Dec 12

Last Day of Lecture
Recap and Review