WashesWhiter.com
Flash+PHP+MySQL databases | scripts | tutorials | contact






RAILS
DEVELOPER
EMAIL
MARKETING
SUBMISSION
PAGE DESIGN
HTML TABLES
CSS TEXT
FONTS
IMAGES
FLASH
SECURITY
tutorials


PAGE DESIGN


This is the step-by-step guide to page development.

DESIGNERS

See the main menu for a list of design tools available on this site.

NAMING OF THE PARTS

A basic web page consists of the following parts:
1. PAGE STRUCTURE
You create the page structure with tables. (See the tutorial about tables.)

2. PAGE CONTENT
The content is the words and pictures. The CSS designer on this site will help you here.

A BASIC PAGE

Before you start.
Make sure your page has the layout as shown below. Do not worry about the HEAD tags. Everything goes into the BODY to start with.
This is what a basic page structure looks like:


HOW TO COPY SOURCE CODE.

First highlight it by putting your mouse cursor at the beginning of the text you want to copy and then click on the left mouse button and pull down as far as you want to go. (If you are in a text box you can also use shift button plus down arrow/page down button). Second copy it to memory by pushing the ctrl and insert buttons at the same time. Third go to notepad or whatever editor you are using, put the cursor where you want the code to go, and press the shift and insert buttons at the same time.

SOURCE CODE OF A SIMPLE PAGE

This is the output.