《二、制作主页1》由会员分享，可在线阅读，更多相关《二、制作主页1（6页珍藏版）》请在金锄头文库上搜索。
1、课题：利用表格布局网页银川唐徕回中西校区 刘晔一、教材分析本课选自电子工业出版社出版的九年级信息技术上册第2单元的第二节内容布局页面。本课的学习目的是让学生了解页面布局的重要性与多样性，不仅掌握利用表格布局页面的方法，而且能根据需要合理地布局。页面布局是制作网页很重要的一个环节，只有通过明确与合理的布局，网页内容才能主次分明、清晰美观。 二、学情分析本课授课对象为九年级学生。他们对网站、网页并不陌生，不仅对版面布局有一定体会而且熟悉编辑表格的常用方法，同时对制作网站也很有兴趣，在学习习惯方面逐渐形成了独立思考的能力和团队合作的意识，这就为本课的学习打下了良好的学习基础。三、学习目标：1、知识与
2、技能（1）理解表格在页面布局中的作用。（2）掌握利用表格布局网页的方法。（3）了解网络中常见的网页布局形式。（4）初步掌握根据网站主题、网页设计意图，设计合理的页面布局。2、过程与方法通过完成具体任务，培养学生分析问题、解决问题的能力。3、情感、态度与价值观通过体会合理布局的重要性、掌握利用表格布局的方法，不仅积累了知识和经验还树立了信心和勇气，在设计不一样形式的布局时闪现出了智慧和创新的光芒。四、教学重点、难点：教学重点：利用表格布局网页的方法教学难点：根据网站主题、网页设计意图和内容呈现的需要，设计合理的页面布局。五、教学策略：教法：本节课利用经过布局和未布局的网页做对比让学生不但体会到了
3、利用表格布局的重要性，同时激发了学习兴趣。通过完成“回乡味道”主页的布局，让学生掌握了创建表格和灵活地调整表格结构的方法，最后通过精心设计的布局会使网页在视觉上耳目一新，这激发了学生的无限的创作灵感，“页面布局之旅”学习网站的使用不仅让学生真切的体会布局对网页制作的重要性，而且也为他们提供了丰富的教学资源。学生在做与学中前行，在自主探究、合作学习的过程中收获不断。出现的疑惑，通过引导学生分析与解答，提高了应用表格布局页面的能力。学法：任务驱动法，自主探究学习法，网站教学法，小组讨论、合作法六、教学资源准备教材、导学案、学习资源网站、网络体多媒体教室七、课时：第一课时八、教学过程：教学环节教师活
4、动学生活动设计意图课程引入3分钟一、为什么利用表格布局网页交互式白板展示：魅力宁夏电子报刊、“宁夏美食”视频片段、“回乡味道”网站。导语：为了宣传咱们美丽的宁夏，在综合实践活动中有的同学制作了电子报刊、有的同学制作了视频短片，还有的同学想到了制作网站。于是，在上节课的学习中我们创建了“回乡味道”站点，并添加了空白网页。提问：首先请大家浏览 “回乡味道”文件夹里的style-1.html和style-2.html网页，说说哪一个网页设计的好，为什么？演示：使用Dreamweaver打开style-1.html和style-2.html师生交流：使用网页设计软件Dreamweaver打开两个网页后
5、发现：1、style-1看起来整齐美观，是因为使用了表格布局版面，能够将网页中各个元素准确地定位； style-2没有布局版面。2、style-1看起来主次分明、条理清晰。是因为内容放置的合理，将 “网站标题”和“导航栏”重要的信息放在最醒目的位置，内容信息放在中间，附加信息放在最下面。style-2则反之。板书：利用表格布局网页、合理布局小结：由此可见，在向网页添加内容之前应该先对版面进行合理的布局，而利用表格布局是常用的方法。今天我们就来学习这部分内容。交互式白板展示课题：利用表格布局网页观看学生比较后说出两个网页的不同之处明确学习目标激发学习兴趣运用对比的方法，揭示了利用表格布局在设计网
6、页过程中的重要作用，引出课题学习实践17分钟二、布局初体验如何利用表格布局网页过渡：王勃在为style-1网页布局时，不仅参照版面布局图创建表格，在调整表格结构时，根据所搜集的素材大小对呈现文字、图片的单元格设置相应的宽度、高度。他是利用哪些方法实现的？讲解：创建表格、调整表格结构的方法（1） 通过点击“插入”菜单中的“表格”命令，在“表格”对话框中设置“行数”、“列数”、“表格宽度”等项目创建相应的表格。为了排版的需要，表格中可以插入表格，我们称之为“嵌套表格”。（2） 通过点击“布局”选项卡中的“扩展表格模式”，表格中各个对象更容易被选中。在选中单元格、行、列、表格后，可以利用属性面板或右
7、键菜单中的各项命令调整表格结构。提醒：大家也可以利用“页面布局之旅”文件夹里bjcty.html和bgxt.html网页中的微视频学习。活动一：接下来请你参照教材P27-31页内容，完成“回乡味道”网站主页的页面布局。(提示：使用Dreamweaver打开桌面上“回乡味道”文件夹里的index.html网页，进行编辑。)师生交流：通过演示、讨论、阅读教材等形式，针对学生在布局页面中出现的问题及时反馈、纠正。上机实践、自主探究观察、思考、讨论发言、师生交流引导学生采取阅读教材、浏览学习资源网站、优生辅导学困生等多种形式学习了解创建表格、调整表格结构的基本方法及时帮助学生理解知识难点、纠正操作中出
8、现的错误应用拓展15分钟三、布局提升篇尝试不同的形式的页面布局过渡： 看来大家已经了解了利用表格布局网页的方法，那么想想看在你见过的网页里有没有其他的布局形式？活动二：请大家浏览桌面上的“页面布局之旅”文件夹里的jdbj.html网页，了解网络中常见的几种网页布局形式，以三人为小组交流讨论：如何将这些形式应用到对“回乡味道”主页的布局中。然后选择一种形式在new.html网页中布局。展示评价：由小组长推荐本组作品在全班展示，全体同学参与评价。师生交流：这个布局好不好，为什么？如果不好，如何改进？ (提示：使用Dreamweaver打开桌面上“回乡味道”文件夹里的new.html网页，进行编辑。
9、)浏览学习资源网站、小组讨论、上机实践观看、汇报、评价师生交流了解更多的页面布局样式，开阔视野、拓展思路。学生可根据自己的理解设计一个有创意、个性化的布局。激发页面布局的兴趣，培养创新精神。测试反馈3分钟四、测一测： 请打开“利用表格布局网页”测试题，做完题目后点击“提交”按钮。回收并反馈测试结果。完成测试题检测学生学习成果，及时鼓励后进生课堂总结2分钟最后，哪位同学和我们一起分享在这节课里你的收获。引导学生总结本节课所学内容，老师归纳结束语：页面布局的形式可以不同，但需要布局的合理、适合网站的主题和网页设计的意图，有创意的布局会给人耳目一新的感觉。总结本课收获与体会梳理本节课所学知识九、课后反思 在本节课中，学生结合以往编辑表格的知识和对网页鉴赏的经验，通过为“回乡味道”网站的主页页面布局的一系列的学习活动，逐渐掌握了利用表格布局的基本方法。在实施活动二的环节中既要欣赏常见的网页布局形式，又要结合“回乡味道”站点主页的特色设计一个新的布局，由于受到时间的制约，虽然学生不能完美的实现各种不同形式的合理布局，但是已经理解且掌握了一些页面布局的形式及方法。在活动二的评价环节中如果能更多的呈现有代表性、有特色的学生设计的布局，并且鼓励更多的学生参与评价，教学效果会更好。
