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

Lesson 6. Managing Your Site > Modifying Pages from the Site Window

Modifying Pages from the Site Window

As you view pages in the site map and move the pointer over the pages, you'll see information about each page in the status area (bottom left corner) of the Site window.

1.
In the site map, place the pointer over the filename technology.html.

The status bar at the bottom of the Site window shows the title and size of the document as well as the date that it was created. Make sure you roll over the filename, not the file icon. The information won't appear in the status bar unless the pointer hovers over the name of the file. You can see by the information that appears on the status bar that the technology.html document is untitled.

If you forgot to title a page or want to change a title, you can do so in the Site window.

2.
Choose Site > Site Map View > Show Page Titles (Macintosh) or View > Show Page Titles from the Site window (Windows) to see page titles instead of filenames in the site map.

The list is regenerated to display the files by title.

3.
Click the page title “Untitled Document” once to select it. Pause, and then click the title again.

A rectangle is placed around the title to indicate that it can be edited. Don't double-click; you don't want to open the file. You just need to select the title so you can edit it.

4.
Type Lights of the Coast: Technology as the new title and press Return (Macintosh) or Enter (Windows).

The site map shows the new title.

NOTE

You can also open a page for editing from Site window by double-clicking the file in either the site-map pane or the Local Folder pane.

5.
Choose Site > Site Map View > Show Page Titles (Macintosh) or View > Show Page Titles from the Site window (Windows) to switch the view from titles back to filenames.

The checkmark next to Show Page Titles will be removed and the files switch back to displaying their filenames.

6.
In the Local Files pane of the Site window, select relocal.html. Click the filename relocal.html.

TIP

You may want to shrink the left pane by dragging the bar between the two panes to the left. This will give you more room to work with in the Local Files pane, making it easier to see the files.

The filename becomes highlighted at the first click, and a rectangle appears around the filename indicating that it can be edited at the second click.

NOTE

When you need to change the name of one of your files, you should change the name in the Site window to preserve the link information maintained by Dreamweaver. If you change the filename outside Dreamweaver in either an HTML file or a graphics file, Dreamweaver has no way to track your changes. If you make the change within the Site window, Dreamweaver updates all pages that link to the file or contain the graphic.

7.
Change the filename to relocation.html and press Return (Macintosh) or Enter (Windows).

The Update Files dialog box opens, listing all the files affected by this name change.

8.
Click Update to update the files with the new filename.

The site map and files list now show the new filenames.

NOTE

Dreamweaver makes the filename change within each file in the list. If a file in the list is open, Dreamweaver makes the change but does not save or close the file.

9.
In the Local Files pane of the Site window, open the Lighthouse_Images folder in Lesson_06_Sites.

Only one image, lightshine.jpg, is in the folder. If a file or folder is not in its proper place, you can move the file or folder to its correct location. Making this change in the Site window ensures that all the link information remains correct and intact.

TIP

You can use the scroll bar at the bottom of the Local Files pane to see all the columns.

10.
Drag the lightshine.jpg image's icon to the Images folder, located just above the Lighthouse_Images folder.

Any files that use this image will be affected by the move; you will need to fix the path to the image. The Update Files dialog box opens, asking whether affected files should be updated.

11.
Click Update to keep the link to this graphic correct.

The graphic moves to the Images folder. Any references to it in the HTML files are still working.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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