当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 三分钟创建网页相册

FireWorks
Fireworks MX 2004特效字系列教程:水粉文字特效制作
铬金图形效果制作
Fireworks MX 2004移除照片红眼
Fireworks制作破壳而出的美女
Fireworks MX 2004制作巧克力按钮
虚线的制作
圆角三角形的制作
动画小时钟
金属效果
圆形文字的环绕制作
自动颜色变换
Loading动画的制作
彩色线条的填充
用MASK做动画
卫星转动效果
空间环绕
使用热区和切割(Hotspots and Slices)(上)
使用热区和切割(Hotspots and Slices)
Fireworks4.0的新特性
Fireworks中邮票效果的制作

FireWorks 中的 三分钟创建网页相册


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 47 ::
收藏到网摘: n/a

 

如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用Fireworks 4.0,Dreamweaver4.0协同工作的方法,使您可以在三分钟内迅速制作出自己的网页相册.

在Dreamweaver中应用创建网页相册命令让您可以快速创建一个相册站点.这一命令通过Javascript调用Fireworks处理选中文件夹下的一系列图像,创建缩略图和大图,并自动完成缩略图与大图的链接.使用创建网页相册,您必须在系统中安装有Dreamweaver和Fireworks.

 

 
1.首先新建一个文件夹,在该文件夹中,放入您需要制作成相册的源图像.图像的格式可以是:.gif, .jpg, .jpeg, .png, .psd, .tif, 或 .tiff
 
 

2.打开Dreamweaver 4.0,选择菜单 Commands -> Create Web Photo Album (命令 -> 创建网页相册)

此时弹出下面的面板.

 
 

3.在 Photo Album Title(相册标题) 文本框中,输入标题文字.该选项必须填写.标题文字将显示在相册索引页的上部灰色背景表格中.

Subheading Info(子标题) 和 Other Info (其他信息)文本框中添加补充说明文字.可写可不写.

 

4.点击 Source Images Folder(源图像文件夹) 后的 Browser (浏览)按钮选择相册的源图像文件夹.

点击 Destination Folder(目标文件夹)后的 browser 按钮选择保存HTML和处理后图像的文件夹.

 

5.确定缩略图的属性:

Thumbnail Size(缩略图尺寸) 下拉框中选择缩略图尺寸大小.缩略图按照源图像的百分比放缩到定义的尺寸范围.

选择 Show Filenames(显示文件名) 将在索引页缩略图下显示相应的文件名.

Column(列数) 文本框中输入列的数目决定索引页缩略图表格的列数.

 

6.在 Thumbnail Format(缩略图格式) 下拉框中选择缩略图文件格式:

GIF WebSnap 128 128网络安全色GIF格式.
GIF WebSnap 256 256网络安全色GIF格式.
JPEG - Better Quality JPEG高品质格式.
JPEG - Smaller File JPEG小文件格式.

 

7.在 Photo Format(图像格式) 下拉框中选择大图保存格式.大图由源图像处理获得.

创建网页相册时,不使用源图像直接作为大图显示.这是因为GIF,JPEG外的其他一些图像格式不能在浏览器中正确显示,所以需要将源图像统一处理为GIF或JPEG.需要说明的是,对于源图像是GIF,JPEG格式的,进行图像处理后会降低原来图像的图像品质.

 

8.选择 Scale(放缩). 设置百分比决定是否对源图像进行放缩处理.

设置100%将创建与源图像尺寸相等的大图.放缩的设定对源图像文件夹下每一张图像统一作用.

 
9.选择 Create Navigation Page for Each Photo(为每一幅图像创建页面) 将为