Dreamweaver快速图片链接批处理

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

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

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

时间: 2024-09-23 00:07:55

Dreamweaver快速图片链接批处理的相关文章

网页制作技巧:Dreamweaver快速图片链接批处理

dreamweaver|技巧|链接|网页 对于网页制作者来说,最烦琐的事情可能就是给页面中的图片或文字加链接了.假如页面内容很多的话,那么所做的工作只能用恐怖来形容.记得几天前,笔者就曾在很短的时间内为一个客户做了300个图片和相应的链接.正好是Dreamweaver和Fireworks结合的一个很好的实例典范,下面我们就来学习一下自动制作许多链接并处理图片的方法. 首先启动Dreamweaver,建立好站点后,选择Command(命令)>Create Web Photo Album(制作Web

快速图片链接批处理

    对于网页制作者来说,最烦琐的事情可能就是给页面中的图片或文字加链接了.假如页面内容很多的话,那么所做的工作只能用恐怖来形容.记得几天前,笔者就曾在很短的时间内为一个客户做了300个图片和相应的链接.正好是Dreamweaver和Fireworks结合的一个很好的实例典范,下面我们就来学习一下自动制作许多链接并处理图片的方法.     首先启动Dreamweaver,建立好站点后,选择Command(命令)>Create Web Photo Album(制作Web影集),打开Create

锚文本链接和图片链接理解和正确的使用

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在做SEO技术时,建外链是网站优化工作之一.那么建外链被链接的对象:一般被连接的对象是图片和锚文本.是用图片链接,还是用锚文本链接,也成了站长们所讨论的问题.今天针对这个谈下个人看法. 锚文本链接与SEO技术 1 什么是锚文本?被链接的对象是文本(关键词),一组选定好的关键词指向另一个页面的链接,不管网站站外部的,还是网站外部的,只要链接对象

实例分析:仿6room网站图片链接效果

链接 在本人上一篇教程<彻底弄懂CSS盒子模式五(定位强化练习) >有讲到一个很酷的链接面板提示的实例制作,那时主要是用到display方法来实现对象的显示和隐藏的,但是后来了解到那种方法对搜索引擎不友好,一些特别的阅读设备会读不到信息,比如盲人阅读器等等,所以今天又写了一个类似的教程,这次是用margin来实现,本实例实现方法简单但却很实用,实例做的是仿6room(著名web2.0视频网站)图片链接效果,下面请先运行代码看看最终实现的效果. 运行代码框 <!DOCTYPE html P

用Dreamweaver制作动态链接的Flash按钮

dreamweaver|按钮|动态|链接 Dreamweaver 4.0 以上的版本都提供了"插入Flash按钮"功能.如下面演示中的flash按钮,就是由Dreamweaver制作并插入的. 这里先介绍一下普通的flash按钮的制作方法,以Dreamweaver MX为例:新建一个HTML文件,并先保存它.然后在"Insert(插入)"菜单的"Media(多媒体)"标签中,点击"Flash Button(Flash 按钮)"

巧用图片链接打造十万高质量外链

对于图片链接进行外链建设,我要表述的这仅是我的发现,我也正在着手尝试,所以效果还不能下定论,如果有朋友已经试用过,哪就请说说你的体验吧,在这里我仅能分享一些我的发现和看法而已.前段时间,偶然发现某网站的好多热门关键字都在百度的前几位,查它的AX看了一下竟然排名七千多,进入网站溜了一圈,并没有发现这个网站有太多特别的地方,广告好多,而且还有弹窗,排版很乱,给人的总体印象并不好.通过查询它的百度权重发现百度权重值为7,预计百度给该网站的流量为:33877 ~ 50462,而且google的PR值为5

Dreamweaver ,email链接

  制作网页时,我们经常需要添加邮箱链接,今天小编就为大家介绍一下在dreamweaver中如何链接email链接. 首先在"插入"菜单中选择电子邮件链接,如下图所示.   在"电子邮件链接"对话框中,输入email地址,输入完成后点击"确定"按钮.   这样电子邮件地址链接就添加完成咯.            注:更多精彩教程请关注三联办公软件教程栏目,三联电脑办公群:189034526欢迎你的加入

Django中实现点击图片链接强制直接下载的方法

  本文实例讲述了Django中实现点击图片链接强制直接下载的方法.分享给大家供大家参考.具体分析如下: 当用户点击图片连接时,默认为在浏览器中直接开打图片,这段代码可以让图片链接变成下载 这段代码也非常适合下载大文件,基本不会消耗内存,每次只读取一部分数据到内存,然后提供下载 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 def Download(request): def readFile(fn, buf_size=262144): f = open

关于图片链接的alt标签的使用心得

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站中拥有大量重复图片,由此而给网页加入大量重复的alt标签就显得多余了,尤其是在将图片(比如照片或图标)作为链接时,访问者很快就会对alt ="hyperlink"感动厌烦.除非此网页或链接中的图片还有对网站非常重要的信息,否则就可以只对其中一个使用描述性的alt标签.而对于其他的重复图片则可以使用空alt标签:alt=