高中信息技术_网页的文件结构与设计教学设计学情分析教材分析课后反思.doc

网页的文件结构与设计 教学设计 一、观察思考 老师给定一部分网址，学生上网观察不同网站的网页的元素、栏目、布局等内容。 二、思考交流 1、网页中常见的栏目有哪些？ 2、网页版面主要有哪几种基本布局？ 3、网页、主页、网站之间的联系与区别。 三、实践操作 设计并制作一个静态网页 四、作品展示与思考 1、把部分学生的作品展示给所有同学。 2、思考：为什么有的同学作品看起来让人感觉更舒服？ 五、内容拓展 良好网页设计的几条基本规则： 1、规划网页布局，让网页简约并且完整。 一个布局、风格具有简约美，同时又能提供大量有价值信息的网站必定受用户欢迎。 2、文本内容。 ①文本不能太宽，横跨屏幕宽度的文本让人难以阅读； ②太长的文本，容易让人失去阅读兴趣，把长的内容分成几个小主题或分页 ③文本的颜色与背景颜色要相反，这样文本显的更清楚。 3、留白和信息同样重要。 留白也是设计的一部分，那些不使用的空间也能发挥其作用。从用户的角度来说，留白很好，让布局更有条理，信息更清晰。 4、用户往往缺乏耐心 用户的时间宝贵，他们缺乏耐心。如果你不能提供便捷的信息，那么他们会选择离开，进而寻找其他网站来谋求信息。 六、课堂小结 通过本节课学习，了解了网页栏目的构成、网页的布局、以及良好网页设计的基本规则。设计并制作了一个静态网页，为下一步网站的制作打下了良好的基础。 七、作业 课后收集个人素材，为个人网站的制作做准备。 网页的文件结构与设计 学情分析 一个网页是一个用超文本标记语言编写的文件，利用“链接的方法”将一系列的网页相互链接起来，便形成一个网站。网页和网站既可以在不联网的计算机上被本地用户浏览，也可以通过网络被远程用户浏览。所以，随着网络应用的普及，网页已经成为重的信息表达手段之一。 通过对网页的文件结构及支持技术的学习，了解网页、主页、网站的基本概念以及它们之间的关系，设计并制作简单的网页等内容是本节的重点。 通过对本节的学习，为下一章《网站的设计与制作》的学习提供知识与技能的准备。 网页的文件结构与设计 效果分析 本节课利用 “任务驱动”教学模式，以学生为主体，教师为主导，使在学生原有知识和技能的基础上，通过以预设问题为开始，实践操作，分析、归纳、总结为过程，师生共究，交换信息，最终达成构建学生新的认知结构和培养创新能力的目的。 本节课在教学的开始，通过观察清华大学、北京大学的学校网站，了解网页的构成，能充分调动学生学习积极性和主动性。 在操作实践过程中利用网站的形式，使学生易于学习、操作简便，并统一展示学生的作品。培养学生的科学探究能力、自主学习能力、实践能力以及解决问题的能力新课程目标。达到本节课的预期目标。 网页的文件结构与设计 教材分析 一个网页是一个用超文本标记语言编写的文件，利用“链接的方法”将一系列的网页相互链接起来，便形成一个网站。网页和网站既可以在不联网的计算机上被本地用户浏览，也可以通过网络被远程用户浏览。所以，随着网络应用的普及，网页已经成为重的信息表达手段之一。 通过对网页的文件结构及支持技术的学习，了解网页、主页、网站的基本概念以及它们之间的关系，使用合适的工具制作简单的网页等内容是本节的重点。 通过对本节的学习，为下一节《网站的设计与制作》的学习提供知识与技能的准备。 网页的文件结构与设计 实践操作 实验名称：设计并制作静态网页 网页主题： ①美丽的青岛后花园——莱西 ②节约用水，从点滴做起 具体任务： ①网页标题以所给的主题命名； ②内容根据给定的素材，布局、格式不限； ③根据需要可自行增加或删减素材。 ④网页以“index.htm”命名保存到素材文件夹中。如果设计了多个网页，则主页以“index.htm”命名，其它网页命名不限，主页与其它网页用超链接相互连，所有网页均保存在素材文件夹中。 ⑤网页设计完成后把整个素材文件夹打包上传。 网页的文件结构与设计 课后反思 整个教学过程突出学生的主体作用，使他们在积极参与、主动思考、实践操作、合作交流的过程中实现教学目标的有效达成。 每堂课的设计我们不仅要备教法、备教材，更要备学生，这堂课从设计上来说，也有不足。课堂中发现，操作实践任务时间太长，部分学生感觉没事做，操作效率较低。 因此，把任务分解、要求细化，并发挥出小组合作竞争学习的独特魅力，体现学生的主体地位，师生互动效果会更好，更加容易调动学生的合作意识、明确合作目的，以达到更好的学习效果。 网页的文件结构与设计 课标分析 （一）知识与技能： 1、了解网页、主页、网站的基本概念以及它们之间的关系。 2、知道网页的基本构成，设计并制作一个静态网页。 （二）情感态度与价值观： 1、充分发挥学生的自主性，引导学生主动发现问题，合作交流问题，构建良