ptg 412 Chapter 17 If you regularly use the same color or URL in a Web site, you can add it to the Assets panel in the Favorites list, so it’s available whenever you need it. After you add a color or URL, you can apply it to selected text or images in Design view. For example, you can select text on a page and apply a color asset to change text color or select text or an image on a page and apply a URL link to it. Working with Color and URL Assets Add a New Color Asset Open the Web page you want to insert an existing asset. Click the Window menu, and then click Assets to display the Assets panel. Click the Favorites option. Click the Color category. Click the New Color button. Select the color from the color list. Add a New URL Asset Open the Web page you want to insert an existing asset. Click the Window menu, and then click Assets to display the Assets panel. Click the Favorites option. Click the URLs category. Click the New URLs button. Enter the URL and nickname (optional) you want. A nickname helps you identify a URL; it doesn’t affect the link. Click OK. 7 6 5 4 3 2 1 6 5 4 3 2 1 5 2 4 6 3 2 4 3 6 7 5 From the Library of Wow! eBook ptg Chapter 17 Using Code Snippets and Libraries 413 Apply a Color to Text Open the Web page you want to apply a color to text. Select the text you want to apply a color. If you click to place the insertion point, the color applies to the text appearing after the insertion point. Click the Window menu, and then click Assets to display the Assets panel. Click the Color category. Select the color you want to apply. Click the Apply button. Apply a URL to an Image or Text Open the Web page you want to apply a URL to an image or text. Select the image or text you want to apply a URL. Click the Window menu, and then click Assets to display the Assets panel. Click the URLs category. Select the URL you want to apply. Click the Apply button. TIMESAVER Drag the URL from the Assets panel to the selected image or text in Design view. 6 5 4 3 2 1 6 5 4 3 2 1 2 3 4 1 5 6 2 3 4 1 5 6 From the Library of Wow! eBook ptg 414 Chapter 17 When the list of assets for a Web site becomes long, it’s difficult to find the assets you want to use. For the assets you frequently use, you can add them to a Favorites list to make them easier to find, and even group related ones together. If the names of the assets in your Favorites list are difficult to identify, you can give them nicknames to make them eas- ier to locate and use. When you give a nickname to an asset, it doesn’t affect the real filename of the asset. Working with Favorite Assets Add or Delete a Favorite Asset Select the Window menu, and then click Assets to display the Assets panel. Select the category that contains the asset that you want to modify. Select one or more assets you want to add from the Site list or remove from the Favorites list. Use any of the following methods: ◆ Add. Click the Add To Favorites button in the Assets panel. ◆ Delete. Click the Remove From Favorites button in the Assets panel. 4 3 2 1 4 1 2 Add favorite 3 4 1 2 Remove favorite 3 Remove Did You Know? You can sort assets. Open the Assets panel, select the category that con- tains the assets you want to sort, and then click the column heading you want to sort by. You can resize the Assets panel. Open the Assets panel, and then drag the splitter bar between the preview area and the list of assets to resize the panel. From the Library of Wow! eBook ptg Chapter 17 Using Code Snippets and Libraries 415 Group Assets in a Favorites Folder Click the Window menu, and then click Assets to display the Assets panel. Select the category that you want to create a group. Click the Favorites option. Click the New Favorites Folder button. Type a name for the folder, and then press Enter (Win) or Return (Mac). Drag assets into the folder. 6 5 4 3 2 1 4 3 2 1 5 6 Did You Know? You can copy assets from the Assets panel to another site. Open the Assets panel, select the category that con- tains the assets you want to copy, right-click (Win) or control-click (Mac) one or more assets (or a Favorites folder) in either the Site list or Favorites list, click Copy To Site, and then select the target site name from the submenu list of all the defined sites. Creating a Nickname for a Favorite Asset In order to help make assets easier to identify, you can give items placed into the favorites list a nickname, which doesn’t impact the real file name. Nicknames can help you identify items that have boring file names like: DCSN0002.JPG, and change it to Sunrise_in_Paris.JPG (assuming, of course, that it actually is a sun- rise in Paris). Right-click (Win) or control-click (Mac) the assets name or icon, click Edit Nickname, type a nickname, and then press Enter (Win) or Return (Mac). For Your Information From the Library of Wow! eBook ptg 416 Chapter 17 Library items are elements in a Web page you store in a library that you can reuse to quickly create other pages. It can't be overstated just how valuable library items are; not only to increased speed in construction, but perfect consistency between pages. Creating and using library items is fairly straightforward; you create and select an element, such as a navigation bar, and then use the New Library Item button in the Library category to create a library item. After you create a library item, you can use it on any page with a simple click and a drag. Creating and Inserting Library Items Create a Library Item Open a page that contains information you want to convert to a library item. Click the Window menu, and then click Assets to display the Assets panel. Click the Library category. Select the item or items that you want converted into a library item. Click the New Library Item button. Dreamweaver adds the item to the Assets panel as an untitled library item. Enter a name for the library item, and then press Enter (Win) or Return (Mac). NOTE Dreamweaver creates all Library Items with the .lbl extension. NOTE If this is the first library item created, Dreamweaver creates a new subfolder called Library, and place it in the working site folder. All library items are placed within this folder. 6 5 4 3 2 1 1 2 4 5 6 3 From the Library of Wow! eBook ptg Chapter 17 Using Code Snippets and Libraries 417 Use a Library Item Open the Web page you want to insert a library item. Click the Window menu, and then click Assets to display the Assets panel. Click the Library category. Use one of the following methods to add a library item to a page: ◆ Drag and drop the item from the Library in the Assets panel directly into the page. ◆ Click to place the insertion point in the active document, select the library item you want to insert, and then click the Insert button in the Assets panel. 4 3 2 1 1 2 4 3 Did You Know? You can disconnect a library item from a library. If you to edit a library item on a specific page and not everywhere else it’s used, you need to disconnect the library item from the library. Open the Assets panel, select the Library category, right-click the library item you want to disconnect, and then click Detach From Original. Drag or insert item here Insert button From the Library of Wow! eBook ptg 418 Chapter 17 Creating and using library items, such as a navigation bar, is fairly straightforward. The creation, saving, and subsequent use of library items is discussed in the previous section. After you create an object, you can use it on any Web page with a simple click and a drag. The fun part (and it's easy) is when you need to make a modification to a library item. When you think about it, that's the real power of library items. When you make changes to a library item, Dreamweaver changes the item everywhere it was used. Editing Library Items Edit a Library Item Click the Window menu, and then click Assets to display the Assets panel. Click the Library category. Open the library item using one of the following methods: ◆ Select the item, and then click the Edit button in the Assets panel. ◆ Double-click on the library item. ◆ In the Properties panel, click the Open button. Dreamweaver opens the document in a new window. Make changes to the item using standard editing techniques. Click the File menu, and then click Save. Dreamweaver opens the Update Library Items dialog box. Choose from the following options: ◆ Update Library Items In These Files. Displays a list of all files associated with this library item. ◆ Update. Click the Update button to perform an update on all displayed files. 6 5 4 3 2 1 1 3 2 From the Library of Wow! eBook ptg Chapter 17 Using Code Snippets and Libraries 419 ◆ Don't Update. Click the Don't Update button to cancel the update. Dreamweaver opens the Update Pages dialog box. Choose from the following options: ◆ Look In. Click the Look In option to update all files within a specific site, or click the Entire Site option to update all files within the working site. ◆ Update. Select to update Library Items, Templates (associated with the Library Item), or both. ◆ Show Log. Select to show a log of the update when finished. Click Start to begin the update process, if necessary, and then click Close. 8 7 5 4 6 7 8 Did You Know? You can display the filename and loca- tion of the source file for a library item. Select the item on one of your pages, open the Properties panel, and then view the filename and location in the Src box. From the Library of Wow! eBook . and Libraries 419 ◆ Don't Update. Click the Don't Update button to cancel the update. Dreamweaver opens the Update Pages dialog box. Choose from the following options: ◆ Look In. Click. previous section. After you create an object, you can use it on any Web page with a simple click and a drag. The fun part (and it's easy) is when you need to make a modification to a library. using one of the following methods: ◆ Select the item, and then click the Edit button in the Assets panel. ◆ Double-click on the library item. ◆ In the Properties panel, click the Open button. Dreamweaver