课题名称筹划班级网站

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

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

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

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

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

6、何为班级成员之间提供一个展示和交流学习生活的平台，实现班级资源的共享。2、任务提出：（1）本章任务：要求同学们分组各设计一个班级网站，最后将在所有作品中评比出最佳网站作为本班的班级网站。（2）本节任务：进行网站的筹划。明确任务和合作伙伴。 提出贴近学生学习生活的任务情景与要求，激发学生的创作热情。任务解 决1、观摩网站提供一些优秀的班级网站让学生进行观摩。引导学生从网站的主题、内容、版面和技术归纳优秀网站的特点。观摩教师提供的网站范例，填写教材表2-1。学生在观摩优秀作品的同时对网站的整体结构有较深的感性认识，借鉴别人作品的优点并找到自己网站的定位。2、明确功能定位指导学生明确网站制作的总体目

7、标和要实现的功能。 学生在组内讨论，分析，最终明确网站功能。 沿着网站筹划一般过程，让学生逐步解决网站制作的需求分析工作，为下一步工作开展做好准备。 提供优秀的范例给学生参考，有利于学生得到启发，较迅速的确定自己的网站设计方案。3、设计内容结构指导学生阅读教材表2-2和图2-1，引导学生对网站所要表达的内容进行梳理、筛选和归类，最终形成自己的网站结构和栏目内容。 学生在老师指导下仔细阅读教材，并在组内进行讨论，根据讨论结果，把自己的网站结构和大致栏目内容填写在教师印发的“网站筹划书”中。4、设计版面（1）选定版面宽度（2）合理布局版面 一个网页的版面通常以屏幕中央最能引人的注意，屏幕上方紧随其

8、后，屏幕的左右侧通常放置不太重要或固定信息，附加信息（如版权信息）一般放在最下方。展示常用布局方式实例：t字型、同字型和三字型。（3）设计色彩方案 参考教材p22中的拓展知识部分，了解不同颜色给浏览者的不同感受。 注意：不要使用过多的颜色。除了黑色和白色以外，约选择四到五个颜色就够了。学生观摩优秀网站范例，认识不同网页版面布局结构，颜色搭配，经组内讨论之后在“网站筹划书”中绘制第一、二级网页的布局草图。5、拟定制作计划指导学生进行合理分工、拟定制作计划。小组成员之间经过讨论协调，确定彼此的分工任务，负责人填写“网站筹划书”中的“网站制作分工及进度安排表。6、小组计划评价 从可行性和工作分工是否

9、合理等方面对小组的计划作适当的点评，指导相关小组修改计划。根据教师的建议修订计划。保证后面的学习任务得以顺利开展。小结1、优秀网站的共同点有包括：容易进入、主要内容一目了然、内容丰富、更新及时和版面美观。2、着手设计网站前，我们需要明确网站的功能定位。3、网站内容的选择和栏目设计要围绕网站的目标定位。4、设计版面主要包括三个方面的工作：选定版面宽度、合理布局版面和设计色彩方案。5、筹划一个网站，一般需要经历观摩网站、明确功能定位、设计内容结构、设计版面和拟定制作计划等五个过程。填写知识检查表和任务进度表。帮助学生梳理本课知识要点。课外任务 小组成员分工合作，搜集班级网站所需资源。为下节课的教学

10、内容作准备。附1：网站筹划书1、网站名称：_2、小组长： 小组成员：3、制作网站前回答的四个问题：a我们为什么做？（我们设计的这个班级网站是为了展示什么或作什么用？）_b我们可以做什么？_c我们应当做什么？_d我们需要怎样做？_写出你们的具体创作蓝图：结构内容（参考教材表2-2）栏目主要内容 绘制一、二级网页版面布局草图（用铅笔绘出网站主题、导航、正文、页尾等的大致位置及标注上相应的配色说明）一级网页二级网页4、根据3中对b、c两个问题的回答和网站制作的具体流程，拟定你们的网站制作分工。搜集网站资源（负责人： ）创建网站站点（负责人： ）网页页面制作网站首页（负责人： ）栏目一网页（负责人：

11、）栏目二网页（负责人： ）栏目三网页（负责人： ）栏目四网页（负责人： ）发布网站内容检查（负责人： ）运行测试（负责人： ）发布站点（负责人： ）站点维护（负责人： ）附2：知识检查表。一、回顾本课所学的知识，回答下面问题。1、优秀网站的共同点有 。2、着手设计网站前，我们需要明确 。3、网站内容的选择和栏目设计要围绕网站的 。4、设计版面主要包括三个方面的工作： 、 、 。5、筹划一个网站，一般需要经历 、 、 、 、 等五个过程。二、在本课学习中，你完成的任务有：任务完成情况（完成的打“”）1、观摩网站，填写表2-12、与小组成员讨论，确定网站定位3、画网站的网页结构图4、画版面设计图5、设计色彩搭配方案6、与小组成员共同制定制作计划附3：网站进度检查表具体完成任务完成情况（完成打“”）参与组员（在