4.2网站设计 教学设计 2023—2024学年教科版高中信息技术选修 3

4.2网站设计 一、教材分析 《网站设计》是教育科学出版社《网络技术应用》第四章第二节的内容，本节主要是网站建设的关键步骤应使在学生认识到在网站建设中设计的重要性。本节课主要任务是让学生了解网站设计的几个环节，并设计自己的网站。为了让学生能够学以致用，本节课在知识点讲解完后，设计了活动实践环节，以小组为单位，各个小组成员共同探讨确定各自小组的网站主题，网站名称以及网站主要栏目。学以致用才能让学生真正理解网站的设计过程。 二、学情分析 通过上节课的学习，学生已经知道了网站的概念，通过上节课分小组进行网站的规划，已经明确了一个网站的需求和主题，确定了网站制作工具，这节课则是在学生已经准备的基础上，对自己小组的网站做进一步的设计，包括栏目的设置以及版面设计，确定风格，这些属于线下的实践活动，学生不需要太多专业的知识准备，最后是收集素材，这属于线上活动，需要学生具备一些快速筛选检索结果，得到自己的需要的素材的能力。鉴于此，小组合作是最好的选择，降低学生的操作难度。 三、教学目标 1.知识与技能： 让学生了解网站建设中栏目设置与版面设计的重要性；让学生体验网站建设的具体事务，使学生学会设计、构思一个网站。 2.过程与方法： 通过自主、独立、合作的学习过程，增加了学生间的沟通和交流，提高口头交际能力。 3.情感态度与价值观： 通过对一些问题的讨论、探究、交流，提高学生分析问题、解决问题、个性化创造的能力，提升审美观。 四、教学重难点 重点：让学生了解了解栏目设置与版面设计的重要性 难点：依据主题，设计网站的栏目和结构 五、教学法设计 小组合作、实践练习、反思总结。 六、教学过程 教学 环节 教师活动 学生活动 教学媒体资源 设计意图 情景 引入 我们经常会被一些内容丰富、创意新颖、设计独特的网站所吸引，下面我们一起欣赏几张网页，并思考：这些网页做得怎么样？ 思考问题：请同学们回忆出黑板报的一般过程。 学生阅览事先准备好的优秀的好的网页。欣赏，交流 回答。 思考问题并回答。 多媒体设备 引起注意，激发学习兴趣 自主 学习 一、网站设计的一般过程 总结：在制作网页前，同样需要对整个网站进行设计。 听完学生的讲解后，课件展示网站设计的一般过程介绍：  1、确定主题 2、栏目设置 3、版面设计 4、树立网站整体风格 5、素材的收集与整理 自主阅读可本，总结网站设计的一般过程，并在文中勾画出来。 抽几位学生展示自己的学习成果。 多媒体设备。 理论上的知识，学生自己能看得懂，教师只需引导学生把课本知识学习即可。 自主 学习 问题 探究 二、栏目设置 （1）什么是栏目，它在网站设计中的作用是什么？ （2）网站栏目安排要注意哪些问题？ 课件展示： 栏目设置注意的问题： 1）要紧扣主题，尽可能删除与主题无关的栏目； 2）尽可能将网站最有吸引力的内容列到栏目中； 3）尽可能方便访问者的浏览和查询。 2、欣赏 例1【课件展示】“为了绿色”网站的栏目设置 例2【课件展示】“我们的家园——地球”网站的栏目设置 学生阅读教材P81并思考给出的问题。 多媒体设备，ppt。 通过复习加深学学生对网页的印象，为网页制作奠定基础。 实践 探究 三、实践探究主题：网站设计 （事先会给出任务单） 以小组合作的形式进行本项实践体验活动。 小组中的每位同学经过讨论、交流，填写以下内容  1、网站主题：  2、网站名称：  3、网站主要栏目：  栏目名称 本栏目主要内容 要求：  1、主题明确，内容健康向上，能科学、完整地表达主题思想  2、栏目设置能紧扣主题，切合作者的学习和生活实际  3、主题表达形式新颖、直接  以小组合作的形式进行本项实践体验活动。根据以前所选择的主题，小组中的每位同学经过讨论、交流，填写表格内容。  多媒体设备（提供练习学案） 培养学生实践探究、合作学习的能力。 自主 学习 四、版面设计 【过渡】我们网站的主题，栏目确定后， 内容也就确定了，每部分的内容应该 放在网页的什么位置呢？ 这就涉及到网站的版面布局这个问 题了。 提出问题： （1）版面设计需要考虑哪些因素？ （2）版面布局可按哪三个步骤来进行？ （教师补充总结）网页布局三步骤：创意草案、粗略布局、最后定案。 2、（课件展示）给学生欣赏几种常见的页面布局样式 （1）“厂”字型 （2）“口”字型 （3）自由式，又称POP布局 3、学生完成“网站设计活动任务单”中的第四项。 自主学习生阅读教材P83-84，并思考提出的问题。 回答自己的学习成果。 欣赏页面，体会几种常见的版面布局样式各自的优缺点。感受三中布