Dreamweaver快速图片链接批处理

2016-02-19 21:31 35 1 收藏

下面是个Dreamweaver快速图片链接批处理教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

  对于网页制作者来说,最烦琐的事情可能就是给页面中的图片或文字加链接了。假如页面内容很多的话,那么所做的工作只能用恐怖来形容。记得几天前,笔者就曾在很短的时间内为一个客户做了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目录。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  点击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,这么多链接仅仅两分钟就做好了,是不是很容易。

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  用完Dreamweaver的Create Web Photo Album功能后,感觉它实在是减轻我们劳动量的好帮手,但是在处理过程中有时候结果并不十分让人满意,因为它的计算功能有点问题,假如图片取的文件名为001.jpg,002.jpg........,在制作后,它们的排列顺序并不完全按照001.jpg、002.jpg那样的顺序排列好,可能会出现点问题,目前笔者还没找到合适的解决办法,如果读者有好的办法请给我来信交流. .

来源:http://www.tulaoshi.com/n/20160219/1626374.html

延伸阅读
标签: PS教程 PS基础
不知道大家有没有接触过PS里面的批处理呢,当我们要完成数百张照片缩放大小的时候,当你要完成数十张照片调换颜色的时候,这时候我们可以利用到PS里面的批处理了,当然前提是我们要进行统一的动作时才能应用批处理的哦。 但首先要了解的就是怎么设置批处理里面的选项才能让批处理顺利完成。 ...
用PS批处理为图片加水印、修改尺寸操作 生活中经常会遇到处理很多图片的时候。 比如说: 一些网站上传图片时,图片大小受到限制; 这次出去玩的照片亮度,色彩普遍不好,我都要调一下; 希望在自己专属的图片上加上自己的标志, 像这些动作都非常简单,但是如果需要重复操作,特别是照片的数量很多的情况,...
标签: 电脑入门
在Word2010文档中插入图片以后,如果原始图片发生了变化,用户需要向Word2010文档中重新插入该图片。借助Word2010提供的插入和链接功能,用户不仅可以将图片插入到Word2010文档中,而且在原始图片发生变化时,Word2010文档中的图片可以进行更新,操作步骤如下所述: 第1步,打开Word2010文档窗口,在插入功能区的插图分组中单击图片按钮。 单...
Bat.aspx: 程序代码  代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Bat.aspx.cs" Inherits="Bat" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head runat="server" titleC#调...

经验教程

965

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部