电子商务网站建设与管理-第5章构建动态HTML网页.pptVIP

第5章 构建动态HTML网页 5.1 Flash动画 5.2插入音频和视频 5.3添加滚动字幕 5.4处理CSS样式 5.5添加超链接 5.1 Flash动画 5.1.1 Flash动画技术 Flash动画技术是实现和传递基于矢量的图形和动画的首要方案。将Dreamweaver与动感、鲜活而深受用户欢迎的Flash结合使用，有助于制作出更具动感的主页。Dreamweaver不仅与Flash之间有较强的兼容性，而且在其中也可以直接制作Flash文件。 1.Flash动画技术发展概述 Flash 3.0自1998年面市以来，以其独特的2D网页多媒体技术及交互式的编程令浏览者眼睛一亮，但新生事物总是被人忽略的，当时只在少数几个先知先觉的个人主页采用了这种技术。 Flash动画发展过程分成三个阶段：简单Flash动画期；复杂Flash动画期；大型Flash动画期。 5.1 Flash动画 2.Flash动画技术的特点 （1）Flash动画，受网络资源的制约一般比较小，所以在情节和画面上往往更夸张起伏，致力于在最短时间内传达最深感受。 （2）Flash动画具有交互性优势，能更好地满足受众的需要。它可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果。这一点是传统动画所无法比拟的。 （3）由于只需要掌握一些特定的软件就可以尝试，Flash动画的制作相对比较简单，一个爱好者很容易就能成为一个制作者。全新的Flash动画（Flash）使动画制作变得非常简单：一套计算机软件，一个人，一台电脑就可以制作出一段有声有色的动画片段。 5.1 Flash动画 （4）Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图，文件小、传输速度快的特点，助长了高速动画的崛起，它可以利用独有的优势在网上广泛传播，有着可比拟的传播性。Flash制作的MV比传统的MV易于在网络上传播。 （5）Flash动画虽然现在还比较粗糙、简陋，但Flash有新的视觉效果，比传统的动漫更加灵巧，更加“酷”，不可否认，它已经成为了一种新时代的艺术表现形式。 （6）用Flash制作动画会大幅度降低制作成本，减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。半小时的节目，若用Flash技术制作，3～4个月就可杀青，若用其他技术通常需用10～14个月。 （7）Flash制作的动画可以同时在网络与电视台播出，实现一片两播。 5.1 Flash动画 5.1.2插入Flash动画 1.开始布局 （1）插入一个1行1列的表格（表格1），表格的宽度为726px，边框粗细为0，单元格边距为0、单元格间距为1，背景颜色为#892321，将表格居中对齐。 （2）插入一个3行2列的表格（表格2），表格的宽度为100%，边框粗细为0，单元格边距和单元格间距都为0，背景颜色为#6DCFF6。 （3）在表格2第二行左侧单元格插入一个6行一列的表格（表格3），表格宽度为95%，边框和单元格边距为0，单元格间距为5，将表格居中对齐。第一行高度为15，其余各行高度都为40。 （4）在表格2右侧单元格插入一个1行2列的表格（表格4），表格宽度为550px。边框、单元格边距和间距都为0。 5.1 Flash动画 2.插入页面元素Flash 将光标放置在表格任意单元格中，单击常用快捷栏中的媒体按钮，然后在弹出的列表中选择Flash，如图5-1所示。 弹出“选择文件”对话框，选择swf文件夹中的huaduo.swf文件。单击“确定”按钮后，插入的Flash动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。在文档窗口单击这个Flash文件，就可以在属性面板中设置它的属性了，如图5-2所示。 3.插入Flash文本 将光标放置在表格3第二行的单元格中，用Flash文本制作导航栏目。单击常用快捷栏的媒体按钮，在列表中选择Flash文本，弹出“插入Flash文本”对话框，字体随意，大小为22px，颜色设置为#F5E458，转滚颜色为#54C994，文本为“图片素材”，背景颜色#6DCFF6，选择自己需要的路径链接。同样方法我们分别在表格3的第3、4、5、6行制作“代码素材”、“Flash动漫”、“精美壁纸”和“音频视频”等栏目。 5.1 Flash动画 4.插入Flash按钮 将光标放置于插入Flash按钮的位置，单击常用快捷栏的媒体按钮，在列表中选择Flash按钮，弹出“插入Flash按钮”对话框，如图5-4所示。 5.插入FlashPaper