linking in dw

16
+ Linking in DW

Upload: eyal

Post on 23-Feb-2016

38 views

Category:

Documents


0 download

DESCRIPTION

Linking in DW. Click Dreamweaver Site. Site Name. Site Name: Personal Site. Local Site Folder. Local Site Folder: Click Folder and Navigate to…. Choose Root Folder. Desktop  Web Site 1  Dreamweaver Folder. Highlight Dreamweaver folder  Click Choose. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Linking in DW

+

Linking in DW

Page 2: Linking in DW

+Click Dreamweaver Site

Page 3: Linking in DW

+Site Name

Site Name: Personal Site

Page 4: Linking in DW

+Local Site Folder

Local Site Folder: Click Folder and Navigate to…

Page 5: Linking in DW

+Choose Root Folder

Desktop Web Site 1 Dreamweaver Folder

Page 6: Linking in DW

+

Highlight Dreamweaver folder Click Choose

Page 7: Linking in DW

+

You will see the Site Setup again.

Please click SAVE.

Page 8: Linking in DW

+Files Panel: You should see your folder & files within.

Page 9: Linking in DW

+

From the Files tab double CLICK your INDEX.htm file (this is your HOME PAGE.)

Page 10: Linking in DW

+Linking buttons…

Click on Button or image you want to link.

Then go to Properties Panel (below)

In the Properties Panel, click circle to the Right of the LINK box and drag to the PAGE you want to LINK TO in the Files Panel. (makes an arrow)

Continue…

Page 11: Linking in DW

+Drag to the PAGE you want to LINK TO in the Files Panel. (arrow)

DRAG

Page 12: Linking in DW

+

We are still on Index page (homepage). Now click on 2nd button and repeat steps for linking to 2nd page. (see below)

DRAG

Page 13: Linking in DW

+

Go thru ALL buttons and link to appropriate pages from the Properties panel.

You will complete this for ALL 4 pages. (linking the buttons and footers and naming the appropriate footer page depending on what page you are on.)

Page 14: Linking in DW

+Footers

If you have Footers at the bottom of your page, please link these as well. (Drag from properties panel to files panel)

DRAG

Page 15: Linking in DW

+Footerscontinued… Now, click on

footer of the actual page you are on and give it an appropriate Title. Keep it simple, this will be seen on your website.

SAVE then Preview.

Page 16: Linking in DW

+External Linking Click on the image. Then go to website

you want to link to and copy the exact browser name into the Link box on properties panel.

Under TARGET pull down to _blank

SAVE…then Preview.