HTML: A Guide to Hard-Coding

   

Starting your first page

The Body

Paragraphs

Headings

Images

Fonts

More Fonts

Line Breaks

Links

Colors

Backgrounds

Horizontal Lines

Mailto

Basic Tables

Advanced Tables

Putting your page Online

Frames

Forms

The Head

JavaScript Drop-Down Menu

Cascading Style Sheets

Basic HTML tags

HTML Home

 

 

Dreamweaver Tutorial

Adobe Acrobat

Faculty Resource Center

 

Susan's Homepage

 

Advanced Tables, Part 3

Let's make our table bigger in order to make the layout of our page look right.

When I design, I make all my pages 600 pixels across. This keeps people from scrolling horizontally, which is one of the worst things you can do to a viewer--it drives them nuts. If I want to keep them from scrolling vertically as well, then I make my height no more than 300 pixels.

This doesn't give you much space to work with.

Actually, it is ok to scroll vertically, but never make your reader scroll horizontally.

More and more people are using the 800x600 resolution for their screens, but until the day when EVERYBODY does, we need to design for the 600 pixels across.

I'm going to go back to my <table> tag and add a width of 600. I'm also going to take away the border and add some text and pictures. Additionally, I'm going to use many of the tags we talked about earlier.

Look at the code carefully to see all that I did.

This is a really basic page, and not particularly interesting, but with the fundamentals of making tables you can do a lot to your page.

Go on to the next page.