Components

Web page design:

Like any building, a web page has an architecture. 
In each page, about fifty components are being integrated and harmonized.

For a new Web site, an initial template page must be created and tested for browser compatibility, mainly with Internet Explorer, Mozilla Firefox and Safari.

Static or Dynamic Web site

A Web page programmed in HTML is said to be static. The main template is copied to produce every page of the Web site.  For each new page, the content is changed in the body, the title, description and keywords in the header and the links in the menus. 

With database driven dynamic Web pages the same components are programmed as objects and anchors. A page is created in HTML code only at the moment it is visted. The most popular software languages for dynamic pages are ASP, ASPX, CFM or PHP.

The advantage of dynamic pages is the capacity to collect and store new information from the users to be redisplayed, such as in user profiles, threaded discussions, newsletter subscriptions, surveys, and e-commerce applications.

Read: Static and Dynamic Websites

Standard Web page components:

Layout components:

Splash page (quick loading)
Standard page:
Top bar header
Navigation menus
Body
Margins left and right
Banner zone
Bottom bar
Tables structure
Templates or includes

Graphical components:

Color scheme
Background graphics and colours
Font sizes
Button interaction styles
Cascading Style Sheet
Link rules to default or new windows
Tables

Media components:

Images
Flash animation
Streaming videos
Streaming audio
Files downloading

Data Components:

Title
Description
Keywords
Copyright
Language
Author
Cascading Style Sheet links

Navigation Menus:

Home
About
Contact
Request form
Site map

Bottom menu:

Last update date-time stamp
Disclaimer
Privacy
Webmaster Email
Visitor tracking code

 

Optional components:

Date display
Time display
Calendar
Site search

Polling form
Survey form

Ad banner
Donation form

RSS XML syndication

Example:

Browser compatibility test
 

Configuration:

Select, and register a domain names; choose best hosting strategy, in-house or remote; provide DNS1 and DNS2; create www, mail, ftp hosts and domain in DNS server; create a web folder in IIS6; install Frontpage extensions (Sharepoint services); setup users and permissions;

Structure:
            Analyze administrative activities and standard operating procedures, work

cycles, data flow and volume size; define target user and customer requirements; propose mockups or examples from existing models;

Navigation:

            Links redundancy, frame options, new window rules, HTML, DHTML, java

buttons, simplicity for updates and future growth, language toggle, choice of words for buttons and page names, site map, contact info, home, splash pages.

Design:

Thematic colours, graphics, images, icons, cascading style sheets, layout

templates, text font size, flash.
Database integration:

Membership services, login procedure, lost password recovery, forms,           data entry and display, survey data display.
Content:

Text clarity, up-to-date, translations, spelling, documents in PDF, charts and graphics resolution, print friendly option

Archiving:

Host names for in-house Web and FTP sites; cleanup stale email addresses and URL links.

Positioning:
            Page naming rules, META code rules, robots.txt file, search engine

Submissions, web visitors’ statistics, ad words campaign.