Spring 2023 Course Schedule

Monday Lecture

Wednesday Lecture

Friday Labs

Jan 16

No classes yet

Jan 18

Course overview

Go over the Syllabus and introduction to web design.

Jan 20

No Lab

Jan 23

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

Jan 25

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

Jan 27

Lab 0
Designing Systems

Jan 30

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)

Feb 1

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

Feb 3

Lab 1
HTML Documents & Structure

Feb 6

Hyperlinks
Chapters 2.5-2.6
  • Directory structure
  • Absolute vs relative URL
  • Internal vs external link
  • Inserting images
  • Link practice

Feb 8

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

Feb 10

Lab 2
Hyperlinks & Images Structure

Feb 13

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

Feb 15

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

Feb 17

Lab 3
HTML Containers and Forms

Project 1 due 11:59pm March 15th

Project 1 description

Feb 20

Audio/Video/More Forms
Chapters 3.7-3.8
  • Embedding audio
  • Embedding video
  • Converting formats

Feb 22

Developer Guidelines
Chapter 3.6

Feb 24

Lab 4
Forms, Images, and Tables

Feb 27

No Classes

Mar 1

No Classes

Mar 3

No Classes

Mar 6

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

Mar 8

Review for Midterm

Mar 10

Midterm Exam

Mar 13

CSS intro
Chapters 4.1-4.2

Mar 15

No Class
SIGCSE conference

Project 1 due 11:59pm March 15th

Mar 17

No Lab
SIGCSE conference

Mar 20

CSS Colors/HTML Practice

Mar 22

Colors, palettes, and text properties
Chapters 4.3-4.5

Mar 24

Lab 5
Digital Multimedia

Mar 27

CSS Box Model/Advanced Selectors
Chapter 4.6

Mar 29

Advanced Selectors / CSS Positioning: Display, float

Mar 31

Lab 6
CSS: Text, Colors & Backgrounds

Apr 3

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

Apr 5

Styling and CSS
Chapter 5.3

Project 2 due 11:59pm April 5th

Apr 7

No Class
Easter Break

Apr 10

No Class
Easter Break

Apr 12

Practice with Box model and layout

Apr 14

Lab 7
CSS: Boxes, Display Concepts, and Flexboxes

Apr 17

Transistions
Chapter 5.4-5.5

Apr 19

Coded Bias

Apr 21

Lab 8
CSS Design Techniques

Apr 24

Coded Bias

Apr 26

First half of final

Apr 28

No Lab
Academic Celebration

May 1

Second half of final

Project 3 due 11:59pm May 1st