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

Develop live currency exchange platform, As the project name reveals, our c...

As the project name reveals, our company needs a live currency exchange platform that would allow people to trade Bitcoin and some other crypto currencies against several currency

Website development for nutrition company, Website Development for Nutritio...

Website Development for Nutrition Company We are in search of a developer with a strong skill set. We need to be sure the candidate can handle ecommerce, responsive site deve

We are needing a website similar to previous, We are needing a website simi...

We are needing a website similar to previous Needing a website, same concept however different design. I want someone who can code cleanly and effectively. I want it to work bug

We need help in website optimisation, We need help in Website Optimisation ...

We need help in Website Optimisation We want website Optimisation. Website currently running HMTL5 as well as compatible on mobile devices. We currently use Ad words but are dis

Set cell properties, Cell height finds out the height of the space in a cel...

Cell height finds out the height of the space in a cell row. Notice the space about the Compass logo. You desire to remove the extra space amongst the logo and navigation buttons.

I need wordpress plugin development, Project Description: We have a cust...

Project Description: We have a custom booking engine software, which also powers reasonable functionality websites. In order to improve capability offering of our website, we ar

What is the difference between $message and $$message, What is the differen...

What is the difference between $message and $$message? Main difference between $message and $$message is that former is a simple variable and later is a reference variable. $me

Magento community m2e pro integration with rekuten, Magento Community M2E P...

Magento Community M2E Pro integration with Rekuten, Ebay, Amazon We are seeking an experienced individual that will integrate our Magento (1.6.1.1) with other market places- Ama

We want help to create our responsive site and cms, We want help to create ...

We want help to create our responsive site and CMS We have a PSD which wants to be transformed in a responsive site with an easy CMS. It is a one-page site / PSD

Need social networking site in php, Social Networking Site in PHP I have...

Social Networking Site in PHP I have a project that is in want a of a great php coder for a social networking site. Please have very good ratings to bid. Please don't bid if you

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