课件15张PPT。毛坯房与精装房A户B户网站设计与制作为网页化妆学习目标1、知识目标：了解美化网页的常用方法，
理解美化网页对提高网站质量的作用。
2、技能目标：学会在网页中设置背景、音乐、Flash
动画和滚动字幕
3、情感目标：提高审美意识，善于发现美，美化生
活从自身做起任务驱动 自主探究任务一、设置网页背景：
找到“水资源网页”文件，右键——edit,然后单击“格式”――“背景”，在“网页属性”对话框中可以对网页背景进行相关设置。 （提示：网页背景可选择某种颜色，也可选择一幅图片作为背景）。小提示：为了产生理想的视觉效果，背景色应采用素淡清雅的颜色，不宜选用图案复杂的图片，同时背景色要与文字的颜色对比强烈一些。自主探究，任务驱动任务二、设置表格背景：
操作步骤：
光标定位在表格的某个单元格内，单击鼠标右键。先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用。表格属性单元格属性自主探究，任务驱动任务三、插入背景音乐
操作步骤：在网页的任何位置单击右键，选择“网页属性”命令，弹出对话框。选择教师提供的音乐素材作为网页背景音乐，设置 “循环次数”为6次的效果。 自主探究，任务驱动任务四、插入Flash动画
操作步骤：
1、在网页指定位置单击“插入”――“图片”――“flash影片”。
2、 找到flash影片存放的路径，选择一个文件并打开。
3、插入flash影片后，双击插入的flash影片文件，打开属性 对话框，进行详细的调整。小提示：将光标定位在网页的适当位置，选择插入一个flash动画文件（文件的扩展名为.swf），并双击插入后的影片文件反复修改，达到最佳效果。自主探究，任务驱动任务五、插入滚动字幕
操作步骤：选中“珍惜每一滴水”，点击“插入”－“Web组件”，在“动态效果”中选择“字幕”。打开“字幕属性”对话框后，设置方向“向左”，循环8次。小提示：字幕一般在网页的顶部或底部，“字幕属性”中的文体可以当时输入，也可以先选取网页中顶部或底部的某几个字作为字幕。 1、整体布局：
比例合理、整体布局美观大方
2、色彩搭配：
色彩丰富、全方位观赏都具有美感
3、内容评价：
所选音乐、图片、动画符合主题
评价标准作品展示 总结评价我的收获设置网页背景
1、格式——背景
2、右键——网页属性设置表格背景
右键——表格属性插入背景音乐
右键——网页属性插入Flash动画
插入——图片——Flash影片设置滚动字幕
插入——web组件
教学设计
<一>、创设情境，目标激趣：
师：(播放课件的同时)李欣悦同学一家准备在开发区购置一处房产，经过反复比对和筛选，不约而同地选择了同一楼层同一户型的A户，这是为什么？2·1·c·n·j·y
就是因为经过了装修和装饰，能带给我们美的享受。
请大家对比一下老师精心制作的这两个网页，哪一个更能吸引你的关注,它们有什么不同之处？
师：好，敏锐的观察力是成功的前提，同学们已经观察出了不同的地方。有网页背景、背景音乐、Flash动画和滚动字幕。正是由于这些元素，我们的网页才会变得生动而丰富。www-2-1-cnjy-com
(课件展示) 本节课我们一起学习的美化网页的方法。
【设计意图】： 提出问题，引发思考，激发学生好奇心，让学生对本节课的学习充满兴趣，调动学习积极性。
<二>学习目标展示：
课件展示学习目标
<三>学习与探究：
如何使网页更加美观生动,图文并茂,并且重点突出?
请同学打开老师发到你的桌面上的“水资源网页美化”文件，（为了让学生快速打开网页教师演示这一过程），同学们参考导学案，以小组为单位，通过合作探究的形式，来完成探究一、探究二。
【探究一】设置网页背景：
操作步骤：
找到“水资源网页”文件，右键——edit,然后单击“格式”――“背景”，在“网页属性”对话框中可以对网页背景进行相关设置。 （提示：网页背景可选择某种颜色，也可指定一幅图片作为背景）。
课件展示：
【探究二】设置表格背景：
操作步骤：
光标定位在表格的某个单元格内，单击鼠标右键。
B、 选择“表格属性”或“单元格属性”命令，分别设置不同的颜色，体验背景对网页的美化作用。
教师巡视指导，留意学生操作中出现的问题。
师：老师看到有的同学非常聪明，很快就设置好了。大家来展示一下自己的作品吧!
第一组同学展示作品：(学生演示)
师：大家看到他设置的背景的效果，感觉怎么样？
生1：太单调。
生2：太刺眼。
师：这位同学设置了绿色作为背景，有的同学提出来颜色太刺眼了，同学们在设置背景颜色的时候应该注意视觉效果，应采用素淡清雅的颜色，咱们让这位同学修改下好吗？21cnjy.com
演示的同学做了调整。
师：同学们看到他修改的过程了吗，还有没有没同学设置好了更好的背景？
再找一位同学展示(这位同学设置的背景图片)
生：哇，好漂亮呀!
师：这位同学的背景怎么样？
生：很好，很符合网页的主题。
师：请这位同学教教大家怎么设置的。
师：完成的非常好。再请一位同学演示任务二。
<教师提示>
1、设置表格背景时，确保光标留在表格内；
2、设置单元格背景时，确保光标留在单元格内；
3、尽量避免使用复杂的图片作为背景，尽量使背景色和文字产生强烈的对比；
为了使网页更加渲染气氛，增强画面感，我们还可以设置背景音乐、插入Flash动画和设置滚动字幕。
同学们参考导学案，以小组为单位，通过合作探究的形式，来完成探究三、四、五。
【探究三】、插入背景音乐
操作步骤：
1、在网页的任何位置单击右键，选择“网页属性”命令，会弹出对话框。
2、选择教师提供的音乐素材作为网页背景音乐，设置 “循环次数”为6次。
小提示：背景音乐的格式有mp3wmawavmidram等。
【探究四】、插入Flash动画
操作步骤：
将光标定位在网页的适当位置，单击“插入”――“图片”――“flash影片”。选择一个flash动画文件（文件的扩展名为.swf），并双击插入后的影片文件反复修改，达到最佳效果。21教育网
小提示：将光标定位在网页的适当位置，选择插入一个flash动画文件（文件的扩展名为.swf），并双击插入后的影片文件反复修改，达到最佳效果。www.21-cn-jy.com
【探究五】、插入滚动字幕
操作步骤：
选中“珍惜每一滴水”，“插入”——“Web组件”，在“动态效果”中选择“字幕”。 打开“字幕属性”对话框后，“重复”8次，尝试设置背景色和速度。21·世纪*教育网
教师巡视指导，留意学生操作中出现的问题。
<四>、交流分享，点拨拓展
请同学到教师机来演示操作过程，边演示边讲解。
学生演示过程：
<设置背景音乐>
右键单击——网页属性(学生边演示边说)设置好之后，点击预览。听到了悦耳的音乐。
师：大家注意到没有，他使用的对话框跟一组的同学使用的是同一个网页属性对话框，我们现在用两种不同的方法打开了网页属性对话框。
预览后才能听到音乐，再次编辑要切换到“设计”状态
<插入Flash动画>
插入——图片——Flash影片
点击预览。听看到了动画效果。
师：先定位好光标位置，然后再进行插入，插入的同时可以改变大小及布局。
动画像是网页上的一块补丁，如何使他们融为一体？
双击Flash影片，勾选“透明”选项。
<设置滚动字幕>
插入——web组件
师：操作时，注意选中对象；修改时，右键单击找到快捷菜单里的字幕属性，在字幕属性对话框，同时设置其他选项。21·cn·jy·com
<四>、作品展示，总结评价
师：现在同学们已经把自己的网页美化的很漂亮了，咱们来展示一下我们的作品，结合以下评价标准，看看谁的最完美。【来源：21·世纪·教育·网】
一位同学展示：他自己发现了问题，字不太清楚。
师：同学们，这位同学说网页上的字不太清楚，咱们怎么来帮他解决问题？
生：改变字的颜色。
师：非常好，这是一种方法，还有其他的方法吗？
生：还可以改变背景
师：对，很好，咱们还可以改变背景。
另一小组代表展示作品。先自评再互评。
<我的收获>
这节课我们学习网页美化的几种方法？学生总结的同时课件展示。
教师带着学生梳理菜单。
<情感升华>
通过本节课学习了网页的美化的方法，我们要善于发现美，提高审美意识，同时运用美化的思想，美化我们的房间，美化我们的教室，进而美化我们的环境。21世纪教育网版权所有
评测练习（链接中考）
1、用frontpage打开考生考试文件夹中的"学习网站.htm"文档.
2、将"英语学习的重要性:"开头的一段文字设置为:首行缩进20,段前、段后间距均为30,双倍行距.
3、将“XX中学的英语学习网站，欢迎你和我们一起探索英语的学习方法”设置为蓝色、楷体、24磅。
4、将网站中标注的单元格拆分为“3列”,
将内容为"A"、"B"两个单元格合并，并将单元格背景颜色改为红色。
5、将上一步中拆分出的三个单元格中，
第一个单元格插入学生考试文件夹中的图片：榴莲.jpg,
第二个单元格插入视频：123.avi，
第三个单元格插入flash动画：1.Gif。
6、将网页背景色设置为黄色；
将背景音乐设置为：“灌篮高手.mid”；
7、设置表格的边框：粗细为“2”，将工作目录下的“表格背景”作为表格的背景图片。
8、将文字“欢迎光临我们的网站”设置为滚动字幕,并设置为宽度500像素,高度10像素,背景色为红色.21世纪教育网版权所有
9、在"欢迎光临我们的网站！"下方插入水平线,颜色为红色.
10、给"欢迎光临我们的网站!"添加超链接:www.shuiguo.com;
给“与我联系”添加邮箱链接：1234567@qq.com;
