Note 10 for Web Publishing II
Watch & Read:
Dreamweaver Tutorials
What we did last week!
Create a site for Dreamweaver
Follow the directions for Setting up a Database Connection using Dreamweaver.
XML Dataset Display using Dreamweaver (Client list)
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:
Terms you need to Lookup:
image map, databases, ASP, PHP
Homework:
Final Project and work on ASP page
You should be reading Chapters 22 -25 in your Deamweaver 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.