Spring 2024 Course Schedule

Monday Lab

Tuesday Lecture

Thursday Lecture

Jan 16

Course overview

Go over the Syllabus and introduction to web design.

Jan 18

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)

Jan 22

Lab 0
Designing Systems

Jan 23

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

Jan 25

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

Jan 29

Lab 1
HTML Documents & Structure

Jan 30

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

Feb 2

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

Feb 5

Lab 2
Hyperlinks & Images Structure

Project 1 assigned

Feb 6

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

Feb 8

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

Feb 12

Lab 3
HTML Containers and Forms

Feb 13

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

Feb 15

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

Feb 19

Lab 4
Forms, Images, and Tables

Feb 20

Developer Guidelines/Colors
Chapters 3.7-3.8

Project 1 due 11:59pm

Project 2 assigned

Feb 22

No Classes

Feb 26

No Lab

Feb 27

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

Feb 29

Review for Midterm/HTML Practice

Mar 4

Midterm Exam

Mar 5

CSS intro
Chapters 4.1-4.2

Mar 7

CSS Text Properties
Chapters 4.3-4.4

Mar 11

Lab 5
Digital Multimedia

Project 2 due 11:59pm

Project 3 assigned

Mar 12

CSS Colors/palettes
Chapters 4.3-4.5

Mar 14

CSS Box Model / Iterative development and variables
Chapter 4.5

Mar 18

Lab 6
CSS: Text, Colors & Backgrounds

Mar 19

Advanced Selectors / CSS Positioning
Chapter 4.6

Mar 21

No Lecture
SIGCSE Conference

Mar 25

No Classes

Mar 26

No Classes

Mar 28

No Classes

Apr 1

No Classes

Apr 2

CSS Positioning: flexboxes
Chapter 4.7, Chapters 5.1-5.3

Apr 4

Images Revisited

Apr 8

No Lab

Apr 9

Practice with Box model and layout

Apr 11

Menu Examples

Apr 15

Lab 7
CSS: Boxes, Display Concepts, and Flexboxes

Apr 16

Transistions
Chapter 5.4-5.5

Apr 18

Best Design Practices/Media queries and viewports

Apr 22

Lab 8
CSS Design Techniques

Apr 23

Coded Bias

Apr 25

Final Review

Apr 29

Project 3 due 11:59pm