《第4课　网页的美化教案》初中信息技术青岛课标版《信息技术》八年级上册教案31182.doc

《《第4课　网页的美化教案》初中信息技术青岛课标版《信息技术》八年级上册教案31182.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4课　网页的美化教案教学目标1、熟练掌握修饰网页中的文字的方法。2、学会改变网页的背景。3、会用水平线美化网页。4、会给网页添加背景音乐。学情分析经过前几节课的学习学生学会主题网站的规划，并制作了图文并茂的网页。学生对Frontpage软件的界面熟悉，对各个工具栏按钮的作用及菜单中命令有所了解。能熟练的打开、关闭网站，有一定的操作基础。重点难点教学重点：改变网页的背景。教学难点：用图片作为网页的背景。教学过程4.1教学活动【导入】情景导入现在正值春暖花开，是旅游踏青感受自然界生机勃勃的好时节。同学们善于发现身边的美景，搜集素材并制作图文并茂的“喜鹊山”网站。请同学们启动Fr

2、ontpage2003，打开桌面上的“喜鹊山”站点的主页。一起欣赏经过修饰后的网站，比较一下，哪个网站更漂亮些？好，这节课我就一起来把网页变得漂亮起来。我们以小组竞赛的形式来学习，小组成员全部完成任务奖励一次，小组成员回答问题、上台演示正确每次奖励，优秀作品奖励一次。最后评出优胜小组。【讲授】探求新知二、探求新知（一）让网页的文字更生动运用知识迁移完成任务一。任务一：将“喜鹊山”站点主页“index.htm”中的标题改为华文彩云、36磅、红色。小组合作、探究完成任务二。任务二：将主页“index.htm”的小标题“畅游喜鹊山”几个字纵向显示，并且在单元格内水平居中；文字变为黑

3、体、24磅、蓝色。做一做：⑴从整体角度继续完善主页，注意调整图片的大小、文字的效果。⑵将表格的边框粗细设置为0。遇到困难请点击自学微视频按钮，学习操作演示后，再做任务。小组长检查小组成员的任务完成情况，奖励完成任务的小组。根据学生的演示，把任务一、任务二再完善一下，师生探究完成做一做（2）。现在我们修饰的网页已初见效果了。美中不足的是网页的背景色是白色，色调反差较大，下面我们给网页配上有颜色或图像的背景，把它变得更柔和些。一起来看任务三。（二）为网页添加背景颜色任务三：给主页“index.htm”添加水绿色背景。老师演示添加背景颜色的操作方法：首先打开喜鹊山站点的主页，然后单

4、击【格式】菜单中的[背景]命令→“网页属性”对话框的格式选项卡→选择背景颜色→确定。请迅速完成任务三。看哪个小组完成的最快。奖励获胜小组。除了可以为网页添加背景颜色外，还可以用用图片做网页的背景，我们再来完成任务四。（三）用图片做网页的背景任务四：将D:喜鹊山背景1.jpg”作为网页“jianjie.htm”的背景结合为网页添加背景颜色的操作，请同学们小组讨论、合作完成任务四。先自学微视频，学习操作演示后，再做任务。检查小组合作探究的情况，找学生上台展示。给全部完成的小组奖励。注意：使用背景图片后，保存文件时也会弹出“保存嵌入式文件”对话框，要求将外来的文件保存到站点文件

5、夹内。（四）在网页上划分区域——插入水平线在制作网页的过程中，为了使网页条理清晰，通常在标题与正文之间插入一条水平线，将标题与正文分开。水平线的颜色、粗细可以自由设置，下面我们用插入水平线的方法美化网页。任务五：取消网页“jianjie.htm”中的表格，改用水平线来规划网页，将水平线设置为宽度90%，高度8，对齐方式为居中，颜色为黄色。学生自学微视频。找学生上台演示取消表格，插入水平线及设置水平线属性的方法。学生观看演示后完成任务五。【活动】拓展延伸我们能给网页添加背景了，那么给能不能给单元格添加背景？给网页添加背景音乐？一起来探究拓展延伸。先根据方法提示小组合作学习完成任

6、务。拓展延伸1、给单元格添加背景任务：给主页导航栏添加灰色背景2、给网页添加背景音乐任务：给主页添加本站点中的“乐曲”为背景音乐。方法提示：单击【格式】菜单中的[背景]命令→“网页属性”对话框的常规选项卡→背景音乐位置选择声音文件→确定【练习】学以致用1、将“喜鹊山”站点中图片文件“背景2”“背景3”分别作为网页“lishi.htm”、“jingdian.htm”的背景。2、给网页“jingdian.htm”的标题后面插入水平线，水平线的高度为5，颜色为绿色。3、进一步修饰三个子网页中的文字，字体、字号及文字颜色搭配合适。要求:小组合作，充分发挥个人的想像力和审美能力，充分利

7、用本节课刚学习的知识点。【测试】作品评价1、将站点内的网页进一步修饰，各小组评选出最优秀的网页，全班展评。学生演示，其它同学评价。评出优胜小组，颁发奖品。2、你对本节课知识掌握情况怎样呢，请同学们如实填写自我评价表。梳理总结：这节课你学会了什么？【作业】布置作业进一步搜集家乡的素材，制作主题网站，参加学校组织的优秀网页评比活动。第4课　网页的美化课时设计课堂实录第4课　网页的美化第一学时教学活动【导入】情景导入现在正值春暖花开，是旅游踏青感受自然界生机勃勃的好时节。同学们善于发现身边的美景，搜集素材并制