Fall 2023 Course Schedule

Tuesday Lecture

Wednesday Labs

Thursday Lecture

Sep 5

Course overview

Go over the Syllabus and introduction to web design.

Sep 6

No Lab

Sep 7

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 12

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

Sep 13

Lab 0
Designing Systems

Sep 14

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 19

Lists
Chapters 2.4
  • Format
  • Lists (ordered, unordered, definition)
  • Nested lists
  • semantic tags (header, footer, etc)
  • accessibility (why structure is important)

Sep 20

Lab 1
HTML Documents & Structure

Sep 21

No Class
Inauguration

Sep 26

No Class
Chapters 2.5
Recorded lecture
Hyperlinks:
  • Directory structure
  • Absolute vs relative URL
  • Internal vs external link
  • Inserting images
  • Link practice

Sep 27

No Lab
GHC conference

Sep 28

No Lecture
GHC conference

Oct 3

Tables
Chapters 2.6-2.7
  • Special characters
  • Table structure
  • colspan and rowspan
  • Formatting attributes
  • cell spacing vs cell padding
  • Screenreader demo
  • Nicer looking tables
  • Table practice

Oct 4

Lab 2
Hyperlinks & Images Structure

Oct 5

Images/Containers/Forms
Chapters 2.8, 3.1-3.2
  • Images
  • Span vs div
  • Class vs id
  • Forms format

Oct 10

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

Oct 11

Lab 3
HTML Containers and Forms

Project 1 due 11:59pm October 24th

Project 1 description

Oct 12

Audio/Video/More Forms
Chapter 3.6
  • Embedding audio
  • Embedding video
  • Converting formats

Oct 17

Developer Guidelines/Colors
Chapters 3.7-3.8

Oct 18

Lab 4
Forms, Images, and Tables

Oct 19

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

Oct 24

Review for Midterm/HTML Practice

Project 1 due 11:59pm

Oct 25

Midterm Exam

Oct 26

CSS intro
Chapters 4.1-4.2
Project 2 description

Oct 31

CSS Text Properties
Chapters 4.3-4.4

Nov 1

Lab 5
Digital Multimedia

Nov 2

CSS Colors/palettes
Chapters 4.3-4.5

Nov 7

CSS Box Model / Iterative development and variables
Chapter 4.5

Nov 8

Lab 6
CSS: Text, Colors & Backgrounds

Nov 9

Advanced Selectors / CSS Positioning
Chapter 4.6

Project 2 due 11:59pm

Nov 14

CSS Positioning: flexboxes
Chapter 4.7, Chapters 5.1-5.3

Project 3 description

Nov 15

Lab 7
CSS: Boxes, Display Concepts, and Flexboxes

Nov 16

Images Revisited

Nov 21

Practice with Box model and layout

Nov 22

No Class
Thanksgiving Break

Nov 23

No Class
Thanksgiving Break

Nov 28

Menu Examples

Nov 29

Lab 8
CSS Design Techniques

Nov 30

Transistions/Transformations
Chapter 5.4-5.5

Dec 5

Best Design Practices/Media queries and viewports

Dec 6

Final Lab Practical

Dec 7

Coded Bias

Dec 11

Coded Bias

Project 3 due 11:59pm Decmber 11th