下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Dreamweaver实践制作电子相册

作者:课课家教育     来源: http://www.kokojia.com点击数:1576发布时间: 2016-09-04 08:00:01

标签: Dreamweaver制作电子相册Dreamweaver教程

想学设计?来看看大师是如何完成作品的?

  其实在Dreamweaver中增加了flashElement功能,这个可以使Dreamweaver和Flash的关联更加紧密了。其实这个FlashElement究竟有什么特别的呢?它可以帮你方便快捷地制作一个FLASH动画版本的图片浏览器!这次我们课课家将为大家带来的是:如何运用Dreamweaver制作电子相册。这个电子相册其实类似于微博相册或者QQ空间相册的,大家如果喜欢自己DIY的话,可以看下我们的课课家教程,下面我们通过具体的实例来了解这个新鲜玩意。

  下面是小编特意制作完成的电子相册实例演示(做得不好不要喷哦):

  详细制作过程如下:

  步骤①:首先我们需要在Dreamweaver的菜单栏下,然后找到FlashElement这个功能图标,如图:

Dreamweaver实践制作电子相册_Dreamweaver制作_电子相册_Dreamweaver教程_课课家

  步骤②:就在我们选择这个按钮之后,我们就可以在dreaweaver中生成一个Flash文件,这个是需要我们制定这个自制的Flash文件的保存位置。操作如下图:

可以在Dreaweaver中生成一个Flash文件

  步骤③:我们可以设定Flash文件在网页中的大小,并且是可以随意调节。现在我们再看看右边Tag面板中css的变化,这个其中增加了ImageLinks和ImageURLs两个选项。如下图所示:

设定Flash文件在网页中的大小

  步骤④:现在我们制做的电子相册内含的图片都是在ImageURLs中指定图片的来源位置,其实如果图片需要指向其它的文件做链接的话,那么我们就需要在ImageLinks添加链接的地址。

  步骤⑤:然后我们先定义图片的来源位置,接着选中ImageURLs,我们可以看到,在旁边有一个小图标的下拉菜单,然后点击之后出现一个对话框,这里我们可以输入图片的来源位置。如下图所示:

然后我们定义图片的来源位置

  步骤⑥:不过如果想要添加每个图片的链接,我们可以在ImageLinks中使用同样的操作,在链接设置对话框中它默认了三个指向Macromedia的链接地址,每个地址和图片来源的文件是相对应的,按照顺序输入地址就行了。如图:

在ImageLinks中使用同样的操作

  步骤⑦:其实现在除了这两项,其它的一些参数设计和电子相册也相关。BgColor是设置相册的背景颜色,而ImageCaptions是填写相册名,TitleFont是设置相册名的文字字体,而TilteSize是设置相册名文字大小等等。而TranstitionsType是设置图片出场方式的效果,出场效果非常重要,千万不要千篇一律,最好能有个性。就要继续在下拉菜单中就会有很多特效。如图:

继续在下拉菜单中就会有很多特效

  步骤⑧:我们可以根据上面的步骤,最后制作出来的电子相册效果如下。目前2004安装之后自带的FlashElement只有一个效果,但是小编给你们一个建议,如果需要更多的效果可以到Macromedia网站上去下载。

  小编结语:相信大家看完这个教程之后,都想着自己尝试一下自己来制作电子相册吧,DIY电子相册是非常有个性的,你可以设置相册的显示与边框,也可以设置播放频率。尽管我们可能感觉到自己的能力不足,但我相信你按照步骤来操作的话,那么你一定能够掌握这个的,如果你有兴趣,你也可以自己尝试一下的,最重要的是千万不要粗心而忘记了其中的步骤。最后感谢大家支持我们课课家教育,如果大家还想了解更多更精彩的教程,那么欢迎继续关注我们课课家教育,我们将为大家带来更多更精彩的教育咨询。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程