会计考友 发表于 2012-8-2 09:54:20

职称计算机辅导:Dreamweaver应用4

四、创建Web相册
Create Web Photo Album是Dreamweaver极富创意的表现,你可以使用这个功能让Fireworks处理一个全部都存放着图像的文件夹,为这个图像文件夹中的每一个图像都创建一个缩微图像和一个全尺寸的图像,然后使用Dreamweaver来创建一个Web页面,这个页面上包含了这些缩微图像(这些缩微图像被放置在这个页面的一个表格中),并通过这些缩微图像连接到全尺寸图像。使用这个功能你可以轻松的创建你的Web相册。Create Web Photo Album命令通过使用&106avascript从Dreamweaver内部来调用Fireworks,因此,要想使用此功能,你的机器中必须安装有Fireworks。
在你开始以前,首先将所有你要为其创建Web相册的图像放置到一个独立的文件夹中,但这个文件夹不需要在站点内部。 另外,确信图像文件的扩展名(即图像文件的格式)是Create Web Photo Album命令可以识别的。这些可识别的图像文件扩展名包括:gif、jpg、jpeg、png、psd、tif和tiff。扩展名无法被识别的那些图像文件不会被包含在Web相册中。
要创建一个Web相册:
1)选择Commands > Create Web Photo Album,出现Create Web Photo Album对话框。
2)在Photo Album Title(相册标题)域中为要创建的相册输入一个标题。这个标题将被显示在主相册页(包含缩微图像的页面)顶端的一个灰色的矩形区域中。
如果你愿意的话,你可以在Subheading Info(子标题信息)和Other Info(其他信息)文本域中输入额外的两行文本,它们将直接出现在相册标题的下面。
3)单击Source Images Folder(源图像文件夹)右边的Browse按钮选择文件夹,或直接在该文本域中输入文件夹的路径。这个文件夹中所有可以被识别的图像文件都将被包含到相册中。
4)单击Destination Folder(目的文件夹)右边的Browse按钮选择一个目的文件夹或者你也可以创建一个新的目的文件夹。在这个目的文件夹中将存放所有的输出图像和HTML文档。
注意:你选择的目的文件夹中不应当包含一个相册,如果你选择了一个已经包含了一个相册的文件夹,则如果新生成的图像文件与文件夹中的图像文件重名的话,就会覆盖掉以前的图像文件。
5)在Thumbnail Size(缩微图像大小)下拉菜单中为缩微图像选择一个大小。
图像将会按比例地创建相应的缩微图像,以适合在这里以像素指定的正方形大小。
6)要在每一个缩微图像的下面显示相应的全尺寸图像的名字,选择Show Filenames(显示文件名)复选框。

7)在Columns(列)中为显示这些缩微图像的表格指定一个列数。

会计考友 发表于 2012-8-2 09:54:21

职称计算机辅导:Dreamweaver应用4

</p>8)在Thumbnail Format(缩微图像格式)下拉菜单中为缩微图像指定一种格式:
● GIF WebSnap 128—使用适合Web的128色调色板创建GIF格式的缩微图像。
● GIF WebSnap 256—使用适合Web的256色调色板创建GIF格式的缩微图像。
● JPEG-Better Quality—使用相对更高的画质和更大的文件大小来创建JPG格式的缩微图像。
● JPEG-Smaller File—使用相对较低的画质和更小的文件大小来创建JPG格式的缩微图像。
9)在Photo Format(相片格式)下拉菜单中为要创建的全尺寸图像指定一种格式。你的每一个原始图像都将以你在这里指定的格式创建一个相应的全尺寸图像。
你可以为你的全尺寸图像和缩微图像指定不同的格式。
注意:Create Web Photo Album命令不允许你将原始图像作为你的全尺寸图像,因为如果你的原始图像中含有除GIF和JPG以外的格式的话,这些格式的图像可能无法在所有的浏览器上被恰当的显示。另外,需要知道的是,如果你的原始图像是JPG格式,生成的全尺寸图像可能会具有比原始图像更大的文件大小或更低的图像画质。
10)在Scale(缩放)中为全尺寸图像选择一个缩放百分比。
将缩放百分比设置为100%将指定创建与原始图像同样大小的全尺寸图像。
注意:这个缩放百分比将作用于所有的原始图像,如果你的原始图像并非同样大小,设置成统一的百分比可能不能得到你希望的结果。
11)通过选择Create Navigation Page for Each Photo(为每一个相片创建导航页面)复选框可以为每个全尺寸图像创建一个单独的网页,并在页面上包含Back、Home和Next导航连接标签。如果你选择了这个选项,缩微图像将连接到导航页;如果你没有选择这个选项,缩微图像将直接连接到全尺寸图像。
当你做完所有的设置之后,你的Create Web Photo Album对话框看起来可能会是这样的。如(图)
12)单击OK。
Fireworks将启动(如果之前它还没有运行的话)并开始一个接着一个的创键缩微图像和全尺寸图像。如果你提供了很多图像文件,这个过程可能要持续数分钟。当Fireworks处理完后,Dreamweaver再次被激活,并为你创建包含缩微图像的页面。
13)当一个显示Album Created(相册已创建)的消息框弹出时,单击OK。在你的缩微图像页显示之前,你可能需要等待几秒钟。缩微图像将以文件名的字母顺序显示。
生成的主缩微图像页面。
在浏览器中运行时,点击其中的任何一个缩微图像将会把你带到相应的包含全尺寸图像的导航页面.
页: [1]
查看完整版本: 职称计算机辅导:Dreamweaver应用4