注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Dreamweaver >> 应用实例 >> 网页设计正文

利用DW快速批处理图片链接

文章来源:网页教学网 作者:佚名 更新时间:2008-8-23 15:35:26 【 】 【加入收藏
  进入网络咨询平台

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

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

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash技巧:用内置组件控制Flv视频!
     FLASH动画制作常用命令大集合
     在Excel中插入Flash动画技巧一则!
     flash动画也能设为桌面
     Flash中如何简单使用钢笔铅笔教程
     Flash制作“小丑吹泡泡”趣味动画
     Flash实战:制作国宝熊猫举重动画
     Flash制作可爱“小青蛙时钟”动画
     Flash实例教程:制作无脚本软翻书动画
     粒子动画效果轻松做
    最 新 推 荐
     Dreamweaver CS4 Beta版初步试用感受
     利用DW快速批处理图片链接
     Dreamweaver CS3 CPU使用100%的解决方法
     Dreamweaver轻松制作Flash
     Dreamweaver表格妙用线框制作
     全面解答:如何进行网页设计!
     网页设计之论摹仿和抄袭
     08网页版式风向标:黑底炫彩设计
     “惨目忍睹”IE8访问各大网站页面情况
     08年网页版式设计欣赏:有趣的搜索框
    相 关 文 章

    DW CS3中Spry详细区域的功能
    使用DIV+CSS后,表格Table还有用吗?
    CSS教程:用dl dt dd来制作列表
    写给喜欢用DW编写CSS人的一些建议
    利用CSS框架进行高效率的站点开发 Elements
    利用XMLHTTP无刷新添加数据
    轻松利用FrontPage做站内搜索
    在Dreamweaver中利用CSS样式表设置网页
    巧用DW判断字符串中是否有换行
    Flash教程:利用 Flash 8 制作摄像头拍照功…

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用