Web Site Layout

Home | CSS | Tables | Images | Typography | Layout | Devices | Color Theory | Forms | DW Features | Resources | Accessibility

A tracing image is a copy of an image file whether it be a .jpg or .gif that can be placed in the background of a Web page. You use tracing images when trying to align properties on your page.

An Ap Div tag stands for Absolutely Positioned <div> allows users to control where they put text and images so that they can move them around freely. Ap Div tags can be used to hold navigation text, or it could hold the body of a page.

A Table is the intersection of columns and rows called cells that can hold images and data. Also one of the more popular layouts for Web page design. Tables can be used for layout of both text and graphics on a Web browser.

In Review

What are client success criteria and why does it matter?

Success criteria includes defining the needs of the client and audience, so that a site can be designed without problems.

Empasis helps users separate the important things on a site from the general content on a page.

Contrast is what draws the user's attention to certain elements of a Web site.

Sense of Balance is a technique that is used to make sure that images or elements on the page are not leaning more to one side and that all sides of the page are balanced.

Arrangement is the alignment of visual elements on a page.

Repetition of Elements is the repeating of logos, colors, and themes on a Web site.

Visual Direction is the way a user's eyes moves around the pages on a Web site.

Why should you use a logo on every page of a website?

You should use a logo on every page so that users will know where they are.

MIXTAPE KINGS http://mixtapekings.com/ Full Design, No Room for White Space This site is a very busy front page but is very easy to navigate using the top navigation links.
YAHOO! Yahoo.com Classic Inverted L, Box, and Full Design This page uses a mixture of layouts that are very easy to navigate even for a first time user. It is very colorful with great use of pictures.
MyBlackHawk MyBlackHawk.edu Classic Header, Content, and Footer This site is put together very neatly where you can find every thing at the top and sides of the page. The Navigation at the top and side are easy to read and understand.
HAVENWORKS havenworks.com Full Design, No Room for White Space This page is very cluttered with too many colors. I have no idea where to start. There's no clear place as to where the navigation starts and ends.
FABRIC LAND Fabric Land Right Justified This page is right justified and very bland. It also uses frames which is an outdated layout.