home page web page link 1 web page link 2web page link 3web page link 4

12
Home page Web page link 1 Web page link 2 Web page link 3 Web page link 4

Upload: alexander-fisher

Post on 17-Jan-2018

225 views

Category:

Documents


0 download

DESCRIPTION

Working with links Once you created all your pages its time to link them to the Home Page. First you have to save all these pages and remember which page and link you want it link.

TRANSCRIPT

Page 1: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Home page

Web page link 1 Web page link 2 Web page link 3 Web page link 4

Page 2: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Consistency

BackgroundFont SizeFrames (if using)Content It is easy to do if you save another copy of

your Home Page as name of your link and do the changes according to page.

Page 3: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Working with links

Once you created all your pages its time to link them to the Home Page.

First you have to save all these pages and remember which page and link you want it link.

Page 4: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Working with links

Select the text and click on the “Hyperlink” icon or you can click on “Insert Menu” and select “Hyperlink”.

Click on the folder to search for the file.

Page 5: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Example on Dreamweaver

Page 6: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Step 1. Place your cursor in front of the “text". This is where the first link will jump to when clicked.

Insert > Named Anchor or, click the Named Anchor icon on the Insert Bar.

Enter a name for the anchor in the "Insert Named Anchor" dialog window.

This is where you want your user to go when he/she click on a link.

Page 7: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Page 8: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Page 9: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Once you've inserted your anchors, you're ready to create the links

Select the text or image to which you want to assign the link. In this case I'm assigning it to my text links.

Highlight the first text link by clicking and dragging to select the entire word

Click the Point to File button on the Property inspector and drag it to the first anchor you created

Page 10: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Now you will click on the text which you want it to convert into link. And then drag Point to File to the anchor.

Page 11: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating Anchor Link

Once you created an anchor link you save your Dreamweaver file and check wether your anchor is linked to the desired text or image.

Page 12: Home page Web page link 1 Web page link 2Web page link 3Web page link 4

Creating A Website (What's Expected)

Two to Four Images Two TablesFrames (if needed)Four Hyperlinks (at least)Anchor Link on Home PageBack link on Every web page connected

to Home Page.