STUDY GUIDE
Week 1
How the Internet works, text editors and coding, file management and FTP
1a: Lecture Notes: Course overview
1b: PPT: How the Internet works
Lab 1: Practice file management and FTP
Week 2
Introducing HTML and CSS
READINGS:
2a: Lecture Notes: Introducing HTML and CSS
2a: PPT: Introducing HTML and CSS
HTML: common elements; structure and semantics
READINGS:
2b: Lecture Notes: HTML: common elements; structure and semantics
2b: PPT: HTML: common elements; structure and semantics
Lab 2: creating a web page and adding some HTML
Week 3
CSS: common properties: color and length; basic selectors; cascading and inheritance
READINGS:
CSS: styling
READINGS:
Week 4
HTML structured content: lists and tables; CSS Styling lists and tables
READINGS:
Goal: structured vs. unstructured content; cover <ul> and <ol>, nesting; main table elements
4a Lecture Notes: HTML structured content: lists and tables
4a PPT: HTML structured content: lists and tables
4b Lecture Notes: Styling Lists and Tables
READINGS:
Lab 4: Styling Lists and Tables
Week 5
HTML: images, video and audio; links; CSS Box Model
READINGS:
Goal: explain how media is referenced (i.e., separate files); media HTML tags (+ HTML5); links and relative paths
5a Lecture Notes: HTML: images, video and audio; links
5a PPT: HTML: images, video and audio; links
READINGS:
Goal: explain box model (margin/border/padding) and how to select and style different parts of space around elements
Lab 5: practice styling the box model.
Week 6
CSS positioning: normal flow, relative, absolute, static; CSS: floats and reusable layouts
READINGS:
Goal: explain how elements are positioned and how we can change the default (i.e., norlam flow) positioning
6a Lecture Notes: CSS positioning: normal flow, relative, absolute, static
6a PPT: CSS positioning: normal flow, relative, absolute, static
Goal: using floats to (a) float content; and (b) create reusable layout grids (2-3 column layouts)
Lab 6: Essential CSS Layout Techniques
Week 7
CSS: gradients, transforms, transitions, exam prep
READINGS:
HW-4 due
Goal: pick any topic dealing with CSS effects - something cool, but not too advanced (animation may be too advanced)
Lecture: depends on material
Lab-7: Exam practice