三分钟创建网页相册

& r/ J# n: |: ^3 r( }+ ?
　　如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用Fireworks 4.0,Dreamweaver4.0协同工作的方法,使您可以在三分钟内迅速制作出自己的网页相册.
　　在Dreamweaver中应用创建网页相册命令让您可以快速创建一个相册站点.这一命令通过&106avascript调用Fireworks处理选中文件夹下的一系列图像,创建缩略图和大图,并自动完成缩略图与大图的链接.使用创建网页相册,您必须在系统中安装有Dreamweaver和Fireworks.

' X# |) b6 s, G7 D' \$ t  t+ Y/ W7 d?

2 ~, s0 V2 P+ ^( K/ A. e, e! T; q# w
' U2 e( z2 Q5 }
5 B- I! d1 ?. R& R0 f% g

% k# I5 K! X& e7 ?4 L- ]
?
. s$ x0 m& E  P! ^
7 D1 f) s4 ?5 m" R9 E7 U1.首先新建一个文件夹,在该文件夹中,放入您需要制作成相册的源图像.图像的格式可以是:.gif, .jpg, .jpeg, .png, .psd, .tif, 或 .tiff

?
" V$ W2 [7 F" V& ]
- ?7 {# b, j. c( n6 p
; Z) Z  A  k' B. l; f6 H$ N


/ e. @3 A% _& E2 O4 a2 M5 s
?
' k1 _) t8 O+ L) F" k  G: U' U) e1 e! [
. e% ?1 j' Q6 r$ g
6 s( o4 E! q1 U9 \. `2.打开Dreamweaver 4.0,选择菜单 Commands -> Create Web Photo Album (命令 -> 创建网页相册)
此时弹出下面的面板.

?



' c: ^( x; ]' u
# W$ h" r3 l8 _& m3 o0 o4 H
) n6 g3 y3 p. a, I
?
: W) h% I: H0 W' v- B% t: d

3.在 Photo Album Title(相册标题) 文本框中,输入标题文字.该选项必须填写.标题文字将显示在相册索引页的上部灰色背景表格中.
. w5 W5 n8 x, z: ^2 Z. L6 E在 Subheading Info(子标题) 和 Other Info (其他信息)文本框中添加补充说明文字.可写可不写.
4 C5 q( e* O( J- p
?
/ ]# q+ T6 G( {* }, a9 u$ Z$ i

4.点击 Source Images Folder(源图像文件夹) 后的 Browser (浏览)按钮选择相册的源图像文件夹.
4 o, d/ }9 x3 K4 F点击 Destination Folder(目标文件夹)后的 browser 按钮选择保存HTML和处理后图像的文件夹.

2 W# F6 b) V5 k?

* a* e' Q8 }. Q8 i, M. H  @8 V- S
5.确定缩略图的属性:
: ]; D" ]3 x) t在 Thumbnail Size(缩略图尺寸) 下拉框中选择缩略图尺寸大小.缩略图按照源图像的百分比放缩到定义的尺寸范围.
选择 Show Filenames(显示文件名) 将在索引页缩略图下显示相应的文件名.
( h5 J. b# h2 _$ n+ ?在 Column(列数) 文本框中输入列的数目决定索引页缩略图表格的列数.
8 w! Q) ^: S; S4 G) ]
6 ^+ J3 s, a; h) Y+ e?


  |8 s! P! [, i7 d8 y* M6.在 Thumbnail Format(缩略图格式) 下拉框中选择缩略图文件格式:
GIF WebSnap 128 128网络安全色GIF格式.GIF WebSnap 256 256网络安全色GIF格式.JPEG - Better Quality JPEG高品质格式.JPEG - Smaller File JPEG小文件格式.
! t3 U5 F9 r9 T7 [  @- C$ e
?
! x0 ~7 Q  {9 d, O
* T& v( Q% ]- j3 I) _
/ _' {6 p5 b6 B6 `. r/ j6 t7.在 Photo Format(图像格式) 下拉框中选择大图保存格式.大图由源图像处理获得.
  I# `4 n0 @- m7 o, Q( t* `　　创建网页相册时,不使用源图像直接作为大图显示.这是因为GIF,JPEG外的其他一些图像格式不能在浏览器中正确显示,所以需要将源图像统一处理为GIF或JPEG.需要说明的是,对于源图像是GIF,JPEG格式的,进行图像处理后会降低原来图像的图像品质.

: P' T9 L  i, T- I4 e?
9 L" c3 v/ b4 u5 }- w' \& |: H2 t' K1 C
2 i2 R. U% E6 v
8 d' ?* w2 L# ~6 g. y8.选择 Scale(放缩). 设置百分比决定是否对源图像进行放缩处理.
& j$ G9 g4 B9 b& K2 c设置100%将创建与源图像尺寸相等的大图.放缩的设定对源图像文件夹下每一张图像统一作用.
" _% A% Z1 X/ L+ i% ^
?
4 z) B" e# V) _- z; ?
7 z( O* Y1 n1 r% Q& E* O9 _) e) ^8 j9 m9.选择 Create Navigation Page for Each Photo(为每一幅图像创建页面) 将为每一幅图像创建单独的页面,其中自动包括 Back(上一页), Home(返回), Next(下一页)的导航链接.

' Z& i3 g! a2 ]& z?

* }& O' `4 \' G
2 j8 [/ T8 t8 l& L' C7 e10.点击 OK 开始创建网页相册.
　　如果此时Fireworks没有打开,Dreamweaver自动启动Fireworks进行图像处理. 当图像处理结束,Dreamweaver完成相册索引页面.索引页面中,缩略图按照文件名排列.
?
) P# h' B9 t4 I+ H: E8 b
?

- B& o$ i: N* i0 F4 b  f1 u
" N4 k+ v# x) ]$ y7 e11.完成
( O  B4 L& @# t
4 F% S& b5 s9 H# p- U8 r& D% K$ t?
& \; |# s5 k  X0 X
& c! r: n. G) |
6 d# \0 Q) S: P3 `
# T8 {! o9 L% r) d
+ V  k1 ^: z# ?* k' l

+ U/ L+ V) B5 h* }
* L9 v3 }4 ?% R8 `+ o(中文标题在Dreamweaver中显示乱码,在浏览器中是正常的.)
# l6 f( s5 K0 ~4 x' G
9 K6 S; [" o- \( W8 J; o+ c6 V?
. E! T9 Y2 l$ b; o
　　处理后的图像(或图像页面)保存在目标文件夹下.按照上面的过程,创建各类网页相册,您可以对大型图片站点,产品展示型站点,个人照片进行图像管理.
[color=red'][1]