Course Schedule

Monday Lecture

Wednesday Lecture

Thursday/Friday Lab

Jan 15

No Class
Martin Luther King Day

Jan 17

Course overview

Go over the Syllabus, Information about Gender Pronouns, and introduction to web design.

Agenda, Class Slides

Jan 18/19

No Lab
First week of classes

Jan 22

Internet and Browsers
Chapters 1 and 2
  • Browser vs. server
  • Browser history/popularity
  • HTML vs. CSS vs. Javascript
  • Internet vs. WWW
  • Frontend vs. backend
  • Darknet, VPNs, https

Jan 24

Web Standards and Accessibility
Chapter 3 pp 33-45
  • URL breakdown
  • How sites are viewed
  • Accessibility
  • Site performance
  • Basic HTML document

Notes

Jan 25/26

Lab 0
Designing Systems
  • Pre-lab is due by Thursday, 1pm (1/25)
  • Finished lab is due by 3:30pm Friday of the following week (2/2)

Jan 29

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

HTML Intro Notes, htmlIntro.html, samples.html, cat image

Jan 31

Lists and hyperlinks
Chapter 5
Project 1 assigned

Feb 1/2

Lab 1
HTML: Document Structure

Feb 5

Lists and links
Chapter 6

Changed due date of all future pre-labs to the Wednesday BEFORE the lab.


Feb 7

No class
Snow day

Feb 8/9

Lab 2
HTML: Semantic Text Markup
  • Pre-lab is due by Wednesday, 11:59pm (2/7)
  • Finished lab is due by 3:30pm Friday of the following week (2/16)

Feb 12

Folder hierarchies
Chapter 6, Continued

Feb 14

Image file formats
Chapter 7 and Chapter 21 pp 507-532

Feb 15/16

Lab 3
HTML: Hyperlinks & Images

Project 1 due
10am February 15th

Feb 19

Tables
Chapter 8 pp 133-146
  • Table notes
  • How to create tables
  • Table tags
  • Borders, padding, colors
  • directory containing html files from lecture

Feb 21

No Class
Conference

Feb 22/23

No Lab
No Classes

Feb 26

Design decisions & Cultural Color
  • video: The Internet: IP Addresses & DNS

Feb 28

Tables and Forms
Chapter 8 and Chapter 9 pp 147-162

Mar 1/2

Lab 4
HTML: Tables & Forms
  • Pre-lab is due by Wednesday, 11:59pm (2/28)
  • Finished lab is due by 3:30pm Friday of the following week (3/9)

Mar 5

Friday's lab make up

Due to the snow day on Friday, only students from Friday's lab need attend class this day in RB304

Project 2 assigned

Mar 7

No class
Snow day

Mar 8/9

Lab 5
Digital Multimedia

Mar 12

HTML Forms, continued
Chapter 9 pp 163-180

Mar 14

Cascading Style Sheets
Chapter 11 pp 207-222 & Chapter 12 pp 225-302

Mar 15/16

Midterm Exam
Chapters 2-9

Mar 19

CSS: Formatting Text
Chapter 12

Mar 21

CSS floating and positioning
Chapter 15 pp 341-369

Mar 22/23

Lab 6
CSS: Text, Colors, & Backgrounds

Mar 26

No Class
Spring Break

Mar 28

No Class
Spring Break

Mar 29/30

No Class
Spring Break

Apr 2

No Class
Easter Break

Apr 4

Positioning and responsive layouts
Chapter 16
  • Floating images and text
  • Positioning text
  • Slides
  • Class exercise file

Project 2 Due

Apr 5/6

No Lab
Snow day makeup

Apr 9

Creating layouts with CSS
Chapter 16 pp 373-397
Project 3 assigned

Apr 11

Multi-column layouts
Chapter 16 continued

Apr 12/13

No Lab
Programming Contest

Apr 16

Menus/Audio/Video

Apr 18

CSS: Transitions and Transformations

Apr 19/20

Lab 7
CSS: Boxes, Borders & Floating

Apr 23

Finish transitions and start Chrome extension activity
  • Finish the aquarium menu
  • Start the Chrome extension activity: directions

Apr 25

CSS: Transformations
Chapter 17
Some sample images demonstrating different pages for project 3:

Apr 26/27

Lab 8
CSS: Layouts with Floating & Positioning

April 30

Last Day of Class
Recap and Review

Project 3 Due

May 2

Study for final

Exam week

Final Exam!!