用Dreamweaver制作电子相册的详细方法(图文)

所属分类: 网页制作 / Dreamweaver 阅读数: 1932
收藏 0 赞 0 分享
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网站上去下载。
更多精彩内容其他人还在看

DW怎么设置网站的背景图像?

Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,今天小编为大家分享DW怎么设置网站的背景图像方法,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享

DW怎么做热点链接?dw热点链接制作方法图解

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

dreamweaver怎么做一个简单的网页?

dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么批量修改网页相同的内容?

Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容的方法
收藏 0 赞 0 分享

dreamweaver cs6怎么新建HTML5格式的页面?

dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么在网页中显示一个圆角矩形?

Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver8调出新建、打开两个命令的快捷工具栏

今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
收藏 0 赞 0 分享

DW在html中插入css样式方法

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式,下面小编就为大家介绍DW在html中插入css样式方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

8款替代Dreamweaver的开源网页开发工具

这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多