第12课 规划与设计网站
一、教学目标
知识与技能：了解网站的作用及网站建设的一般过程，学会规划网站。
过程与方法：通过学习，使学生了解网站设计需要有明确的主题，掌握网站设计的一般过程，培养学生整体设计、规划网站的思想和方法。
情感、态度与价值观：通过网站设计培养学生通过整体规划、分步实施来解决问题的思想，使学生体验成功的快乐和创意的美感，增强相互之间协作学习和交流的能力。
创新与行为：通过探究与实践活动，给学生自主创作的空间，激发学生的创新意识，提高创新能力。
二、教学重点和难点
重点：网站规划的要点
难点：网站规划的一般过程
三、教学设计说明
随着网络技术的日益发展，人们已经不再满足于在网上漫游和获取信息，很多人希望自己能够制作网页并在网上发布信息、交流信息。为了让我们的学生能够适应时代的潮流，掌握网站制作的基本技能是非常重要的。
在现实生活中，许多同学已经学会了上网，但是同学们更多的是对网站的内容感兴趣，而对网站的制作思考的不多，本节课主要让同学们学会规划网站。在本课教学的开始，以老师通过网络了解滨海，引出网络的话题，通过对一些典型网站的介绍激发学生的兴趣。再通过对“鄱阳湖里探白鹤”网站的分析，引导学生了解网站制作的一般过程。由“鸟巢”设计方案的诞生历程进行类比，让学生充分认识到网站规划的重要性。在师生共同完成“动物——人类的朋友”网站后，让同学们自己完成“滨海特产——何首乌”网站的规划，在对部分规划方案评测的过程中，将本节课的气氛推向高潮，让同学们从中体验到规划的网站过程。
四、教学过程
（一）巧设情境，引入课题
师：上课，同学们好！今天在座的有好多老师都是第一次来到滨海，同学们能否给老师们介绍一种最能代表咱们滨海的特产，大家可以相互交流一下。
生：何首乌。
师：来滨海之前我通过网络了解到滨海是全国著名的何首乌之乡，听了同学们的介绍确实如此。老师可以通过网络了解滨海，同学们上过网吗？都喜欢浏览哪些网站？
生：百度、谷歌、新浪、网易、搜狐、腾讯、QQ空间、滨海一中网站……大家比较熟悉，经常访问的网站。
（学生回答的时候，老师打开部分相应网站并作简要介绍）
师：看来同学们对上网非常的感兴趣，下面我们一起来进一步探究网站的相关知识。
设计意图：由老师通过网络了解滨海，自然地引出上网的话题。在和同学们交流的过程中让学生对网站有了一个感性的认识。通过对部分网站的介绍，让学生体会到网站的功能，激发学生进一步学习的兴趣。
（二）网站建设的一般过程
师：下面请大家先来浏览一个网站——鄱阳湖里探白鹤。在浏览的同时请大家思考这样一个问题：
从这个网站中，同学们能够了解到哪些方面的知识？
（请打开桌面上 鄱阳湖里探白鹤 快捷方式）
生：浏览该网站之后我们对白鹤这种国家一级保护动物、国际濒危物种有了一个全面的了解，通过对鄱阳湖水文、气候、土壤、植被的研究，我们了解了白鹤不远千里到鄱阳湖越冬的原因，作者呼吁更多的人加入到保护白鹤及白鹤的栖息地的行列中来。
师：大家说这个网站做的漂亮吗？想不想自己也能够做个这样的网站？
生：漂亮，非常的想。
师：同学们对制作网站非常感兴趣，大家觉得制作这样的网站需要做哪些工作？大致要经过经历哪几步呢？在回答问题之前我想和同学们先一起来了解一下我校“求索楼”是如何建筑起来的：首先，根据建筑物的功能，设计图纸；其次，准备建筑材料；第三步，建筑施工；第四步，装修；最后才能交付使用。同学们能从中得到一点启示吗？请大家相互探讨一下刚才的问题。
生：以互助小组的形式进行探讨……
师：请学生谈谈讨论的结果……(确定主题，收集资料，制作，编辑调试，网上发布)
总结归纳出网站建设的一般过程：
(1)整体策划：明确网站建立的目的，以及需要展示的主题，并大致规划所要展示的内容、功能及表现形式。
(2)收集资料：根据展示的内容，收集所需要的文字、图片、声音、动画等多媒体信息。
(3)制作：运用相关软件处理文字、图片、声音等多媒体信息，制作网页。
(4)编辑调试：编辑各个页面，使整体网站的颜色、内容、风格等和谐，并测试网站链接的流畅性。
(5)网站发布与维护：将设计好的网站发布到因特网上，可使访问者浏览该网站。同时，不断完善网站功能、更新网页信息。
设计意图：通过对“鄱阳湖里探白鹤”网站的分析，引导学生对该网站制作的过程进行思考？在学生相互探讨后，老师引导学生说出网站建设过程中的几个关键点，最后作总结归纳，让学生认识到网站建设的一般过程。
（三）网站规划的要点
师：通过探讨，我们发现制作网站一般都需要经过上述过程。因特网上的网站许许多多，我们又如何才能够让我们制作的网站在这众多网站中脱颖而出呢？
我们先来看一段关于国家体育场鸟巢的视频——播放视频。
再来看一下“鸟巢”设计方案的诞生历程：
2002年3月31日国家体育场面向全球公开征集规划设计方案
2002年7月2日收到89个规划设计方案
2002年10月举行国家体育场建筑概念设计方案国际竞赛
2003年1月至2月确定5名国家体育场项目合格申请人进入招标第二阶段。
2003年3月19－25日评审委员会投票“鸟巢”方案压倒性优势胜出。
师：通过对国家体育场规划历程的了解，大家觉得鸟巢为什么能从众多建筑中脱颖而出成为北京市奥运会甚至北京市的标志性建筑呢？
生：它的规划设计方案是从众多方案中精心评选出来的，是由国际知名设计师参与设计的，它的结构科学简洁、设计新颖独特。
师：标志性的建筑需要精妙的规划设计，优秀的网站也是如此。我们在建设网站之前首先要进行认真、科学的总体规划，网站规划需要完成以下任务：
(1)明确建设网站的目的；
（“鄱阳湖里探白鹤”——让人们了解白鹤到鄱阳湖来越冬的原因，呼吁人们保护白鹤及白鹤的栖息环境。）
(2)进行可行性分析：网站建设需要花费多少时间、精力、人力，性价比是否合理；
（“鄱阳湖里探白鹤”——为了制作该网站，作者曾经用了近8个月的课余时间，撰写提纲，收集素材和实地调查采访。为了掌握第一手资料完成这个作品，作者三进鄱阳湖，采标本，观白鹤，采访60余人次专业人员，进行问卷调查等等。）
(3)网站内容设计：根据网站建设的目的，分析浏览者的需求，确定网站的内容；
（“鄱阳湖里探白鹤”——作者为了让浏览者探明白鹤到鄱阳湖越冬的原因，呼吁更多的人来保护白鹤、保护环境，设计了三进鄱阳湖、白鹤与水文、白鹤与气候、白鹤与土壤、白鹤与植被、白鹤的保护等栏目。）
(4)网站的表现形式设计：主要指网页的版面布局设置，网站的标志、网站的图文排版等。
（“鄱阳湖里探白鹤”——网页的整体布局及背景图的选择比较适合该网站的主题，网站的标志也设计的很有特色，图文排版的也很好。网站的表现形式设计其实对一个网站能否吸引更多的人来关注它非常的重要，大家熟悉的新浪、腾讯等网站都设计的很有特色。）
师：要想制作一个好的网站，完成好上述规划任务是非常必要的。下面请同学们从“推荐网站”文件夹中选择一个你比较喜欢的网站浏览一下，在浏览的过程中请思考下列问题：
①这些网站建站的目的是什么？
（给少年儿童提供一个健康的学习、娱乐的平台）
②网站的内容是否是同学们喜欢的、关心的话题？整体版面布局设置是否适合青少年？
（内容都是青少年比较喜欢的，非常的适合，）
③说出你喜欢这个网站的哪些方面及喜欢的理由？
（内容、风格、整体布局、网站标志……）
师：从同学们刚才的回答中我们可以看出这些网站之所以能够让大家喜欢，是因为它的规划的几个要点完成的非常的好，所以同学们在接下来规划网站的过程中要尽可能把这些任务完成好。
设计意图：由“鸟巢”设计方案的诞生历程进行类比，让学生充分认识到网站规划的重要性。在具体阐述了网站规划的任务后，让学生带着问题浏览网站，在思考问题的过程中进一步体会网站规划的要点。
（四）规划网站
师：为了呼吁人们关心自然、关心动物，我们大家一起来设计一个主题为“动物——人类的朋友”网站。
1、网站建设的目的：呼吁人们关心自然、关心动物。
2、网站的主题：动物——人类的朋友。
3、网站的内容：首先要让浏览者了解建立该网站的目的；其次，可以介绍一些动物；第三，介绍一些人与动物相关的内容；第四，宣传一些动物保护方面的知识；最后，给关心动物的人介绍更多的学习的地方。
网站的栏目及主要内容设计如下：
栏目名
主　要　内　容

首页
展示网站宗旨和公益广告

多彩的生物
介绍一些动物的生活习性

人与动物
介绍人与动物息息相关的内容

动物保护知多少
网上知识问答，具有交互功能

走进动物世界
链接更多的相关网站，让访问者了解更多人与动物方面的知识


师：通过我们大家共同的努力，我们已经完成了“动物——人类的朋友”网站的规划。记得刚开始同学们给老师们介绍了滨海特产——何首乌，为了让外界更好的了解滨海的何首乌，想请同学们设计一个“滨海特产——何首乌”网站。
下面请大家以小组的形式进行探讨，每个小组规划出一个方案,最终我们将从中选出一个最好的作为该网站的建设方案。
生：小组讨论，组长定稿。
网 站 规 划 评 比 细 则

具体指标
标准
得分

网站建设的目的是否明确
15


网站的主题是否鲜明
15


网站的栏目设置是否紧扣主题，符合网站建设的目的
30


网站的内容介绍的是否全面，能否符合浏览需求
20


网站的表现形式设计的是否美观
20


师：通过刚才一阵激烈的评比，最终**组的规划方案脱颖而出，恭喜他们，对他们表示祝贺，大家还可以对他们的方案提出一些建议，在融合了全班同学的智慧后我们的网站规划方案就要诞生了。今天课后请同学们根据刚才的规划去搜集相关的素材，下次课我们继续完成该网站的制作。
设计意图：师生共同完成课本范例网站的规划，让学生觉得自己也能够规划网站，在学生有了足够的自信心后让学生分组讨论完成指定网站的规划任务。为了活跃课堂的气氛，把本节课推向高潮，设计了对部分规划方案进行评分的细节，让学生在评的过程中体验到规划网站的过程，而不是由教师“强加”给他的规划过程，理解的更深刻。
五、归纳总结，内化升华
师：在完成了“滨海特产——何首乌”网站的规划后，同学们觉得要让网站能够运转起来，我们还需要完成哪些工作？
生：收集资料、制作、编辑调试、发布与维护。
师：为了能够将网站制作的更好，同学们重点要做好哪些任务呢？
生：①明确网站建设的目的——对外介绍滨海的何首乌；②精选规划网站的栏目，搜集相关的素材；③在表现形式上制作的尽可能完美。
师：相信同学们有了今天好的开头，将来“滨海特产——何首乌”网站一定会完成的非常漂亮。
设计意图：在亲历过网站规划之后，师生共同归纳网站建设的一般过程及网站规划的要点，对本节课的内容进一步内化升华。