Pictures
to fill the
column


 

 
Lesson 3 Supplemental Resources

The Anatomy of a Large-Scale Hypertextual Web Search Engine
Click this link for an early paper on the design philosophies behind the Google search engine. It's a good example of how most pages looked in the early days of the Web when traditional HTML reigned supreme.

Web Page Layouts Shouldn't Use Tables
This page sums up all the reasons why professional Web developers have stopped using tables for page layout.

Why Tables for Layout Is Stupid
Here's a somewhat comic book-like approach explaining why using tables for page layout isn't such a good idea.

Lengths
Here you'll find the W3C's explanation of the various units of measure. As is typical of W3C documentation, it's woefully terse and technical. But these are the facts, nonetheless.

Elastic Lawn
This link is an example of an elastic layout. Change the text size with View > Text Size in Internet Explorer, or CTRL + + and CTRL + - in Firefox or Safari, and watch how everything scales to the current text size.

Tableless Layouts With Dreamweaver 8
Here's a tutorial on creating tableless page layouts using Dreamweaver 8.

CSS Page Layout Basics
From Adobe and Dreamweaver, this page provides a tutorial on creating page layouts with div tags and floats.

Sample CSS Page Layouts
Here you'll find some sample page layouts from Max Design. These all use div tags and floats.

CSS Layouts
This link takes you to still more sample page layouts from the folks at Dynamic Drive.

CSS Layout Techniques: For Fun and Profit
Here you'll find a quick overview of layout techniques with links to many additional resources.