Design for the Web 1

39540 SPRING 2011

Week 5

WEEKLY READING: Chapters 13, 14, 15, 17, 18 with pages and topics as listed below

From WEEK 4 list, continued.

Selector types: parents/children, descendant, ID and class selectors

Selector properties, grouping selectors, pp218-222

http://css.maxdesign.com.au/selectutorial/ Tutorial on selectors

WEEK 5

Intro to CSS Layout

The Box Model, pp261-265

http://jessey.net/simon/articles/003.html The Box Model

http://css.maxdesign.com.au/listamatic/about-boxmodel.htm The Box Model

Padding, Margin, borders, overflow pp265-28, pp282-284

http://www.quirksmode.org/css/overflow.html Try out Overflow

The COLORED BOX METHOD for building layouts

http://www.maxdesign.com.au/presentation/process/index.htm This is the CSS page-building technique we will use this semester

Intro to Layout in CSS

Flow of the document, pp285-286

Positioning Basics pp295-308, p310

http://www.barelyfitz.com/screencast/html-training/css/positioning/ CSS Positioning in10-steps

http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp One HTML markup, many layouts

http://www.w3schools.com/css/css_positioning.asp CSS Positioning

http://blog.html.it/layoutgala/ Layout examples

Lists

HTML markup for lists, pp76-79

CSS for lists, pp340-344, 356

http://www.w3schools.com/html/html_lists.asp HTML markup for lists

http://www.w3schools.com/html/html_lists.asp CSS styling for lists

Styling links [pseudoclasses]

Pseudoclass Selectors, pp240-242

http://www.w3schools.com/css/css_pseudo_classes.asp Styling links with CSS