NHS Designs

rubric

Web Design Dreamweaver

Chapter D Review:
Working with Links

 

A) Create external and Internal links

  1. Open the Blooms & Bulbs Web site.
  2. Open dwd_2.htm from the chapter_d Data Files folder, then save it as master_gardener.htm in the Blooms & Bulbs Web site.
  3. Verify that the banner path is set correctly to the assets folder in the Web site, and correct it if it is not.
  4. Scroll to the bottom of the page, then link the National Gardening Association text to http://www.garden.org.
  5. Link the Better Homes and Gardens Gardening Home Page text to http://bhg.com/gardening.
  6. Link the Southern Living text to http://www.southernliving.com.
  7. Save the file, then preview the page in your browser, verifying that each link works correctly.
  8. Close your browser, then return to the master_gardener page in Dreamweaver.
  9. Scroll to the paragraph about gardening issues, select the gardening tips text in the last sentence, then link the selected text to the tips.htm file in the blooms root folder.
  10. Save the file, test the links in your browser, then close your browser.

B) Create internal links to named anchors

  1. Show Invisible Elements (if necessary).
  2. Click the Insert bar list arrow, then click Common.
  3. Insert a named anchor in front of the Grass heading named grass.
  4. Insert a named anchor in front of the Plants heading named plants.
  5. Insert a named anchor in front of the Trees heading named trees.
  6. Insert a named anchor at the top of the page named top.
  7. Click the Point to File icon in the Property inspector to create a link from the word grass in the Gardening Issues paragraph to the grass named anchor.
  8. Create a link from the word trees in the Gardening Issues paragraph to the trees named anchor.
  9. Create a link from the word plants in the Gardening Issues paragraph to the plants named anchor.
  10. Save your work, view the page in your browser, test all the links to make sure they work, then close your browser.

C) Insert Flash text

  1. Insert Flash text at the bottom of the page that will take you to the top of the page. Use the following settings: Font: Arial, Size: 16, Color: #006600, Rollover color: #009933, Link: master_gardener.htm#top, Target: _top.
  2. Save the Flash text flile as top.swf.
  3. Save the file, view the page in your browser, test the Flash text link, then close your browser.

D) Create, modify, and copy a navigation bar

  1. Using the Common category of the Insert bar, insert a horizontal navigation bar at the top of the master_gardener page below the banner.
  2. Type home as the flirst element name, then use the blooms_home_up.gif file for the Up image state. This file is in the assets folder of the chapter_d Data Files folder.
  3. Specily the file blooms_home_down.gif file for the three remaining states. This file is in the assets folder of the chapter_d Data Files folder.
  4. Enter Navigation element linking to the home page as the alternate text, then set the index.htm file as the link for the home element.
  5. Create a new element named plants, and use the blooms_plants_up.gif lile lor the Up image state and the blooms_plants_down.gif file for the remaining three states. These fliles are located in the assets folder of the chapter_d Data Files folder.
  6. Enter Navigation element linking to the plants page as the alternate text, then set the plants.htm file as the link for the plants element.
  7. Create a new element named workshops, and use the blooms_workshops_up.gif file for the Up image state and the blooms_ workshops_down.gif file for the remaining three states. These files are located in the assets folder of the chapter_d Data Files folder.
  8. Enter Navigation element linking to the workshops page as the alternate text, then set the workshops.htm file as the link for the workshops element.
  9. Create a new element named tips, and use the blooms_tips_up.gif file for the Up image state and the blooms_tips_down.gif file tor the remaining three states. These files are in the assets folder of the chapter_d Data Files folder.
  10. Enter Navigation element linking to the tips page as the alternate text, then set the tips.htm file as the link for the tips element.
  11. Create a new element named ask, then use the blooms_ask_up.gif file for the Up image state and the blooms_ask_down.gif file tor the remaining three states. These files are in the assets folder in the chapter_d Data Files folder.
  12. Enter the alternate text Navigation element linking to the master gardener page, then set the master_gardener.htm file as the link for the ask element.
  13. Center the navigation bar (if necessary), then save the page and test the links in your browser.
  14. Select and copy the navigation bar, then open the home page.
  15. Delete the current navigation bar on the home page, then paste the new navigation bar in its place.
  16. Modify the home element on the navigation bar to show the Down image state initially.
  17. Save the page, test the links in your browser, then close the browser and the page.
  18. Modify the navigation bar on the master_gardener page so the Down image is shown initially for the ask element, then save and close the master_gardener page.
  19. Paste the navigation bar on the plants.htm page and the tips.htm page, making the necessary modifications so that the Down image is shown initially for each element.
  20. Save your work, preview all the pages in your browser, test all the links, then close your browser.

E) Manage Web site links

  1. Use the Link Checker panel to view broken links, external links, and orphaned files in the Blooms & Bulbs Web site.
  2. It you see broken links or orphaned files, refresh the Files panel to remove them. If this does not remove the broken links, recreate the site cache. If you still see broken links, check for typing errors in the Link text box for any broken links to correct them.
  3. View the external links in the Assets panel.
  4. Save your work, then close all open pages.

review


ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by >