dreamweaver教程之怎么快速批处理图片链接

所属分类: 网页制作 / Dreamweaver 阅读数: 890
收藏 0 赞 0 分享

对于网页制作者来说,最烦琐的事情可能就是给页面中的图片或文字加链接了。假如页面内容很多的话,那么所做的工作只能用恐怖来形容。记得几天前,笔者就曾在很短的时间内为一个客户做了300个图片和相应的链接。正好是Dreamweaver和Fireworks结合的一个很好的实例典范,下面我们就来学习一下自动制作许多链接并处理图片的方法。

  首先启动Dreamweaver,建立好站点后,选择Command(命令)>Create Web Photo Album(制作Web影集),打开Create Web Photo Album。

  然后在Photo Album Title后的文本输入框中输入影集的名称。在这里输入的文字我们建议最好输入英文字母,不要输入汉字,因为输入汉字后,在Dreamweaver的编辑区中显示的并不十分正常。Subheading Info和Other Info后输入副标题或其他标题,在Photo Album Title后输入“Photo”。

  接下来就在Source Images Folder后的“Browse”按钮中选择目标图片所在的目录,然后单击“保存”按钮,这里选择Boats目录。

  点击Destination Folder后的“Browser”按钮,选择好处理后的文件所在的目录,一般我们要选择自己站点所在的目录,(在本例中我们的站点目录就是目标图片目录Boats),然后单击“打开”按钮。

  在Thumbnail Size后的下拉列表中选择好Fireworks处理后的图片大小。

  在Columns后选择每行图片排列的个数,在Thumbnail Format后的下拉列表中选择索引图片的压缩格式,在Photo Frmat后的下拉列表中可以选择原图片的压缩格式。

  对于Create Navigation Page for Each Photo的单选框中的对号不做选择。它作用是是否给所有的图片创建一个索引页。如果勾选了该项,则在浏览该图片的时候,每个图片的页面都会有向前、向后、或回到主页面的链接;如果不勾选该项,则没有这些链接,这在选择的时候可以根据自己的需要来确定。

  作好上面的工作之后,单击“OK”按钮,接下来Fireworks就启动起来了(机器里要装有Fireworks),在Fireworks的窗口里将出现窗口,这是Fireworks中处理图片的进度。

  返回Dreamweaver的工作区,按下键盘的F12键,测试一下页面,看看效果,如图5,这么多链接仅仅两分钟就做好了,是不是很容易。

  点击图片,会自动跳转到放大后的图片,也就是原图片的页面。

更多精彩内容其他人还在看

DW怎么设置网站的背景图像?

Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,今天小编为大家分享DW怎么设置网站的背景图像方法,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享

DW怎么做热点链接?dw热点链接制作方法图解

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

dreamweaver怎么做一个简单的网页?

dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么批量修改网页相同的内容?

Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容的方法
收藏 0 赞 0 分享

dreamweaver cs6怎么新建HTML5格式的页面?

dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么在网页中显示一个圆角矩形?

Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver8调出新建、打开两个命令的快捷工具栏

今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
收藏 0 赞 0 分享

DW在html中插入css样式方法

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式,下面小编就为大家介绍DW在html中插入css样式方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

8款替代Dreamweaver的开源网页开发工具

这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多