Sunday, February 7, 2010

Web Designing Part-1

Creating a Template

When you begin designing your web site, your goal should be to create a template that you can use to create each page of your web site. This will give your entire site the same look
and feel.

A template is simply a web page "shell" that contains your entire page design, logo, images, navigational links and a specific area for your content. However, your template won't contain any content, as each time you create a page with your template, you'll save it with a different page name.

Formatting Your Pages

I highly recommend placing your entire page content within HTML tables. Tables will enable you to have complete control over your content and how it will be displayed.

For example, you can create three tables, stacked on top of each other, for each section of content. The cellpadding, cellspacing and border attributes should be set to "0" to enable your tables to seamlessly flow together. In addition, the widths for each table should be the same. The top table would contain your page header content, the middle table would contain your content and the bottom table would contain your footer content.

As placing your entire page content within a single table will significantly increase your site's load time, stacking your tables will enable you to benefit from the powerful formatting capabilities of tables, while at the same time, keep your site's load time down.

If you've ever designed a web page without using tables, you know how limited you are as to how your content will be displayed. Your text will be displayed right up against the left border and will span across the entire width of your page -- certainly not a good way to design a professional looking web site.

Tables will enable you to display your content in sections like a newspaper, set up a specific number of rows and columns, and even place additional tables within your main content table to create special content sections with colored backgrounds.

No comments:

Post a Comment