Creating a web page from scratch using Front Page 2003

 

 


Home

Getting Started

The Basics

Page Layout

Tables

CSS

Resolution

Includes

How Do I ?

Guestbook

Layout

Layout is a means of arranging content on a web page.  If you just start placing text and images on a page with no thought given to layout, you will soon find out that it does not look good.  Front Page, through the use of Tables, provides an excellent means to accomplish the layout and design process.

Most web pages have certain common elements such as a logo, navigation bar, links, images, content area etc;  It is a good idea to draw out on paper the layout that you want to achieve before you begin to create the tables that will contain this information.

Some other things to consider before you get going is how you want your pages to display in the browser.  You will never be able to create a web page that will appear the same to all viewers.  The reason for this is that each viewer has options to make various settings on their own computer that cause your pages to display differently. They will also be viewing your pages with different sized monitors using various browsers.  There are two basic options to choose from before you start building your web.  One is a "fixed" width table and the other is a "fluid" width table.  No matter which of these options you chose, it  is best to place all of the content in a "container" table which is a single table with cells and other tables inside it.

A fixed width table is one that has the width of the container table set in pixels.  A very common size for this type of table is 760 pixels because this allows for room for the vertical scroll bar on the right and will display in and 800x600 resolution browser without having to use the horizontal scroll bar.

A "fluid" table is one that flows to full screen in browsers 800x600 and up.  This is achieved by setting the table to a width of 100%.  While this sounds good at the onset, keep in mind that your text and images will change position as the content becomes squeezed down in lower resolution browsers.

 

 

Copyright © 2006 gskywalkers