• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > dreamweaver教程之怎么快速批处理图片链接

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含处理图片链接,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教程之怎么快速批处理图片链接

相关文章

  • 2017-08-06Dreamweaver怎么自己制作图形按钮?
  • 2017-08-06Dreamweaver怎么给网页添加音乐?
  • 2017-08-06dreamweaver利用预设模板来快速的架构一个简易网站
  • 2017-08-06Dreamweaver中怎么链接本地视频?
  • 2017-08-06dreamweaver教程之制作图形提交按钮示例(图)
  • 2017-08-06DW怎么做热点链接?dw热点链接制作方法图解
  • 2017-08-06Dreamweaver登陆界面怎么显示?
  • 2017-08-06Dreamweavr做网站之规划阶段的技巧分享
  • 2017-08-06用dreamweaver制作网站下拉菜单效果示例教程
  • 2017-08-06dreamweaver站点导入和导出操作步骤

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver中用插件制作网页漂浮广告的方法(图文教程)
    • Dreamweaver在网页中怎么添加图片呢?
    • Dreamweaver浏览器测试图文教程
    • Dreamweaver、Notepad++ 代码配色(提高自身代码阅读能力)
    • dreamweaver8调出新建、打开两个命令的快捷工具栏
    • DreamWeaver操作技巧大全(16条技能)
    • Dreamweaver CS5新增启用/禁用样式表功能
    • Dreamweaver中设计多彩文字链接的方法
    • 用Dreamweaver制作电子相册的详细方法(图文)
    • Dreamweaver中如何制作漂亮的导航条按钮

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有