Case Study
A review of the web site presented in lab-07-a. This lab encapsulates many of the practices we have encountered so far.
CSS Layout
CSS allows us to set properties that control where our content is positioned on each web page. Understanding the positioning of elements in relation to each other and the viewport is an important part of writting good CSS for well designed web pages.
Lab-07-a
Explore a web site that embodies many of the techniques we have explored so far. In the lab the web is evolved from unstyled content to a reasonably elegant and clean design - using semantic html element where appropriate.
Lab-07-b
Review CSS fundamentals Layout fundamentals via a series of discreet experiments. Each experiment is in a separate html/css file and explores important rules associated with the box model, layout and positioning via simple, concrete examples. Some of the material is drawn from the excellent http://learnlayout.com
resource.