Dreamweaver – Designing Your Pages • • • • • • In the picture to the right you see a typical web page. Actually this web page is one that has been recognized as being quite good.

Why is that?

Compare this page with the pages on the next few slides and see if a pattern emerges.

If you want to view the pages in your web browser, I have thoughtfully included the web addresses This one is: http://www.universalhandling.com/hom e.html

Click your mouse for next slide

Dreamweaver – Designing Your Pages • • How about this one?

Its address is: http://www.omnifarm.com/ Click your mouse for next slide

Dreamweaver – Designing Your Pages • • Check out this one.

http://www.contentedpets.com/ Click your mouse for next slide

Dreamweaver – Designing Your Pages • • • • • All these sites seem to have a basic pattern represented by the diagram at the right.

In the top frame is usually the title of the page or the name of the business.

On the left usually a series of buttons appear which lead to the various other parts of the site.

On the bottom are often text links to the same parts The large central area is left for text and/or pictures.

Click your mouse for next slide

Dreamweaver – Designing Your Pages • • • • • This is a bad page for any number of reasons – the designer of the site set it up to represent a bad web page.

Click on the link to visit it. I have ordered a copy of the book for the library http://www.webpagesthatsuck.com/ suckframe.htm

Two things hit you right away – one: the page is too busy – too much going on And two the page doesn’t explain itself very well – you have to guide your visitor.

Click your mouse for next slide

Super Giant Big Fun Assignment • Take a sheet of paper and draw a diagram of your web page.

• List the sub pages you will want • Proudly submit this to FST before you go further so he can TICK YOU OFF.

Click your mouse for next slide