1 / 11

任务三 制作媒体日记网页

第四单元 制作 “ 心情日记 ” 网页. 任务三 制作媒体日记网页. 任务描述： 插入多媒体文件，制作媒体日记网页。. 任务分析： 在“媒体日记”链接的网页“ main5.html” 中，插入一段视频文件。在上部框架页面“ top.html” 中，插入 Flash 动画作为装饰，美化页面 。. 任务三 制作 “ 媒体日记 ” 页面. 自己动手： 1 ．布局“媒体日记”页面 A. 运行 Dreamweaver 8 ，打开“ main5.html” 页面 B. 设置页面属性网页上下边距为 0 像素，背景色为“ #EEF0FF”

sheryl
Download Presentation

任务三 制作媒体日记网页

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第四单元 制作“心情日记”网页 任务三 制作媒体日记网页 任务描述：插入多媒体文件，制作媒体日记网页。 任务分析：在“媒体日记”链接的网页“main5.html”中，插入一段视频文件。在上部框架页面“top.html”中，插入Flash动画作为装饰，美化页面 。

  2. 任务三 制作“媒体日记”页面 自己动手： 1．布局“媒体日记”页面 A.运行 Dreamweaver 8，打开“main5.html”页面 B.设置页面属性网页上下边距为0像素，背景色为“#EEF0FF” C.插入一个宽366像素、2行2列的表格，设置表格属性：边框为0；第一行高20像素，第二行高272像素；第一列宽17像素，第二列宽349像素。 表格布局页面

  3. 任务三 制作“媒体日记”页面 2．插入多媒体插件 通过“插入”菜单栏的“媒体”菜单项的“插件”选项向表格的第二行里插入“D:\mysite\diary\media”目录下的“ljsy.mpg”文件。 多媒体插件 多媒体文件包括哪些？ 注意：插入插件后，用鼠标拖拽插件的控制柄，调整它的大小。

  4. 任务三 制作“媒体日记”页面 3．插入Flash动画文件 打开“top.html”文件，通过“插入”菜单栏的“媒体”菜单项的“FLASH”选项在图像“biaoti.jpg”的右边插入“D:\mysite\diary\media ”目录下的“top.swf”文件。效果如图： 动画与页面不协调

  5. 任务三 制作“媒体日记”页面 单击选中刚刚插入的FLASH动画，然后单击“属性”面板中的“参数”按钮，弹出“参数”对话框，如图所示。设置“参数”为“wmode”，“值”为“transparent”，表示背景为透明。然后单击“确定”按钮，完成插入Flash及其参数设置，保存页面。 添加参数 参数的含义是什么？

  6. 任务三 制作“媒体日记”页面 设好参数后 Flash动画和背景融合。

  7. 任务三 制作“媒体日记”页面 任务总结： 　 通过完成以上任务，学习了在网页中插入多媒体视频文件、FLASH动画的知识，另外学习了如何修改插入的FLASH动画的参数的知识。

  8. 任务三 制作“媒体日记”页面 举一反三： 创建网页“practice4-7.html”，在网页中插入“插件”，播放本单元素材“举一反三”文件夹中的“Boo.wav”。 1．启发思路： 回忆使用哪个菜单、选项可以插入插件？本题应插入那个插件？每个插件可以插入什么类型的多媒体文件？ 2．分组完成任务。

  9. 任务三 制作“媒体日记”页面 作业： 1. 如何在网页中插入声音文件，插入的声音文件和网页的背景音乐有什么区别？ 2．创建一个网页“practice4-8.html”，效果如图JYFS4-5所示，在网页下方插入“插件”，播放本单元素材“举一反三”文件夹中的“piantou.avi”。 3．创建网页“practice4-9.html”，在网页中插入“插件”播放本单元素材“举一反三”文件夹中的“background.mid”，要求设置循环播放。 要点提示：在“插件”的属性面板添加参数“loop”，值为“-1”。

  10. 任务三 制作“媒体日记”页面 相关知识： 1．多媒体文件包含Flash动画、Shockwave、Applet、ActiveX和插件等，每一类文件都有其相应的可设置参数，用于设置多媒体文件的各种属性。

  11. 任务三 制作“媒体日记”页面 2．“wmode”是动画模式参数，“wmode”值设置为transparent代表显示Flash动画时，背景为透明。

More Related