筹划班级网站教学8完美版

1、参考教学案例课题名称： 筹划班级网站【教学目标】1知识与技能（1）知道什么是网站的功能定位。（2）学会根据网站功能定位选择网站内容和设计相应栏目。（3）了解版面宽度与显示器分辨率的关系，学会选定版面宽度。（4）了解版面布局常用方式，能够画出版面布局图。（5）能够设计切合网站主题的色彩方案。（6）能够大致拟定网站制作计划。（7）了解网站的一般筹划过程。2过程与方法（1）通过对不同网站的比较，初步懂得发现和学习不同网站的优点。（2）初步懂得围绕网站目标定位，选择网站内容和设计栏目的方法。（3）通过设计网站一、二级网页的版面，体会版面布局和色彩方案设计的 过程。（4）亲历网站制作计划的拟定过程，体会

2、与人合作交流的技巧。（5）经历班级网站的筹划过程，初步懂得简单网站的筹划方法。 3情感态度与价值观（1）培养对网站的鉴赏能力。（2）培养学习和使用信息技术的兴趣和意识。（3）培养团结协作精神，发展合作意识。【教学重点和难点】教学重点 明确主题网站的功能定位，并根据制作目标进行内容结构和版面的设计。教学难点设计网站内容结构和拟定制作计划。【学情分析】初中学生对新事物的好奇心强， 丰富多彩的网站， 各具特色， 很容易激发起 学生创作的欲望，本节提出制作班级网站的任务更能激发学生的学习兴趣。 但是， 受年龄特点和以往学习经历的影响， 学生可能会更希望直接开始学习实际操作而 忽视筹划的重要性。 因此，

3、教师在教学过程中应注意不断渗透任务分析和任务筹 划的必要性， 并通过让学生亲历筹划的过程， 使学生体会筹划的思想和方法。 同 时，由于学生对于网站具体制作过程的分工还没有足够认识、 通过合作的方式完 成一个较大型的制作任务的经验较少，教师在引导学生分工时应注意根据学生实 际情况灵活变通，不要照搬网站制作的一般分工方法，导致岗位分配流于形式。【教学方法】教学组织形式可采用任务驱动的教学方法和观摩、探究与合作的学习方法， 课堂讲授，小组协作学习、教师评价与自我评价相结合。本节课可以采用任务驱动的教学方法，在基于真实情景即建立班级网站为班 级成员提供一个展示与交流的平台的前提下，提出进行网站制作需求

4、分析和筹 划、分工等任务。在此前学生未参与过一个如此完整和大型的作品制作， 因此，给予充分的范 例观摩和引导是十分必要的，教师在给予学生观摩优秀网站时，可以帮助学生讨 论分析并归纳出这些网站之所以能具有吸引力， 其共同点在哪里，对于自己即将 开发的网站有什么可借鉴之处。筹划是创作过程的开始，也是容易被学生所忽略的阶段。教师必须在此给予 学生行之有效的引导，使其明白前期筹划的重要性并进行积极有效的筹划工作。 比如教师可以在事先设计的网站筹划书上以填表形式让学生回答四个问题：我们为什么做？我们可以做什么？我们应当做什么？我们需要怎样做？（该问题可以让学生更具体的回答，如提供创作蓝图）。第1个问题的

5、思考有助于学生解决“网 站的功能定位”，第2、3个问题的思考有助于“拟定设计计划”，第4个问题则有助于“设计内容结构”和“设计版面” 。此外，“网站制作计划表”的制定是否科学合理、具有可操作性直接影响本 章后面整个学习过程是否能按进度进行的重要因素，如果制定不好，计划表只能流于形式，不能起到实际作用。完成本课任务后，安排“讨论交流”环节，教师 对每个小组的计划进行评价和修改，有利于学生对制定计划的思想和方式有更深 的理解，也能保证后面的制作过程顺利开展。【教学媒体及资源】多媒体网络教室、电子教室系统、给学生展示的优秀网站范例、“知识检查表”和“任务进度检查表”的电子表格。教学过程】教 学 环

6、节教师活动学生活动设计意 图情 景 引1、情景引入：如何为班级成员之间提供一个 展示和交流学习生活的平台，实现班级资源 的共享。明确任务和合 作伙伴。提出 贴近学 生学习入 与 任 务 提 出2、任务提出：(1) 本章任务：要求同学们分组各设计一个班级网站， 取后将在所有作品中评比出取佳网站作为本 班的班级网站。(2) 本节任务：进行网站的筹划。生活的 任务情 景与要 求，激 发学生 的创作 热情。任 务 解 决1、观摩网站提供一些优秀的班级网站让学生进行观 摩。引导学生从网站的主题、内容、版面和 技术归纳优秀网站的特点。观摩教师提供 的网站范例，填写 教材表2-1。学生在 观摩优 秀作品 的

7、同时 对网站 的整体 结构有 较深的 感性认 识，借 鉴别人 作品的 优点并 找到自 己网站 的定 位。2、明确功能定位指导学生明确网站制作的总体目标和要 实现的功能。学生在组内讨 论，分析，最终明 确网站功能。沿着 网站筹 划一般 过程， 让学生 逐步解 决网站 制作的 需求分 析工 作，为 下一步3、设计内容结构指导学生阅读教材表2-2和图2-1，引导 学生对网站所要表达的内容进行梳理、筛选 和归类，最终形成自己的网站结构和栏目内 容。学生在老师指 导下仔细阅读教 材，并在组内进行 讨论，根据讨论结 果，把自己的网站 结构和大致栏目内 容填写在教师印发 的“网站筹划书” 中。4、设计版面(

8、1) 选定版面宽度(2) 合理布局版面一个网页的版面通常以屏幕中央最能 引人的注意，屏幕上方紧随其后，屏幕的左 右侧通常放置不太重要或固定信息，附加信 息(如版权信息)一般放在最下方。展示常用布局方式实例：T字型、同字 型和三字型。(3) 设计色彩方案参考教材P22中的拓展知识部分，了解 不同颜色给浏览者的不同感受。注意：不要使用过多的颜色。除了黑色 和白色以外，约选择四到五个颜色就够了。学生观摩优秀 网站范例，认识不 同网页版面布局结 构，颜色搭配，经 组内讨论之后在 “网站筹划书”中 绘制第一、二级网 页的布局草图。工作开 展做好 准备。提供 优秀的 范例给 学生参 考，有 利于学 生得到

9、 启发， 较迅速 的确定 自己的 网站设 计方 案。5、拟定制作计划指导学生进行合理分工、拟定制作计划。小组成员之间 经过讨论协调，确 定彼此的分工任 务，负责人填写“网 站筹划书”中的“网 站制作分工及进度 安排表。6、小组计划评价从可行性和工作分工是否合理等方面对 小组的计划作适当的点评，指导相关小组修 改计划。根据教师的建 议修订计划。保 证后面 的学习 任务得 以顺利 开展。小结1、优秀网站的共同点有包括：容易进入、主 要内容一目了然、内容丰富、更新及时和版面美观。2、着手设计网站前，我们需要明确网站的功 能定位。3、网站内容的选择和栏目设计要围绕网站的 目标定位。4、设计版面主要包括

10、三个方面的工作：选定 版面宽度、合理布局版面和设计色彩方案。5、筹划一个网站，一般需要经历观摩网站、 明确功能疋位、设计内容结构、设计版面和 拟定制作计划等五个过程。填写知识检查 表和任务进度表。帮 助学生 梳理本 课知识 要点。课 外 任 务小组成员分工合作，搜集班级网站所需 资源。为 下节课 的教学 内容作 准备。附1:网站筹划书1、网站名称：2、 小组长：小组成员：3、制作网站前回答的四个问题：A 我们为什么做？（我们设计的这个班级网站是为了展示什么或作什么用？）B 我们可以做什么？C .我们应当做什么？D 我们需要怎样做？写出你们的具体创作蓝图：结构内容（参考教材表2-2）栏目主要内容绘制一、二级网页版面布局草图（用铅笔绘出网站主题、导航、正文、页尾等的大致位置及标注上相应的配色说明）一级网页二级网页附2:知识检查表。一、回顾本课所学的知识，回答下面问题。1优秀网站的共同点有。2、 着手设计网站前，我们需要明确。3、网站内容的选择和栏目设计要围绕网站的4、 设计版面主要包括三个方面的工作： 、5、 筹划一个网站，一般需要经历 、等五个过程。、在本课学习中，你完成的任务有:任务完成情况（完成的打）1、观摩网站，填写表 2-12、与小组成员讨论