Note 5 for Web Publishing II

Note: You should be reading the Chapters in the book!!

Watch & Read:

Joyce's Planning Website , my check list for planning and notes on Good Web design!

Sample of what happens when you have bad design

Good Web design is based upon two factors: Usability and Design Principles

Web Design Principles Check list and the 10 Basic things your site should have. If 10 is too many, 4 Steps to a Website Layout That Works!

Web Design Library has a great article on Simple Steps for Web design

Meaning of Color is important.

We will use Dreamweaver to create an image map!

Images can be links and you can take an image and break it into several different links!

1. Identify the area you will be mapping (creating a link to).

Image maps use a graphic for several links. You break the graphic into areas (circle, rectangle, or polygon) and identify the area relative to the top left-hand corner of the graphic (see figure 1). The X and Y dimensions are in pixels.

2. Follow the syntax default:

<area shape="type of shape" coords="X,Y coordinates of the shape" href="URL of site you plan to link to"></area>

<area shape="rect" coords="10,20,100,40 " href="http://www.pvc.maricopa.edu"></area>
Shapes are rect (rectangle) and circle and polygon

 

Review the following:

W3schools Style Web Page, CSS Web Examples, CSS Library

Terms you need to Lookup:

CSS, Styles, Absolute, Relative, Class, Pseudo-class

Homework:

Take one of your pages and add styles to the page to change the "look and feel" of the page

You should be reading Chapter 9 in your Dreamweaver book and Chapter 1, 3 & 4 in your Web Desing book

Final Step:

Review in your mind everything we covered in class and remember to cover it again before you go to bed so your mind to process this information while you sleep.