Basic parts for creating a web page

1. The Banner

This is your web identity. Who you are, and why you have invited folks to your web site! Contains a title as an <h1>heading element and/or logo an image <img>. It is here where you put your "slug line" <p> </p> element. You might have a personal or company motto The motto goes here... A posse ad esse - From possibility to actuality.

2. Hyper Links and Navigation Menus


VISUAL representation of the "internet"

Links
The <a></a> anchor element is what makes the internet work. Also referred to as a hyperlink, The HTML link element is clickable content within a web page that leads to another page, another web site or another section of the same page.
Navigation Menus
 are links formatted as a list. The menus are displayed either horizontal or vertical. The Navigation elements are document Links, bookmarks, and mailto: links that use the <a></a> anchor element.
Forms
An interactive set of "elements" that allow clients (web page visitors) to communicate with you sending you text and other information in a secure manner.

3. Main Content --The Purpose

Contains headings, sub-headings, paragraphs, images, videos and interactive elements. This is where you state the reason why you want people visiting your web site.

4. The Footer

Contains Legal, copyright, and privacy information. If you have a large web site a link to a site map, and a search engine form.

5. XHTML + CSS and XHTML No CSS

We will build a website using a simple xhtml text editor and several web browsers. eXtensive hypertext markup language, xhtml, gives the web page content. Cascading Style Sheets, CSS provide the "styling" for our pages

6. The Layout

CSS layout uses the "Box Model" to "contain" the major parts of a web page.

But, just because we call it the box model, it doesn't mean that a web page has to look "boxy!" This web site, the Zen Garden shows how the same content can styled differently! You can see a collection of the different styles here!

Building a layout can be tricky as we have to apply "Position Rules", so, if you are starting out, here are some basic layouts for you to start with...

Loading

Contact: Privacy Site Map © 2009 Copyright Stasiuk Enterprises

Loading