Advanced Page Layout with CSS

New Horizons Computer Learning Center

Tools:

• http://www.denisejacobsfacultysite.org/toolbox/xt_template.html

Examples to do in class:

• Basic div, box model, text and fonts
• Working with lists
  horizontal: http://css.maxdesign.com.au/listamatic/horizontal01.htm
  quasi vertical buttons: http://css.maxdesign.com.au/listamatic/vertical10.htm
  • vertical buttons: http://css.maxdesign.com.au/listamatic/vertical13.htm
• Image floats
  • floatutorial: http://css.maxdesign.com.au/floatutorial/index.htm
• Page layout
  • "Colored boxes": http://www.denisejacobsfacultysite.org/web120/classexamples/css/coloredboxes/index.shtml

CSS Selector Tutorials:

• http://css.maxdesign.com.au/selectutorial/
• http://www.westciv.com/style_master/academy/css_tutorial/selectors/index.html

CSS Resources:

• http://www.devguru.com/Technologies/css/quickref/css_index.html
• http://css-discuss.incutio.com/
• http://www.mezzoblue.com/archives/2004/03/10/css_problems/index.php
• http://www.mezzoblue.com/css/cribsheet/

DHTML Menus

• http://www.htmldog.com/articles/suckerfish/dropdowns/
• http://www.alistapart.com/articles/dropdowns/

Tools:

• CSS Optimiser: http://flumpcakes.co.uk/css/optimiser/

Inspiration:

• Headlines examples: http://www.smileycat.com/miaow/archives/000150.html

Accessiblity:

• Compiled accessiblity resources: http://www.denisejacobsfacultysite.org/web200/resources/accessibility.shtml

For even more resources, go to

• http://www.denisejacobsfacultysite.org/index.shtml