姚俊】《制作首页》教学设计及反思.doc

《姚俊】《制作首页》教学设计及反思.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第二节制作网站第2课时《制作首页》教学目标：知识与技能：1、熟悉文字录入、能用选择性粘贴获取文木、修饰排版。2、掌握图片插入方法及属性设置。3、掌握水平线插入方法及属性设置。4、掌握用网页属性对话框来设置背景图片和背景音乐。5、熟悉设计模式和预览模式的应用。6、掌握保存网页的方法，了解网页保存的特色。过程与方法：通过4个坏节开展教学。1、有什么：观察（培养观察能力）2、是什么：思考（培养分析能力和知识迁移能力）3、怎么做：看书、使用学件、思考、实践（培养自学能力和思维能力）4、为什么：思考，讨论（知识建构）注意对比教学，知识迁移，小组协作，分层达标，

2、自主探究，评价反馈，知识建构在教学屮的应用。情感态度与价值观：1、通过制作首页感受网页表达信息的魅力，认识到网页是发布信息的良好方式。2、从制作屮体验成功，培养兴趣，认识知识迁移对学习的价值。3、从设计内容屮培养爱护环境、善待动物的观念。行为与创新：能够按四个环节去思考实践。能够参考样例，在不缺少首页构成元索的基础上利用所给的材料设计出美观的页面。教学重点、难点：重点：1、网页屮文字、图片、水平线的编辑方法和属性设置。2、网页属性设置。难点：网页的保存和对嵌入式文件保存位置的理解。教学过程：1、导入：教师提问：1、为什么在网页设计时，第一步是建立站点

3、？2、上节课建立的站点屮自动多出来的images文件夹，index.htm文件起什么作用？学生冋答：1、使相关内容集成在一个文件夹里，方便報个网站的制作、维护和管理。2、images文件夹屮放置网页中的图片乙动画、音乐等嵌入文件，便于管理。index.htm文件是访问站点打开的第一个页面，即该网站的首页。教师：今天让我们把空H的首页文件制作成自己网站的欢迎页。教师板书：制作首页。（设计意图：复习引入，让学生了解本节课的学习任务。）2、新课教学：第一个环节“有什么”？教师：展示首页文件，请同学分析页面上都有什么，提示“页血上有几段文字？几张图片？还有什

4、么？这些构成对彖有什么特点”。（设计意图：提示的目的是让学生能更明确的观察发现，降低学习难度。）学生：用一点时间分组讨论（相邻座位的3人小组）后冋答。2段文字、4张图片、音乐、水平线共8个组成对象。教师：引导学生发现，在学生冋答不完整的情况下请其他同学补充。第二个环节“是什么”教师：指向一个对象，请学生分析这个对彖，在教材屮查找并冋答：这是什么？有什么作用?用什么命令做？学生：小组讨论冋答。教师：引导学生冋答并板书填表。对彖性质与作用操作命令标题文字文字、字数少、字号大、酥目、起提示作用。削妾录入正文文字文字、字数多、字号小、提供具体信息。从外部文件

5、中选择性粘贴文木图片一网站标志图片，提示网站唯一性的标志。菜单：插入一图片一来白文件图片二虽然不是静止的，但依然是一种图片。GIF格式的图片可以有简单的动砸效果。在网页屮可起链接按钮的作用。图片二图片四背景图片，美化整个页面。快捷菜单一网页属性背景音乐，增强网页效果。线水平线，分割页血。菜单：插入一水平线（设计意图：让学生学习使用教材，对操作形成初步印彖，）第三个环节“怎么做”教师：我们学过的word软件屮有许多类似的操作。同学们可以根据H己的经验，参照教材214-217页和模拟操作学件学习。学生：通过“是什么”环节归纳的表格，通过在菜单屮查找命令，

6、观察相应窗体，设置相应参数完成任务。遇到困难，小组协作并通过使用模拟操作学件模仿解决。（设计意图：合作、分层。自学能力强的用教材和已有学习经验迁移学习，自学能力欠缺的使用模拟操作学件反复模仿熟练操作步骤，在此基础上加强理解和记忆。对学件的使用学生已有经验，如是初次使用还需要简单说明使用方法。）教师：提示1、在设计视图下设计，在浏览视图屮看效果。2、一定要选屮对象，右击对彖打开快捷菜单最方便。3、存盘文件名应该用英文字母开头，由字母、数字和_组成。（设计意图：方法指导。）教师：提出思考题，并在学生操作过程屮适时安排或引导学生解决。1、插入图片时只看到文

7、件名，看不到图片的预览图，选取不方便怎么办？（缩略图视图方式。）2、标题行和网站标志图的位置怎么调整？（环绕样式少，用插入空格的方式。）3、为什么从外部文件获取大段文字要用选择性粘贴的方法？（网页屮文字的修饰方式少，选择性粘贴便于在网页屮排版。）4、背景图片一般选择什么特征的图片？（突显网页内容的背景，一般较浅。）5、设计视图和预览视图的区别？（设计视图中部分效果不能显示，预览视图更接近于浏览器浏览效果。）（设计意图：操作屮的难点突破和概念形成。）3、评价小结：学生上传文件，教师展示学生作业，评价作品，鼓励学生。第四个环节“为什么”教师：引导学生冋答

8、。学生：思考回答。1、网页的首页为什么要有标题和网站标志图？2、为什么用选择性粘贴？3、水平线有什么用？4、