Materials
The textbook for the class is Web Design in a Nutshell, 3rd Edition by Jennifer Niederst Robbins, O’Reilly Media, Inc., 2006. ISBN: 0-596-00987-9.
Fall 2010 Schedule
Dates of note for the semester:
- Sept. 3, 4, 6: no class (Labor Day)
- Sept. 7: Last day to drop
- Oct. 21: Last day to withdraw
- Nov. 10: Winter regitration opens
- Nov. 23, 24, 25, 26: no class (Thanksgiving). Note: Monday and Saturday classes do meet.
- Dec. 17: Semester ends
For each week, the Topic is what we will cover; Read is what you should read for class; Work lists the in-class labs and homeworks. The actual assignments will be listed in BlackBoard.
Week 1 (Aug. 31)
Topic
- Introduction to INP 150
- Overview of the Internet & Everything
- History of Code
Read
- Ch. 1 - Web Standards
- History of the Internet and the Web (Dev.Opera)
- Ten Reasons to Learn and Use Web Standards
- Simply JavaScript: The Three Layers of the Web (Don’t worry, it isn’t really about JavaScript)
Week 2 (Sept. 7)
Read
- Semantics — Why Bother?
- Ch. 8 - HTML and XHTML Overview (pp 114-119, 128-129)
- Ch. 9 - Document Structure (pp 130-137, up to Other Header Elements)
- Activating Browser Modes with Doctype
Assignments
Week 3 (Sept. 14)
Topic
- Block-Level Elements, cont.
- FTP
Read
- Ch. 4 - Beginner’s Guide to the Server (pp 50 - top 52)
Assignments
- Activity: Loading pages to your server space
- Lab: Practice with Block-Level Elements
- Homework 1: Create Your Class Page (due week 4)
Week 4 (Sept. 21)
Due at start of class: Homework 1
Topic
- Questions & Review: Homework 1
- Inline Elements
- Linking
Examples
Read
- Ch. 10 - Text Elements
- Ch. 11 - Creating Links
Assignments
- Lab: Practice with Inline Elements
- Lab: Practice with Linking
- Homework 2: Hobbies & Interests (due week 5)
Week 5 (Sept. 28)
Due at Start of Class: Homework 2
Topic
- Questions & Review: Homework 2
- Images
- HTML Comments, Special Characters and Meta Data
Examples
- Images and Meta Elements (view source for <meta /> elements)
Read
- The Definitive Guide to Web Character Encoding
- Character Entity References in HTML 4 and XHTML 1.0
- Review p. 167 - Character Entity References
- Review Appendix C (p. 722)
- Ch. 12 - Images and Objects (pp. 178 - 186, up to image maps)
- Ch. 9 - pp 137 (Other Header Elements) - 142
- Ch. 28 - Web Graphics Overview (pp. 515 - 523)
Assignments
Week 6 (Oct. 5)
Topic
- Specifying Colors
- Data Tables, part I (Basic Structure)
- Tables, part II (Spanning Rows & Columns)
Read
- Ch. 13 - Tables
- Adding Color (w3schools)
- Hexadecimal colors for web sites
- Color chart for web page development
Assignments
- Lab: Basic Tables
- Lab: Practice with
colspanandrowspan - Homework 3: Tables, Images & Metadata (due week 7)
Week 7 (Oct. 12)
Due at Start of Class: Homework 3
Topic
- Questions & Review: Homework 3
- Introduction to CSS
- Syntax
- Getting Styled (inline, embedded)
- Introduction to Font Properties
Read
- Ch 16. - Cascading Style Sheets Fundamentals (pp. 273 - top 278)
- Ch. 18 - Font and Text Properties
- Common fonts to all versions of Windows & Mac equivalents
Assignments
- Lab: Introduction to CSS
Week 8 (Oct. 19)
Topic
- Getting Styled — External CSS
- Additional Text-Related Properties
- Class and ID Attributes as Selectors
Examples
Read
- Ch. 16 (pp. 278 to bottom 281; 283 (Key Concepts) to 288 (Block and Inline Elements))
Assignments
- Lab: Practice with External Styles
- Homework 4: Using CSS (due week 9)
Week 9 (Oct. 26)
Due at Start of Class: Homework 4
Topic
- Questions & Review: Homework 4
- The Cascade
- CSS Backgrounds
- CSS List Styling
Read
- Ch. 20 - Color and Backgrounds
- Ch. 23 - Lists and Generated Content (pp. 406 - 411)
- CSS: Specificity Wars by Andy Clarke
Assignments
Week 10 (Nov. 2)
Due at Start of Class: Homework 5; Final Project Creative Brief
Topic
- Questions & Review: Homework 5
- The Box Model
Examples
Read
- Ch. 19 - Basic Box Properties
- CSS Box Model (Simon Jessey)
- 3D Box Model (John Hicks)
Assignments
- Lab: CSS Box Model
- Homework 6 (due week 11)
- Final Project (due week 14)
Week 11 (Nov. 9)
Due at Start of Class: Homework 6
Topic
- Questions & Review: Homework 6
- Table-based Layouts
Examples
Read
- Ch. 13 - Tables (pp. 226 - 231)
- Browser support of cursor property in CSS2 and CSS3
Assignments
- Lab: CSS Display Properties
- Lab: Practice with table-based layouts
- Homework 7 (due week 12)
Week 12 (Nov. 16)
Due at Start of Class: Homework 7
Topic
- Questions & Review: Homework 7
- Display and Other Properties
- CSS Table Controls
- Outline Property
Read
- Ch. 17 - Selectors, pp. 302-306.
- CSS selectors: basic browser support
- MacEdition Guide to CSS3 Selector Support
- Ch. 22 - CSS for Tables
- Ch. 23 - Lists and Generated Content, pp. 412-418.
- Selector Compatibility
Assignments
Week 13 (Nov. 30)
Topic
- More CSS2 Selectors
- Final Project Workshop
Week 14 (Dec. 7)
Due: Final Projects
Assignments
- Setting Up Your Own Web Space
- What’s in INP 170
- Questions, Review
Week 15 (Dec. 14)
Topic
- Final Exam
Schedule is subject to change at any time.