Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->Fireworks ->三分钟创建网页相册
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 闪光略过的GiF动画(04-27)
QQ皮肤制作全程实录(04-27)
Fireworks巧绘精美闪图动画(06-06)
Fireworks Eyecandy滤镜作虚化残缺边(06-06)
三分钟创建网页相册(04-27)
精采文章排行
精采文章排行 巧用FW MX的笔触制作宣纸书法(06-06)
用FW MX的变形工具制作大脚印图标(06-06)
FW MX和Flash MX的亲密合作(06-06)
Fireworks MX 制作燃烧效果(06-06)
Fireworks MX的新特性(06-06)
 

三分钟创建网页相册

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-04-27 [收藏] [投稿]

  IE是否经常中毒?推荐您



 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<

上一页12 下一页

上一篇:Fireworks4.0大内秘籍之——凌波微步   下一篇:Fireworks教程——用Fireworks做动态页
·用FW MX的变形工具制作大脚印图标·FW MX和Flash MX的亲密合作·Fireworks MX 制作燃烧效果·Fireworks MX的新特性·Fireworks Eyecandy滤镜作虚化残缺边缘·Fireworks简单制作残破边缘技巧·Fireworks制作仿古羊皮纸效果·体验Adobe Fireworks CS3新特性·Fireworks绘制硬壳厚皮烫金书

如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用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(为每一幅图像创建页面) 将为每一幅图像创建单独的页面,其中自动包括 Back(上一页), Home(返回), Next(下一页)的导航链接.
 

10.点击 OK 开始创建网页相册.

如果此时Fireworks没有打开,Dreamweaver自动启动Fireworks进行图像处理. 当图像处理结束,Dreamweaver完成相册索引页面.索引页面中,缩略图按照文件名排列.

 

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·巧用FW MX的笔触制作宣纸书法

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。