Sep 3

Course overview

Go over the Syllabus and introduction to web design.

Sep 4

Lab 0:

Designing Systems

Sep 5

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 10

Lists

Chapters 2.4

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

Sep 11

Lab 1:

HTML Documents & Structure

Sep 12

Hyperlinks

Chapters 2.5

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

Sep 17

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

Sep 18

Lab 2

Hyperlinks & Images Structure

Sep 19

Images/Forms

Chapters 2.8, 3.1-3.2

• Images
• Span vs div
• Class vs id
• Forms format

Sep 24

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 25

Lab 3

HTML Containers and Forms

Project 1 assigned

Sep 26

History and Fundamentals

Chapter 1.4-1.7

• URL breakdown
• How sites are viewed
• Accessibility
• Site performance

Oct 1

Forms

Chapters 3.3-3.4

• More form widgets
• Form practice

Oct 2

Lab 4

Forms, Images, and Tables

Oct 3

Audio/Video/More Forms

Chapter 3.6

• Embedding audio
• Embedding video
• Converting formats

Project 2 assigned

Oct 15

Developer Guidelines/Review

Chapters 3.7-3.8

• Review for midterm
• HTML Practice

Oct 16

Midterm Exam

Oct 17

Colors

• Cultural meanings
• Relation to marketing
• Brand
• Accessibility

Oct 22

CSS intro

Chapters 4.1-4.2

Oct 23

Lab 5

Digital Multimedia

Oct 24

CSS Text Properties

Chapters 4.3-4.4

Oct 29

CSS Colors/palettes

Chapters 4.3-4.5

Oct 31

CSS Box Model / Iterative development and variables

Chapter 4.5

Nov 5

Advanced Selectors / CSS Positioning

Chapter 4.6

Project 2 due
Project 3 assigned

Nov 6

Lab 6

CSS: Text, Colors & Backgrounds

Nov 7

CSS Positioning: flexboxes

Chapter 4.7, Chapters 5.1-5.3

Nov 12

Images Revisited

Nov 13

Lab 7

CSS: Boxes, Display Concepts, and Flexboxes

Nov 14

Practice with Box model and layout

Nov 19

Menu Examples

Nov 20

Lab 8

CSS Design Techniques

Nov 21

Transistions

Chapter 5.4-5.5

Nov 26

Best Design Practices

Dec 3

Media queries and viewports

Project 3 due

Dec 5

Final Review