Home
Syllabus
Students
Contact
Comm 244:
design for the
world wide web
week four
FAQs: How did the homework go?
Review divs, spans, IDs and classes
Basic Photoshop Mockup Exercise
Digging in deeper with CSS: fonts, document tree, selecters and more.
Applying CSS to Good Food Basic Site
notes
Download the Keynote Presentation from class
Web Safe Fonts and Font Stacks
The HTML Document Tree
CSS Selectors
CSS Inheritance, Cascade, and Specificity
Using Code Examples in HTML
Homework
Learning Web Design
:
Read Chapter 12:
254-263
Read Chapter 13:
300-304
Begin at Finally External Style Sheets
Read Chapter 14:
305-337
The Box Model
Don't Make Me Think
:
Read Chapters 5 and 6: pages
44-93
On-Line
:
On divs, spans, classes, ids
The Semantic Div, Id, Class, and Span
Grouping elements: the DIV and SPAN elements
On font stacks
Fonts on the web and a list of web safe fonts
Better CSS Font Stacks
Increase Your Font Stacks With Font Matrix
Best Fonts for the Web
Read through the following sections from
Selectutorial - CSS selectors
Rules: all pages
The Document Tree - it's a family thing: all pages
Selectors: skip "Attribute selectors" and "pseudo-elements"
Advanced Stuff: all pages
Read through
Tutorial 4 - Horizontal lists
from Listuturial.
Review the different methods of styling lists from
Listomatic
Read
Why I Like (and Use) Reset CSS
Assignments
Week to Week
Broad
Strokes
Class 1 — 9/10
Class 2 — 9/17
Class 3 — 9/24
Class 4 — 10/1
Class 5 — 10/15
Class 6 — 10/22
Class 7 — 10/29
Class 8 — 11/5
Class 9 — 11/19
Class 10 — 11/26
Class 11 — 12/3
Projects
midterm