 |
 |
 |
 |
| STRUCTURE | TABLES | WORDS | PICTURES | NAVIGATION | FORMS | HOME PAGE |
Web Guide Online
Your
computer
History
of the 'Net
Getting
Online
Plan
on Paper
Content/words
Content/pictures
Research
tool
Hello
Dreamweaver
Organise
& Define
Design
& Colour
Using
Tables
Style
& Templates
Adding
text
Adding
pictures
Navigation
& Links
Interactive
Forms
Simple
Animation
Arabic
translation
Test
and Publish
Marketing
INVISIBLE ELEMENTS
Some
HTML code doesn’t have a visual representation in the browser.
For example, comment tags (this is a comment to explain the code or
provide other information - not to be viewed by visitors to your website)
do not appear in the browsers.
Similarly you can write and insert scripts (like Java scripts or VBScript
to process forms) in the code. But it can be useful while you are creating
a page to select such invisible elements; edit them, move them or delete
them.
To show or hide marker icons for invisible elements choose
View > Visual Aids > Invisible Elements.
Image Maps
An image map is a form of an invisible element. It is a means of applying
defined regions called hotspots (maybe the image of an individual face
of someone important in a crowd picture) to an image which acts as hyperlink
(perhaps to a page telling you all about that person).
You can have one or more hotspots in an picture and they can all link
to different URLs. In Dreamweaver you can use the Properties Inspector
to create and apply image maps.
To create an image map
• Select the image and make sure the Properties Inspector is visible (Window > Properties).
• Select a hotspot tool (rectangle, circle or polygon)in the Properties Inspector and drag or click over the image to draw a shape. The hotspot appears in a milky blue colour as you draw the shape. If you need to reposition the hotspot use the pointer tool.
• Type the link for the hotspot in the Link box or click the folder icon to choose a file.
• Type in the Alt box some alternate text. It will display as the user's cursor points to the hotspot (IE5 users on a PC and IE5 users on a Mac).
• Repeat the above until you have defined all the necessary hotspots.
• Give the map a name or leave it as Dreamweaver's default ("Map"). This value appears in the NAME attribute of the <MAP> tag and as the USEMAP attribute of the <IMG> tag.
Tips:
• Try not to let your hotspots overlap.
• When some users (IE users on a PC and IE5 users on a Mac) click on the hotspots, the outline of the shape will appear on the web page. If the user returns to the image map page with their back button, the hotspot outline will remain clearly visible. This does not happen in Netscape.