Link documents in the site, PHP Web Programming

Assignment Help:

Images in the top area of the Compass home page guide visitors to specific pages on the site. Now you will add links for navigation buttons.

You will see that there are a number of ways to create links via Dreamweaver. Firstly, you will add a link from the Trip Planner image to the TripPlanner.html page using the Property inspector.

1. In the Site window, double-click icon for the my_CompassHome.html file in either pane.

The my_CompassHome.html file becomes active window.

2. In the Document window, click the Trip Planner image once to select it.

3. Choose Window > Properties to open the Property inspector if it isn't already open.

The Property inspector displays information regarding the chosen image.

413_LINK DOCUMENTS in the site.png

Note: The Link field contains number sign (#), frequently referred to as a null or "dummy" link, and created when you inserted the rollover image. Do not eliminate this character. It will soon be replaced along with the file name of the document you link to.

4. In the Property inspector, click on the folder icon to the right of the Link field.

5. In the Select File dialog box, browse to the Compass_Site folder and after that to DW4_TripPlanner.html; click Select (Windows) or Open (Macintosh) to choose the file to open when the Trip Planner button is clicked.

The file name appears within the Link field of the Property inspector. Now you will add a link to the Destinations image using the Property inspector and the Site window.

6. Click the title bar of the Site window to make it active, or choose Window > Site Files. Resize your Document window, if essential, so that you can position the left side of the Document window and the Site window side by side.

7. In the Document window, click on the Destinations image to select it.

8. In the Property inspector, click the Drag to File icon (located to the right of the Link field), then drag the pointer to the Site window and in the Local Folder List, point to the file DW4_Destinations.html.

211_LINK DOCUMENTS in the site1.png

The file name appears within the Link field in the Property inspector for the products image.

9.   Click on the Site Map icon in the Site window. The site map gets updated to reflect the link you just added.

225_LINK DOCUMENTS in the site2.png

A plus (+) sign next to any file in the site map indicates that the file contains links to other documents. Click on the plus sign to expand the site map to display the related files; click on the minus (-) sign to collapse the site map.

After that, you will insert a link for the Travelogs image.

10. In the Document window, click on the Travelogs image to pick it.

11. Within the Property inspector, drag the Point-to-File icon to the Site window, & point to the file DW4_Travelog.html.

12. Select File > Save to save the changes you have made to the home page.


Related Discussions:- Link documents in the site

E-commerce platform on website app, E-Commerce platform on website App H...

E-Commerce platform on website App Hello creative web developers as well as programmers. I am observing to create a new fashion / website / platform, I want it to be connecte

Need help to develop map-based community website, Develop Map-based communi...

Develop Map-based community website Community website allowing registered users as well as non-registered guests to post their location on a Google map. Visitors can then search

How can images be optimized for use on web pages, Question: (a) Write ...

Question: (a) Write the HTML tags for the following text: Software List A. Module 1 • Adobe Illustrator CS3 B. Module 2 • Adobe Photoshop CS3 C. Module 3 • Maya •

Dual mode operation in os, how does dual mode operation helps the operating...

how does dual mode operation helps the operating system to protact itself?

We are looking for an expert to support booking system, Booking Website REQ...

Booking Website REQUIRED We are looking for an expert to support us to complete our website on online booking system in this user will register and access the booking page. D

Need joomla upgrade, Joomla Upgrade It has come to our attention that yo...

Joomla Upgrade It has come to our attention that you have at least one installation of Joomla 1.5.x - 2.5.16. The 1.5.x version has been deprecated by Joomla for over a year,

Need nationbuilder developer, NationBuilder Developer We are seeking a l...

NationBuilder Developer We are seeking a long term NationBuilder developer to help us at our agency we produce websites for churches as well as nonprofits on the NB platform as

Need help to add a form on a joomla website, Need help to Add a form on a J...

Need help to Add a form on a Joomla website We need to add a form on the home page of an existing Joomla website, just like on file in attachment, and then the info's will be sa

Develop an html document, Develop HTML code to create a Web page with the r...

Develop HTML code to create a Web page with the red background and title "My First Page" in any other color. Develop an HTML document with details of your name, telephone number

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd