Tableless web design

Go through in class:

1. How to apply the 2 col web design to your page:
2. Modifications to design - text, background, link colors, nav colors,
3. Enhancements
4. grading

1. apply 2 col design
   1. display design precursor in FF & View Source
   2. markup own web page with DIVs and Save As
   3. in FF : Webdeveloper toolbar save the stylesheet from design page in project/styles folder
   4. now include the saved stylesheet into own page.
2. In FF identify colors to change & classes (use Favelets - post these as Resources). Make list of styles to change colors / text sizes.
3. Enhancements:
   • pullquotes
   • Drop capital letter
   • change cursor on abbr - title.

Posted by markp at October 24, 2004 10:41 PM | TrackBack