回到首页  新手指南  网讯速递  技巧应用  上网乐趣  网页制作   建站指南    酷站推荐  软件下载
 Home  Basic Guide News Guide  Skill Guide   Enjoy Guide Web guide  Site Guide Topsite Download
 
关于我们 网站地图 投稿指南

《Email营销》


你的位置:首页 > 网页制作指南 > 图像处理 > Fireworks > 系列教程 > Fireworks4与Dreamweaver4的结合使用 > 内容
 
  ·入门篇(1)
·入门篇(2)
·入门篇(3)
·Dreamweaver中插入Fireworks图像文件
·Dreamweaver4中插入Fireworks的HTML文件
·Dreamweaver中复制和粘贴Fireworks HTML文件
·输出Fireworks图像和HTML文件
·输出Fireworks文件为CSS样式表层
·输出Fireworks文件为Dreamweaver的库对象
·Dreamweaver中调用和编辑Fireworks生成的图像
·Dreamweaver中调用和编辑Fireworks生成的表格
·自动更新Dreamweaver中使用的Fireworks HTML代码
·在Dreamweaver中优化Fireworks生成的图像文件
·在Dreamweaver中使用Fireworks行为
·创建Web相册篇
 
·Fireworks4制作弹出菜单大揭密
·Fireworks4极速教程
·Fireworks4功能介绍
·Fireworks4遮罩全接触
·Fireworks4与Dreamweaver4的结合使用
----Related Links----
 
----Related Softwares----
 ::...
 
   
     

文/Donger

  Fireworks4与Dreamweaver4的结合使用--
    创建Web相册篇

  现在很多网站上都有一些通过一些小图片来展示产品或是大图片这样的页面。如果需要展示的东西很多,用手工来一个个地制作静态页面的话,会导致工作量巨大,工作效率不高,而且还有可能出错。这什么方法能轻易地解决这个问题呢?此时Dreamweaver4-Fireworks4的结合功能又可以得到了发挥。

  在Dreamweaver4中可以通过Create Web Photo Album(创建Web相册命令)快速地创建一个系列相册页面。这一命令在Dreamweaver4中通过JavaScript调用Fireworks4软件处理选中的文件夹下的一系列图像,创建图像缩略图和相册图片,并由Dreamweaver4自动完成缩略图与相册图片的链接,建立相册页面。要使用创建Web相册命令,您必须同时拥有Dreamweaver4 和Fireworks4软件,因为虽然Create Web Photo Album是Dreamweaver4命令,它实际上是调用Fireworks4来进行图片处理。

  用Dreamweaver4-Fireworks4来创建Web相册,需要做哪些准备工作呢:在开始创建Web相册前,先将需要处理的图像统一放在一个文件夹中,该文件夹可以不在当前Dreamweaver4站点内。确认文件夹中的图像的扩展名为下列扩展名之一,不属于这些格式的图像文件不会包含在网页相册中的。

  .gif
  .jpg或是.jpeg
  .png
  .psd
  .tif或是.tiff

  利用Dreamweaver4-Fireworks4的结合功能来创建Web相册,您可以按如下步骤进行操作:

  1、 在Dreamweaver4中,使用菜单命令Command>Create Web Photo Alum。Dreamweaver4弹出Web Photo Album对话框。如图

  2、 在Photo Album Title输入框中输入相册标题。相册标题将会显示在缩略图页面上部的灰色背景的表格中。如果需要,您还可以在Subheading Info的输入框中输入子标题,这个标题将直接显示在缩略图页面的相册标题之下。还可以在Other Info输入框中输入添加补充文字说明,这将会显示在缩略图页面的相册标题和子标题之下。

  3、 点击Source Image Folder后面的Browser按钮选择相册的源图像文件夹。

  4、 点击Destination Folder 后面的Browser按钮,选择或者创建一个文件夹用于保存HTML和导出处理后图像的文件夹。

  5、 确定缩略图的属性:

  在Thumbnail Size选项列表中选择缩略图的尺寸大小。缩略图按照源图像的百分比缩放到这里定义的尺寸范围,因此不一定充满单元格

  选中Show Filenames复选框,可以在缩略图的下方显示原始图片的文件名称。

  在Columns输入框中指定缩略图的列数。

  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图片作为源图像文件。JPEG和GIF压缩的结果适于观看,但不适合导入和再次导出。

  8、 选择Scale百分比决定是否对源图像文件进行缩放处理来获得相册图片。如果设置为100%,相册中的图片与源图像文件的尺寸保持一致。
注意:Scale设置仅对所有相册图片有效。

  9、 如果愿意,选中Create Navigation Page for Each Photo选项,可以为相册中每幅图片创建单独的Web页面,其中包括Back、Home、Next的导航链接。
注意:如果不选择Create Navigation Page for Each Photo选项,缩略图将直接链接到全尺寸图片。这是创建Web相册的常用模式。

  10、 点击OK按钮。如果此时Fireworks4没有启动,Dreamweaver4将会自动启动Fireworks4创建缩略图和相册图片导入到相册之中。一旦图片处理结束,Dreamweaver4即可创建必要的HTML页面。

  11、 当Dreamweaver4弹出信息框提示"Album Created",单击OK按钮终止相册创建过程。此时在缩略图页面中显示相册缩略图表格。缩略图按照文件名称排列。
注意:当图像处理开始后在Dreamweaver4创建相册面板上点击 Cancel 按钮并不能停止处理过程,而仅仅取消相册页面的建立。



 
 ·什么网站最该看一看?
·Dreamweaver 4简明教程
·一笔OUT消网上更走俏
 ·英超球队网站争霸
·常用压缩工具测评
·百万富翁网上培训班
 ·巧用Dreamweaver的线条美
·上网尝尝时装设计的乐趣
·让Dreamweaver设计有线有色

百度中文搜索引擎
网站排行榜


Copyright 2000-2001 FortuneAge Technology Co.,Ltd All Rights Reserved.

版权所有 不得转载 未经明确书面许可,任何人不得复制或在非本公司所属的服务器上做镜像