• 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  中增加了Flash Element功能,这使Dreamweaver和Flash的关联更加紧密了。这个Flash Element究竟有什么特别的呢?它可以帮你方便快捷地制作一个Flash动画版本的图片浏览器!下面我们通过具体的实例来了解这个新鲜玩意。
  
  下面是制作完成的电子相册实例演示。
  
  详细制作过程如下。
  
  1.首先在Dreamweaver的菜单栏下找到Flash Element这个功能图标,如图。
  
  
12495250_2005071911502373961200.gif

  
  2.选择这个按钮之后,在Dreaweaver中生成一个Flash文件,需要制定这个自制的Flash文件的保存位置。如图
  
  
12495250_2005071911502376367200.gif

  
  3.Flash文件在网页中的大小,可以随意调节。现在我们再看看右边Tag面板中CSS的变化,其中增加了ImageLinks和ImageURLs两个选项。如图
  
  
12495250_2005071911502377987100.gif

  
  4.我们制做的电子相册内含的图片在ImageURLs中指定图片的来源位置,如果图片需要指向其它的文件做链接的话,要在ImageLinks添加链接的地址。
  
  5.我们先定义图片的来源位置,选中ImageURLs,在旁边有一个小图标的下拉菜单,点击之后出现一个对话框,这里我们输入图片的来源位置。如图
  
  
12495250_2005071911502380252400.gif

  
  6.如果想要添加每个图片的链接,在ImageLinks中使用同样的操作,在链接设置对话框中它默认了三个指向Macromedia的链接地址,每个地址和图片来源的文件是相对应的,按照顺序输入地址就行了。如图
  
  
12495250_2005071911502381785000.gif

  
  7.除了这两项,其它的一些参数设计和电子相册也相关。BgColor是设置相册的背景颜色,ImageCaptions是填写相册名,TitleFont是设置相册名的文字字体,TilteSize是设置相册名文字大小等等。而Transtitions Type是设置图片出场方式的效果,在下拉菜单中有很多特效 。如图
  
  
12495250_2005071911502383308600.gif

  
  8.根据上面的步骤,最后制作出来的电子相册效果如下。目前2004安装之后自带的Flash Element只有一个效果,需要更多的效果可以到Macromedia网站上去下载。

您可能想查找下面的文章:

相关文章

  • 2017-08-06Dreamweaver制作基于WordPress的留言本的图文教程
  • 2017-08-06Dreamweaver CS5新增启用/禁用样式表功能
  • 2017-08-06DW制作鼠标放在图片上就换另一个图片
  • 2017-08-06Dreamweaver单元格怎么合并?
  • 2017-08-06DreamWeaver中批量删除超级链接的方法(图文)
  • 2017-08-06Dreamweaver怎么新建站点地图?dw编辑站点地图的方法
  • 2017-08-06Dreamweaver 正则表达式字符查找替换方法($1,$2使用说明)
  • 2017-08-06用Dreamweaver制作网页超链接示例教程
  • 2017-08-06Dreamweaver CS3中Spry详细区域功能
  • 2017-08-06dw怎么制作asp动态网页之向数据库增加记录?

文章分类

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

最近更新的内容

    • Dreamweaver CS4界面新增功能介绍
    • Adobe Dreamweaver CS4 激活序列号(附Dreamweaver CS4 官方简体中文版下载)
    • dreamweaver中怎么将文字放到图片上?
    • 网页中插入Flash按钮与文本
    • dreamweaver 翻译器没有被装载错误
    • Dreamweaver中怎么让html网页中的table边框细线显示?
    • 用dreamweaver新建站点教程
    • 使dreamweaver支持kid扩展名的方法
    • DW cc 2015快捷键该怎么导出/修改/删除?
    • Dreamweaver输入的文本字体怎么加粗?

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

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