Graphics Programs Reference
In-Depth Information
The page contains a link to the library item and must be saved.
7. Save and close the home page.
Adding a Library Item to Web Pages
You can add a library item to any page in the Web site. You can add the same library
item to a page as many times as you want, and you can add as many different library
items to a page as you need.
You'll add the nb_footer library item to the other pages of the site.
To add the footer library item to the rest of the NextBest Fest pages:
1. Display the Files panel, and then open the about.html page in Design view.
2. Display the library in the Assets panel.
3. Drag the nb_footer library item from the Assets panel to the right of the footer
text at the bottom of the about.html page. The nb_footer library item is inserted
in the page.
4. Select the original footer text, and then press the Delete key. The original footer
is removed from the page.
5. Save the page.
You need to add the footer to the rest of the pages in the site.
6. Repeat Steps 2 through 5 to add the nb_footer library item to each of the fol-
lowing pages, closing the page when you're done: contact.html , lineup.html ,
schedule.html , and tickets.html .
Examining the Code for a Library Item
When you include a library item in a Web page, the HTML code for the element is
inserted into the page along with a hidden link to the library item. The nb_footer library
item has the following code:
<!--ƒ#BeginLibraryItemƒ“/Library/nb_footer.lbi”ƒ-->&copy;
copyrightƒNextBestƒFestƒ2012 <!--ƒ#EndLibraryItemƒ-->
The library item starts with a comment tag. Comment tags are unpaired tags that are
used to add notes to the code. Comment tags are used to denote library items because
they do not appear in the page, affect the way the html is rendered, or cause problems
even if the page is edited in another program. Every library item begins with a com-
ment tag that tells Dreamweaver that a library item has started, <!--#BeginLibraryItem,
includes a path to that library item, “/Library/cosmatic_footer.lbi”, followed by two
dashes and the closing bracket of the comment tag. All code for the page element in the
library item follows the comment tag. Each library item ends with a second comment tag
that tells Dreamweaver the library item is ending, <!--#EndLibraryItem-->.
You'll view the code for the nb_footer library item in the about.html page.
To view the nb_footer library item code in the about.html page:
1. In the Document window, select the footer, and then switch to Code view. The
code for the nb_footer library item is selected in the Code pane. See Figure 6-9.
Search WWH ::




Custom Search