|
|
5 Y% c; j# g; X& S, g$ w
1 F) p7 H. B9 v4 G. }) G
如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用Fireworks 4.0,Dreamweaver4.0协同工作的方法,使您可以在三分钟内迅速制作出自己的网页相册. p* F3 ?' ], _0 N* ?7 d9 p3 P
在Dreamweaver中应用创建网页相册命令让您可以快速创建一个相册站点.这一命令通过&106avascript调用Fireworks处理选中文件夹下的一系列图像,创建缩略图和大图,并自动完成缩略图与大图的链接.使用创建网页相册,您必须在系统中安装有Dreamweaver和Fireworks.
6 ~2 w) p" @; G- z8 Q! k5 }; \, c# b \. o5 `- o! _4 h
?, I& f7 H: v2 V. j0 b. B
& N2 t& e* A9 j# y9 ^; @$ C1 D- m: n# r# R1 B
9 x7 F; o, X+ q" G- ]- A/ P" x0 W
( B( d. o8 ^+ J9 U" D
) D. W X$ D' H q7 e; f1 T
2 }1 J- W" _) [% p; M4 k: T/ ]?- e' j+ `9 I2 y' k2 H
& H' g3 y0 n$ H8 `1.首先新建一个文件夹,在该文件夹中,放入您需要制作成相册的源图像.图像的格式可以是:.gif, .jpg, .jpeg, .png, .psd, .tif, 或 .tiff2 ?& n0 O. F3 g; R" k8 q3 r; b
% M! }9 _; t8 ]. i$ R4 y
?
6 U' |2 X, I, l+ h6 @
( {7 E1 U1 p( J( A! {- d4 F9 ~! Q! T0 k6 P% B8 A* P
, k4 q s A9 W% N: H) O2 p# [; I h
 % X& p, _7 ]& Z8 {9 U. o
8 a H' Q( s: a( K
3 }8 z7 k. ~& l: U5 W7 x?
. E* D& |; _; u
% `( {0 Y3 I$ `: S
2 ?1 j2 I# l, M& o2.打开Dreamweaver 4.0,选择菜单 Commands -> Create Web Photo Album (命令 -> 创建网页相册)
0 E3 n$ [, [: j0 b此时弹出下面的面板.8 _/ v* \- K, Q: C- K2 Y$ U, Q9 t
5 o# N- P& ?. P* N8 P8 u5 T8 _. L
?% x6 C: X% z' ^( t! _ s5 V
( u: A* Z. s I$ O7 R
1 {% p' N1 P* W& ~8 a. A6 H. _/ q# B- t' `5 E6 H
 : i' N& G( f$ T! e7 G
0 f/ Q% P' j4 S" c; h: Y
1 q* z N$ r7 u- D
?- X$ ~. C* V# L
# ]2 K. X0 w8 S: }6 ^9 d
! K& W. d8 I" m8 A2 i
3.在 Photo Album Title(相册标题) 文本框中,输入标题文字.该选项必须填写.标题文字将显示在相册索引页的上部灰色背景表格中.' Y8 H* G7 W5 p* s( b5 J
在 Subheading Info(子标题) 和 Other Info (其他信息)文本框中添加补充说明文字.可写可不写.
3 M: J' u5 K/ u
- z' @8 Y5 g5 i?9 ?" l& p. Z9 q+ y d/ N- c
, ]: I! x' @" C5 t1 C/ N; j& c0 S6 q) P
4.点击 Source Images Folder(源图像文件夹) 后的 Browser (浏览)按钮选择相册的源图像文件夹.
; @# n: o0 U- J5 f4 C$ L/ M点击 Destination Folder(目标文件夹)后的 browser 按钮选择保存HTML和处理后图像的文件夹.0 B4 I% D% t' V2 [; B
* p% k3 _$ `3 _. p5 P?
& F4 U9 A( c$ h9 S3 i- o7 h# _4 ^ k( l! C+ [* }. m/ C2 C& W7 Y
1 W+ Q( Y g( _( G( w$ x
5.确定缩略图的属性:
- P; a" [8 [; r( t0 V在 Thumbnail Size(缩略图尺寸) 下拉框中选择缩略图尺寸大小.缩略图按照源图像的百分比放缩到定义的尺寸范围.% V% z) F! `6 H' l) n6 y4 E
选择 Show Filenames(显示文件名) 将在索引页缩略图下显示相应的文件名.2 D# b5 i4 d. S' Q H6 `9 a
在 Column(列数) 文本框中输入列的数目决定索引页缩略图表格的列数.* f6 T5 Y; k1 }- X
6 x) e9 C' l( A5 J& t% V" c L?
! e/ p" m+ |! n+ _; X! Z
?; s. [5 G8 w7 m) A0 k7 w
# N8 ]- S. K+ Q% K7 c1 W9 p( o9 U, ]5 F6.在 Thumbnail Format(缩略图格式) 下拉框中选择缩略图文件格式:- |6 u7 ~, R3 e5 [2 H, s
GIF WebSnap 128 128网络安全色GIF格式.GIF WebSnap 256 256网络安全色GIF格式.JPEG - Better Quality JPEG高品质格式.JPEG - Smaller File JPEG小文件格式.
$ O i1 u, Y# x! X& W0 x
+ U! n c) w: L) d" f5 l?+ \& E+ S: j4 a6 a! o+ Z
1 p& H% Z& r- d7 C v; F: R0 f7 G# ^& H/ Z8 g
7.在 Photo Format(图像格式) 下拉框中选择大图保存格式.大图由源图像处理获得. r) \8 V: N. K2 G% t( Y- ^/ y* H
创建网页相册时,不使用源图像直接作为大图显示.这是因为GIF,JPEG外的其他一些图像格式不能在浏览器中正确显示,所以需要将源图像统一处理为GIF或JPEG.需要说明的是,对于源图像是GIF,JPEG格式的,进行图像处理后会降低原来图像的图像品质. B; v* h+ q) Z6 n4 K" I+ ?8 y
/ o( a7 g# j/ K. T+ H$ k# p
?; w2 K9 r p, X3 W N
$ p# U5 A7 a. W! Z2 g$ i
! [5 w) ? q F5 {
8.选择 Scale(放缩). 设置百分比决定是否对源图像进行放缩处理.& t9 ?( i3 Y3 H2 g& @
设置100%将创建与源图像尺寸相等的大图.放缩的设定对源图像文件夹下每一张图像统一作用.- F% G3 S+ V5 s3 o* q q6 R
& Y: P+ m) Q4 [; B# Q( s4 U3 R
?# T. U. W2 X3 n
: _: d$ @3 l' \% ]0 ?2 }% o9.选择 Create Navigation Page for Each Photo(为每一幅图像创建页面) 将为每一幅图像创建单独的页面,其中自动包括 Back(上一页), Home(返回), Next(下一页)的导航链接. $ n5 k7 B* x& y% D9 g# V& q* U/ Y
8 i4 L- T! W5 T. A0 y?) E% Q2 y& A4 Q9 G
" K- M8 a3 q7 N8 X1 g1 R5 O) _7 Y$ _4 R. p
10.点击 OK 开始创建网页相册.& E( D& e: b/ e, R
如果此时Fireworks没有打开,Dreamweaver自动启动Fireworks进行图像处理. 当图像处理结束,Dreamweaver完成相册索引页面.索引页面中,缩略图按照文件名排列.
9 s8 o: V. b0 K* x. R# O' j?) d3 F" y6 ]: Z7 H
& G2 \% q& c( ^( H/ P+ W
?( E' P; p3 v; x, @9 ^) e
: V6 V) ^* ?' G" X( @" d4 O
" S* h( [& j O2 J1 u! G11.完成; r% m8 y% k) v7 U; G
, H2 [' O4 p; S7 S) n/ \: W
?
2 Z# O# X4 Q% @6 ~6 |8 Y, k7 [, k* ?
* i3 l. m5 f0 }, F2 O
2 Y7 V- r" R' @ _/ G
8 ]8 w' i: z% N/ ^
7 @; W9 ?) D/ `2 w
, J: V. m( n9 ], c R7 \/ I) r3 E6 \% ~9 O C
(中文标题在Dreamweaver中显示乱码,在浏览器中是正常的.)% |8 I0 q6 \( K1 e4 L# H
/ o' T+ b: Z2 L' w3 d8 J' A4 q?/ ~6 t7 x1 u5 m! }4 L
+ u: l& u9 U1 F6 K
处理后的图像(或图像页面)保存在目标文件夹下.按照上面的过程,创建各类网页相册,您可以对大型图片站点,产品展示型站点,个人照片进行图像管理.
4 T; y. h- ~' R& I( B[color=red'][1] |
|
IP卡
狗仔卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
在线客服（工作时间:9:00-22:00）
