adobe dreamweaver cs5 on demand part 67 pptx

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