Dreamweaver Ch04

Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS

Chapter 4 Lessons ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Understanding Internal and External Links ,[object Object],[object Object],[object Object]

Create Links ,[object Object],[object Object],[object Object],[object Object]

Creating External Links ,[object Object],[object Object]

Fig. 1: Example of Absolute Path

Fig. 3: Creating an External Link Selected text URL for link

Fig. 4: Site Map Displaying External Links on Activities Page Four internal links from the activities page navigation bar Two external links on the activities page

Creating Internal Links ,[object Object],[object Object]

Fig. 2: Example of a Relative Path

Fig. 5: Creating an Internal Link Text to be used for link Relative link to fishing.html Browse for File icon

Create Internal Links to Named Anchors ,[object Object],[object Object],[object Object]

Fig. 7: Named Anchor Button on the Insert Bar Named Anchor button Named Anchor Text used for link to named anchor Link to named anchor Point to File icon

Fig. 8: Named Anchor Dialog Box Name of new anchor

Fig. 10: Dragging the Point to File Icon to a Named Anchor Point to File icon dragged to named anchor Named anchor preceded by # Selected text to link to named anchor Point to File icon

Understanding Flash Text ,[object Object],[object Object],[object Object]

Flash Text graphic.swf + link path + rollover Text

Fig. 12: Media Menu on Insert Bar

Fig. 13: Insert Flash Text Dialog Box Color text box Font list arrow Size text box Rollover color text box Target list arrow Text text box Link text box Save as text box

Fig. 14: Flash Category on Assets Panel Flash button Flash text file Click play button to preview Flash text

Create a Navigation Bar Using Images ,[object Object],[object Object]

Create a Navigation Bar ,[object Object],[object Object],[object Object]

Navigation Bars ,[object Object],[object Object],[object Object],[object Object]

Four States ,[object Object],[object Object],[object Object],[object Object]

Fig. 17: Ohio Historical Society Web Site Navigation bar with rollovers Images serving as links

Copy and Modify a Navigation Bar ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Fig. 18: Insert Navigation Bar Element name text box Image file specified for Up image state Insert list arrow Remove check mark Click to select an image for each element state

Fig. 24: Changing Settings for the Activities Element Show “Down image” initially is selected Asterisk is placed next to element name

Fig. 25: About_us Page with Modified Navigation Bar

Create an Image Map ,[object Object],[object Object],[object Object]

Fig. 26: Viewing an Image Map Clicking an individual state will link to information about parks in that state Pointer is over Arkansas, which results in a window with a photo and introductory text about Arkansas to display

Fig. 28: Properties of the Hotspot Image map name Alternate text for hotspot Target for hotspot Link to index page

Manage Web Site Links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Fig. 30: Link Checker Panel Displaying External Links Show list arrow External links displayed

Fig. 31: Link Checker Panel Displaying No Orphaned Files Show list arrow No orphaned files shown

Fig. 32: Assets Panel Displaying Links URLs button External links for The Striped Umbrella Web site

Chapter 4 Tasks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dreamweaver Ch04

Recommended

Recommended

More Related Content

What's hot

What's hot (18)

Similar to Dreamweaver Ch04

Similar to Dreamweaver Ch04 (20)

Recently uploaded

Recently uploaded (20)

Dreamweaver Ch04