• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 5. Creating Links > Finding and fixing broken links

Finding and fixing broken links

In this final exercise, you'll fix some broken links in Navbar.html, the component that is used in the Index.html page. By default, broken links appear outlined in red in the document window and the Inspector URL text box.

1.
Double-click the Navbar.html file in the Extras tab of the site window. This file contains several broken links. (You can also locate the file in the Gage/Gage.data/Components folder, and open it from the desktop.)

2.
Click the Layout Editor tab ( ) of the Navbar.html file to display it in Layout view.

3.
To activate the display of link warnings, click the Link Warnings button ( ) on the toolbar, or choose Edit > Show Link Warnings.

Images with broken links appear with a border in the size and color that you set in the previous section for the link warnings.

4.
Select the Repairs image in the document window.

5.
Click the Link tab of the Image Inspector. Notice that the link appears broken, as indicated by the highlight color in the URL text box.


Broken link



Link tab of Image Inspector


6.
In the Link tab, fix the link by dragging from the Point and Shoot button to the correct file, Repairs.html, inside the Pages folder in the site window.

You'll repeat steps 4 through 6 to relink the Appraisals image to the corresponding file.

7.
Select the Appraisals image in the document window. This link also appears as broken in the Link tab in the Image Inspector.

8.
Now relink this image to the Appraise.html file by dragging from the Point and Shoot button in the Link tab to the Appraise.html file, inside the Pages folder in the site window. The Link Warning border will disappear after you deselect the Appraisals image.

9.
Choose File > Save to save the file. When prompted to update the file, click OK.


Updating component


10.
Close the Navbar.html file.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint