Web Design 102
In this section you can expect to learn about the importance of using a 'template' to create all the pages on your website and about what it takes to make your web pages more user friendly.
This includes the following:
And most important of all...
The following provides an introductory paragraph and a link to each page in this section:
Tables vs. Tableless Design
No doubt there are those who think that I'm going straight to web developer hell for having the audacity to teach people to use tables to layout web pages instead of using tableless designs.
But the plain fact of the matter is:
- Alot of people —including many high profile W3C members— don't give a rat's behind about the lofty cutting-edge web standards that are starting to frown upon the use of tables for web design (otherwise they wouldn't continue to use tables in their websites).
- Not everyone has time to learn all that it takes to create a sophisticated tableless design...
Using Tables for Layout
When I first got on the internet several years back, I would frequently admire the layout of the big corporate media websites and wonder, "How do they do that?" So then I peeked at their source code and found a virtual morass of HTML tables as far as the eye could see. Then I discovered that they were not only using tables but they were also using tables nested inside more tables nested inside still more tables. So then the big question that hit me was "WHY?" Following this I spent innumerable hours plowing through and dissecting these layouts trying to find out what they knew that I didn't.
I have since discovered all the methods behind the madness and I am now writing this tutorial on using HTML tables to layout web pages largely in remembrance of having to learn all this the hard way...
Example Table Layouts
This page will walk you through a series of example table layouts ranging from simple to complex to help you get the hang of things. You can use the interactive buttons below each example to switch between the layout view and the source code used to create the layout. The source code is expanded and commented to help you visualize what's going on behind the scenes...
World's Crappiest Web Page
Making a real crappy web page is easy. All you have to do is follow these simple instructions...
| HOME | TOP | NEXT ~> |
