The document discusses CSS and page layout techniques. It explains that tables were never intended for page layout and that CSS is a better option. It covers standard document flow, using floats and clears to position elements, and different positioning techniques like relative, absolute, and fixed positioning. It also discusses using CSS with tables and recommends learning CSS through practice and experimentation.
16. Recommended sites: Why Tables for Layout is Stupid: http:// www.hotdesign.com/seybold / A List Apart: Practical CSS Layout Tips, Ticks & techniques: http:// www.alistapart.com/articles/practicalcss / Max Design Floatutorial: http:// css.maxdesign.com.au/floatutorial / Further reading: Web Design in a Nutshell, 3rd Edition by Jennifer Niederst Robbins
17.
Notas del editor
Show google.comcode before and after (in Google directory). Show: Why tables for layout is stupid: http://www.hotdesign.com/seybold/
Show 112 index.html without style sheet.
Show lab three example Show examples: Nofloat.html - normal flow of document Basicfloat.html - nav ul floated and a border added so area can be seen. Float.html - bells and whistles.
Show float.html again and discuss use of clear for footer.
Show Position> relative.html
Show Position> absolute.html
Show fixed.html and Women in CS site.
Show fixed.html and Women in CS site (http://www.cs.otago.ac.nz/staffpriv/morag/femmeweb/).
![Page layout with CSS ,[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)