<meta inst="Instructor Contact">
|room = ""||day: ;|
|phone = ""||time: ;|
|email = ""||crn: ;|
|hours = "">||room: ;|
- HTML and CSS
- Topic 1
Foundations of Web Design (FoWD)
READ: FoWD - Chapter 1 (pp 6-13)
Chapter 2 (pp 16-29)
Course Intro, study tips, success in my classes, HTML glossary. Tools: text editor, file system, web browser. HTML basic syntax and common top-level elements. Headers, paragraphs, lists, and some supporting or formatting elements.
- Topic 2
READ: FoWD - Chapter 3 (pp 32-43)
Chapter 4 (pp 46-53)
Anchors, links, relative and absolute paths, fragment identifiers, images, and videos. Table, row, data cell, border. Table caption, header, body, footer, spanning columns.
- Topic 3
Week #3READ: FoWD - Chapter 5 (pp 56-77)
Basic CSS syntax and glossary. What are selectors: properties, values, declarations, rules, and ways to link to your CSS. Different selectors types: universal, element, groups, combination, class, id, pseudo-class.
- Topic 4
Week #4READ: FoWD - Chapter 6 (pp 82-95)
Class attribute, class selector, id attribute, id selector. Role attribute and CSS attribute selectors.
- Topic 5
Week #5READ: FoWD - Chapter 7 (pp 98-115)
Font properties: font family, font size, pixels, font style, font variant, font weight, font property shorthand. Text properties: text align, text decoration, text indent, text transform, line height, and color.
- Topic 6
Box Model: content, border (width, style, color), padding and margin with shorthand, and background color.
- Topic 7
READ: FoWD - Chapter 8 (pp 128-136)
Chapter 9 ((pp 140-163)
Box Model: Width, height, overflow, box sizing.
Layout Properties: Float, left, right, inherit, clear, and overflow.
Final Project Outline due next week, Friday night
- Topic 8
Week #8READ: FoWD - Chapter 10 (pp 166-191)
Chapter 11 (pp 195-213)
Layout Page: Fixed-width layouts.
Fluid responsive layouts.
- Topic 9
Week #9READ: FoWD - Chapter 11 (pp 195-213)
Navigation: Lists, vertical (left or right), horizontal, and breadcrumbs.
- Topic 10
No weekly quiz or projects this week
FINAL PROJECT due Sunday night!
Week in review, work on final project, early presentations (if any)