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

Want simple/basic word press website created, Want SIMPLE/BASIC Word Press ...

Want SIMPLE/BASIC Word Press Website Created In want of a US based freelancer to create a very simple/basic word press website in the next 24 hours. Brand Identity completed as

I desire help in wordpress developer, I need help in WordPress Developer ...

I need help in WordPress Developer I am in search of a long term WordPress developer We will begin with a trial project. You have to develop a WordPress theme from scratch.

I need help for wordpress plugin to pull facebook group post, I need help f...

I need help for Wordpress plugin to pull Facebook group posts I am seeking someone to create a custom WordPress plugin for me that will take the post feed from my closed/private

I need help in design corporate website, I need help in Design Corporate We...

I need help in Design Corporate Website Webshop selling "urban" as well as "hip-hop" inspired t-shirt designs. We have a rapid graffiti style logo at the moment and would like h

Create a parser to import goods from the website, Parser and website (prest...

Parser and website (prestashop, magento) Project Description: 1. Create a parser to import goods from the website in wordpress (product photos, product name, product, commodi

Make a page with a form which can be submitted on our phpbb, Make a page wi...

Make a page with a form which can be submitted on our Phpbb forum We consists a website with a Phpbb forum on it and we want to have a page created on the forum where people tha

Want expert assistance in wordpress plugin development, Wordpress Plugin De...

Wordpress Plugin Development Our company is needing somebody with awesome skills like yours to build a custom WP Plugin are you available for the project? Desired Skills are

We need help in casino site - bitcoin payment, We need help in Casino site ...

We need help in Casino site - Bitcoin payment Need a ready solution to launch a casino site which accepts crypto currencies. I want it urgently and would be interested in hearin

TAsk assignment, Design for assigning the work task to the employees?

Design for assigning the work task to the employees?

Need help in install wordpress from back-up, Install Wordpress from back-up...

Install Wordpress from back-up I have my back-up for my Wordpress. I want someone who can fix this as well as put my website back online. Desired Skills are MySQL Administrat

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