Tips to create a web page template

command o create tables

A web page template is a pre-made web page that can be used repeatedly to create other web pages by copying it. The template is created using a pre-dominant language of the internet i.e., a HTML code.

It helps a web page designer to represent his plans for the website and makes the task of building a website fairly quick and easygoing type.

Learning HTML language before moving to creating a web page is essential. This is because the codes that control web page are built up using this very language. For instance, colors, animations, texts and boxes that you view are produced and kept in line by HTML language.

To create a web page, acquaintance yourself with some needful steps referred below

Learn to create HTML tables

The fundamental structure of an HTML table comprises of the following tags:

  1. Table tags:  <TABLE>  </TABLE>
  2. Row tags:   <TR>  </TR>
  3. Cell tags:    <TD>  </TD>

Making an HTML table necessitates to describe the beginning table tag, <TABLE>, and the ending table tag, </TABLE>.

In the interval of the above two tags you can construct each row accommodating a cell within it. To do it,

  • Construct a row with the beginning row tag, <TR>.
  • Construct a row by creating each cell with the beginning cell tag <TD>, add the data for the cell and then close it with the ending cell tag </TD>.
  • Once done with all the cells in a row close the row with the ending row tag </TR>.

command o create tables

Give tables a refining look

Give your recently created tables a refining look by including commands that adjusts the size of tables, add space between the rows, add space in the cell and align data in the cell. Some of the commands that allow you to modify your table include:

  • The WIDTH=n%

This command adjusts the width of your table as a percentage of the screen.  The letter n intends to show the percentage that you can assign the command with.


It minds the vertical dimensions of the cells.


The command sets the border or space around the cells.  The letter n indicates the empty value that is replaceable by any numeric value.


This command will align the data in a cell vertically.  For instance, if you desire to lay the data in the center of each cell in a row, you would insert the ALIGN=MIDDLE command within the row.

web page template

Though these commands are practiced for trial and error purposes, they help to create more appealing presentation for your tables. To learn more visit www.temple.edu/cs/web/tables.html


Get conversant with HTML color codes

Nothing defines a web page as distinctly as its vibrant colors so always be thoughtful while choosing them for your web page. Coordinate the page colors and create an eye-friendly look for the page.

For instance, you can select a color picker and prefer the HTML color code of your choice. Click anywhere in the large square and sweep the cursor to adjust the color.

Adjacent to the box is a vertical slider that adjusts the quality of color depending on its wavelength (hue).

Final step is to copy the six digit value (hex) of the color displayed in a small rectangular box with a # mark and in bold and paste it in your website.

color picker

 To know more about HTML colors and how to practice them in your website, check out HTML tutorial’s  HTML colors section.

Create images, logos and save them in your web page

Create graphics using Adobe Photoshop. It is photo-editing and standard digital picture software published by Adobe systems. Prepare graphics in 800×400 pixel canvas and save them in ‘web features’.

Set-up your page width

Set the screen resolution to a width of 1024 pixels wide. Defined width setting will save your time if you are using CSS codes (Cascading Style Sheets), a way to manipulate HTML.

Break the page contents into different tables

Smart web designers will crack the web page into different tables to make loading faster. A template diagram will help you to create multiple diagrams with same appearance thus giving you a better picture of what your web page should look like.

Ideally it should include navigational tools, navigational controls, the heading, the body and footer. Refer to other web pages for creating a fresh and genuine table set-up.

Take care that tables do not overlap and loading time for page is short. This will avoid visitor’s irritation. After thorough satisgaction move on to create content for your web page.

Creating a web page is much effortless now than it was in the past. Some basic knowledge is the only pre-requisite for the task.

Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

To Top