《2单元11课网页布局.doc》由会员分享，可在线阅读，更多相关《2单元11课网页布局.doc（2页珍藏版）》请在三一文库上搜索。
1、 网页布局本课学习目标：1、知识目标：了解美化网页的常用方法，理解美化网页对提高网站质量的作用。2、技能目标：学会在网页中设置背景、音乐、FLASH动画和滚动字幕。3、情感、态度与价值观目标：提高审美意识，善于发现美，美化生活从自身做起。教学重点：在网页中设置背景、音乐、FLASH动画和滚动字幕。教学难点：在网页中设置背景、音乐、FLASH动画和滚动字幕。学习过程：引入课题：前面我们学习了网页制作中最基本的文字、图片、水平线的插入，并且还知道了怎样使用表格使网页中的内容排列的更整齐，层次更分明。这里同学们再考虑你更喜欢什么样的网页？学习与探究：一、设置网页的背景学生活动：阅读课文第一部分，并利
2、用前面所学内容，给自己的网页加上一个背景，使页面更加美观，更能衬托网页的主题。（教师巡回指导）练一练：打开“情感小屋”站点，并打开主页文件Index.htm，在“网页属性”对话框“颜色”栏中设置文本和背景的颜色，并进行预览。二、设置表格的背景比较：观察两幅电视背景墙效果图，比较多色彩背景墙和单色背景墙哪种让客厅更加充满活力？通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也可以通过设置表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择“表格属性”或“单元格属性”分别进行设置。练一练：在你的网页表
3、格中，先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用。三、插入背景音乐学生活动：通过阅读课文，小组合作，在“情感小屋”站点中插入一个背景音乐。教师总结：在网页中单击右键，选择“网页属性”命令，在对话框中进行设置。四、插入Flash动画 步骤：“插入”-“高级”-“插件”，在“插件属性”对话框中进行设置。练一练：将光标定位在网页的适当位置，选择插入一个Flash动画文件。反复修改对话框中各参数的值，体会不同参数值的不同效果。五、插入滚动字幕 小组合作思考操作：怎样可以让你网页中的文字或图片动起来，使它们更加醒目呢？ 教师总结：“插入”-“组件”-“字幕”，在“字幕属性”对话框中进行设置。练一练：将光标定位在输入标题的单元格内，按照上述步骤进行插入字幕的操作。六、实践与创新：运用本课所学知识，分别对以下三个网页进行美化。文件名要求参考样图School.htm设置网页和表格背景第1课“网页版面布局示意图c ”Domain.htm添加滚动字幕“海内存知己，天涯若比邻”；插入一个Flash动画；设置纯文字单元格的背景色。第1课“网页版面布局示意图d ”Neighbor.htm设置单元格背景；设置背景音乐第1课“网页版面布局示意图e ”一、本课小结：设置网页背景、表格背景、插入背景音乐、Flash动画及滚动字幕。课后反思：2