| 情人节打造爱的纪念页(四) |
|
| 作者:佚名 文章来源:网络 点击数: 更新时间:2008-3-10 |
|
|
六、编辑HTML页面
在Dreamweaver中打开导出的HTML网页,然后把切图中特意留下转换成网页表格的部分删除,添加表格添加内容。一些有链接的地方将它们添加上链接地址。首页面涉及的功能全面,所以要合理安排每个部分并且都尽量将网站的所有内容都体现出来,如在中间部分的下方可以安排一封情书,左边放置相册的索引图片和每张图片的说明文字以及直接链接地址。其中“爱的音乐”和“电子相册”页面的需要添加一些特效,使其具有独特性。
(一)编辑音乐页面
音乐页面首先添加歌词文字和音乐下载地址,然后将制作的动画图片放在合适的位置上。制作背景音乐需要在Dreamweaver中安装一个Sound插件,这个插件网上有下载的。安装之后在Dreamweaver中就有一个喇叭的图标(图12)。

图12
有了这个小插件我们可以直接在网页中添加MP3音乐,还可以设置是否循环播放或播放次数(图13)。

图13
现在用浏览器打开音乐页面,打开音箱听一听背景音乐出来没有。你已经听见了吧:)
(二)编辑相册页
相册的制作很简单,只需要准备好相片,然后用Dreamweaver的Flash插件即可,具体制作方法大家可以参看以前的文章《 DW MX 2004的Flash Element 》,Flash相册设计为随机自动播放,只要打开页面我们就可以欣赏到所有的相片了。在页面中我们还可以添加一些滚动的文字,使用marquee语句制作起来非常简单。网页相册制作方法很多,大家也可以用自己熟悉喜欢的方法来做,最重要的是一番心意。
“爱的纪念日”和“爱的情书”两个子页面就让大家发挥自己的想象来完成吧!这个小网站充满了浪漫的色彩,让人觉得暖意洋洋。本文提供了该网站所有的原始文件,包括PSD图形文件、插件、音乐和网站全部内容。大家可以直接下载欣赏同时可以亲自动手改造它,让它快速的变成你的网站在情人节那天及时地送到你爱人电脑前,让他(她)惊喜一下! 素材文件下载 完成页面下载 |