Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH

MacromediaDreamweaver MX 2004 Design Professional

LinksWORKING WITH

2Working with Links Web Collection: Dreamweaver MX 2004 Chapter D

Create internal and external links

Create internal links to named anchors

Insert Flash Text

Create, modify, and copy a navigation bar

Manage Web site links

Working with Links


Understanding Internal and External Links

Web Pages contain two types of links:– Internal or Relative - are links to web

pages in the same web site– External or Absolute - are links to web

pages on other web sites or to email addresses


Description of Absolute and Relative Paths


External Link


Internal Link(same server)


Creating a Link

SelectedText

URL forLink


Site map with External links Click to collapse

window

Click toExpand or Collapse linkslist

Emaillink

Externallink on services page


Creating an Internal Link

Selectedtext to be used for link

Browse forFile Icon

catalog.htm


Site map with Internal links

Two internallinks


Create Internal Links to Named Anchors

A named anchor is a specific location on a Web page that has a descriptive name

Named anchors acts as a target for internal links

A target is the location on the Web page that a browser displays


Internal linkto Named Anchor

Text used forlink to namedanchor

NamedAnchors

Named Anchorbutton


Insert the Named Anchor

Name of new anchor


Create link to named anchor

Point to File icon

Named anchornamed preceded by #


Flash TextFlash text is a vector-based graphic file that contains text

Flash text allows you to add visual interest to an otherwise “dull” web page

Flash text files are saved with the .swf file extension


Flash Text

Text

+ link path+ rollover


Create Flash Text

Media List arrowFlash Textbutton


Flash Text optionsFont list arrow Font size box

Colortext box

Save as text box

Link textbox

Target listarrow

Rollovercolortext box

Text box


Add Flash Text

Flash text fileFlash button


Navigation Bar

Navigation bars allow you to create a more visually appealing method for navigation that utilizes graphics rather than text

Navigation bars can be created in many different graphics programs including Macromedia Fireworks or Adobe Illustrator


Navigation Bar

Navigation bar elements can have four possible states

A state is the condition of the element relative to the mouse pointer

There are four mouse states


Navigation Bar

The four mouse states are:– Up - the state when the mouse pointer is not on

top of the element– Over - the state when the mouse pointer is

positioned on top of the element– Down - the state when you click the element– Over while down - the state when you click the

element and continue pressing and holding the mouse button


Navigation Bar

1 per page

Multiple links4 rollover states up, over, down, and over while down


Navigation Bar example

Navigation bar


Navigation Bar options

Click to selectan image foreach elementstate

Remove checkmarkInsert list arrow

Elementname textbox

Graphic filespecific forUp imagestate


Modify Navigation Bar options

To change orientation, you must start over

Show“Down image”image initiallyis selected

Nav barelements


Image Maps

Another way to create navigation links for web pages is to create an image map

An image map is a graphic that has one or more hot spots placed on top of it

A hotspot is an area on a graphic that, when clicked, links to different locations on the page or to another web page or web site


Manage Web LinksCheck Links Site wide:– Internal links– External links– Named anchors– Graphic files– Orphaned files


Link Checker

Show list arrow

External links display


Orphaned Files

Orphaned files


Links as Assets

URLs button

External links forTripSmart web site


Chapter D SummaryExternal and internal links

Named Anchor links

Flash Text

Navigation bar

Link Checker

Documents

Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH