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.