dreaweaver课件第四单元.pptVIP

第三章 Dreamweaver网页制作 第四单元 制作“心情日记”网页 　　任务描述：本单元通过“创建框架集”、“使用链接控制框架内容”和“制作媒体日记页面”三个任务完成“幽幽我心的个人网站”中“心情日记”栏目的制作，学习如何使用框架结构来布局页面及如何在网页中插入多媒体文件，任务完成后效果如图： 第四单元 制作“心情日记”网页 任务一 创建框架集 　　　任务： 创建“心情日记”页面的框架结构。 自己动手 1．创建 “心情日记”栏目的目录结构 2．创建框架集 4．选择框架集并设置属性 5、 保存框架和框架集 任务总结 知识总结： 1．添加框架页的内容 自己动手： 1．布局“媒体日记”页面 A.运行 Dreamweaver 8，打开“main5.html”页面 B.设置页面属性网页上下边距为0像素，背景色为“#EEF0FF” C.插入一个宽366像素、2行2列的表格，设置表格属性：边框为0；第一行高20像素，第二行高272像素；第一列宽17像素，第二列宽349像素。 2．插入多媒体插件 通过“插入”菜单栏的“媒体”菜单项的“插件”选项向表格的第二行里插入“D:\mysite\diary\media ”目录下的“ljsy.mpg”文件。 　　相关知识 相关知识 单击选中刚刚插入的FLASH动画，然后单击“属性”面板中的“参数”按钮，弹出“参数”对话框，如图所示。设置“参数”为“wmode”，“值”为“transparent”，表示背景为透明。然后单击“确定”按钮，完成插入Flash及其参数设置，保存页面。 添加参数 参数的含义是什么？ 任务三 制作“媒体日记”页面 设好参数后 Flash动画和背景融合。 任务三 制作“媒体日记”页面 　 通过完成以上任务，学习了在网页中插入多媒体视频文件、FLASH动画的知识，另外学习了如何修改插入的FLASH动画的参数的知识。 任务总结： 任务三 制作“媒体日记”页面 举一反三： 创建网页“practice4-7.html”，在网页中插入“插件”，播放本单元素材“举一反三”文件夹中的“Boo.wav”。 1．启发思路： 回忆使用哪个菜单、选项可以插入插件？本题应插入那个插件？每个插件可以插入什么类型的多媒体文件？ 2．分组完成任务。 任务三 制作“媒体日记”页面 作业： 1. 如何在网页中插入声音文件，插入的声音文件和网页的背景音乐有什么区别？ 2．创建一个网页“practice4-8.html”，效果如图JYFS4-5所示，在网页下方插入“插件”，播放本单元素材“举一反三”文件夹中的“piantou.avi”。 3．创建网页“practice4-9.html”，在网页中插入“插件”播放本单元素材“举一反三”文件夹中的“background.mid”，要求设置循环播放。 要点提示：在“插件”的属性面板添加参数“loop”，值为“-1”。 任务三 制作“媒体日记”页面 任务四 使用代码创建框架网页 任务描述：本任务将使用代码制作一个简单的框架网页，学习利用HTML代码生成框架网页的方法。 实例效果 任务分析：通过代码添加包含三个框架的框架集，设置框架的属性，在一个框架集内显示三个框架页的内容。 第四单元 制作“心情日记”网页 自己动手： 1．新建一个文件夹“tcsx”，把随书光盘中本单元素材文件夹中“HTML”文件夹下的网页“top.html”、“left.html”、“main.html”、“main2.html”和“main3.html”拷贝到此新建文件夹中。 任务四 使用代码创建框架网页 素材文件 2．运行Dreamweaver 8，新建一个空白页面，命名为“tcsx.html”，保存在“tcsx”文件夹中。将“文档窗口”切换到“代码”视图，修改网页标题为“唐代名词赏析” 。 修改标题 任务四 使用代码创建框架网页 3．在/head和body之间添加框架集代码创建框架集，并设置其属性 。 框架集标签代码的含义 任务四 使用代码创建框架网页 4．在frameset和/ frameset 之间添加框架代码创建框架并设置他们的属性 。 框架标签代码的含义 任务四 使用代码创建框架网页 5．在/frameset和/html之间修改并添加代码，设置在不支持框架的浏览器中显示的信息 。