选修3 网络技术应用《第四单元 建设网络家园 第一节 建站规划 》优秀教案

选修3 网络技术应用《第四单元 建设网络家园 第一节 建站规划 》优秀教案

虽然建站规化只是网站建设前的准备工作，但是对于网站的开发实践来说，网站的规划、设计却是本单元教学的重点，因为规划和设计是制作具体网站的前提。作为网络技术应用（选修）课要求就是让学生体验完整的建站过程，体会规划的重要性；在这部分内容中，要求动脑思考、理解的内容比较多，要让学生了解网站设计的完整过程，不能急于求成，暂时只要他们能够策划出简单的网站就可以了。

⒉教学对象分析

本案例的对象是高一年级的学生。通过必修模块和网络选修模块前面单元的学习，大部分学生有了一定的信息技术基础及网络知识，学生上网现象普遍，上网兴趣极高，被各种形形色色的网站所吸引，很想亲手制作自已的网站。但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟，建设一个网站往往普遍存在着“重制作轻规划”，然后实践证明：只有规化细致才能保证学生收集网页素材“有的放矢”，进而使后继的网页制作才能“有章可循”。

教材在本节虽然从确定网站主题、设计网站风格、规化网站结构和了解网站运行环境及选择网站开发工具五个方面进行了简单阐述，同时对网站风格的介绍也从标志、主色调、文字效果及版面设计四个层面进行相关描述，但相对高一学生而言显得有些抽象；而对网站风格的理解需要学生多看实例、多多观察、多多比较、多多思考，才能真正理解网站独特风格是标志、色调、文字及版面多个层面共同作用的结果，进而在规化自己的网站、设计网站风格时才会主动地从标志、色调、文字及版面这几个层面进行全盘考虑，从而将网站的规化及设计落到实处。

⒊教学目标

⑴ 了解开发网站的一般过程。

⑵ 理解网站规化对于建设一个网站的重要性以及在建设网站中的作用。

⑶ 通过对案例网站的观摩与赏析，学习规划网站的相关知识。

⑷ 运用系列化的《“我喜爱的网站”分析表》、《小组主题网站栏目设计分工表》和《网站规化分工计划表》三个表格启发并引领学生如何规化网站，提高学生分析能力、探究能力和组织能力。

⑸ 通过对小组主题网站的规化，激发学生的创新意识和“与人合作”意识、促进学生的个性化发展。

⒋教学重点

⑴ 优秀学生网站的观摩、赏析。

⑵ 小组成员协作规化主题网站、制定网站分工计划表。

⒌教学难点

小组成员协作确定恰当的网站主题并制定出切实可行的网站分工计划表及栏目设计分工表。

⒍教学用具

大屏幕液晶投影仪、多媒体网络电脑教室

教学过程（2课时） 教学内容 教师活动 学生活动 设计意图 观摩典型案例、导入新课 课前引导学生观摩典型案例，激发学生开发网站的热情，引导学生思考如何开发网站？介绍开发网站的一般过程。 思考并理解开发网站的一般过程：规划→设计→实现→发布管理 通过介绍开发网站的过程，让学生明白：规化网站是开发网站的前提，从而引导学生重视本节课的学习。 领略优秀网站的主题内容及网站名称 带学生演示、观摩 “中华傲三峡”和“机器人做学玩”网站，引导学生观察网站的主题及网站的名称。 学生积极观察、领会，理解丰富的网站内容对于一个网站的重要性，一个好的网站名字可以对网站起到化龙点睛的作用。 通过带学生观摩优秀网站，特别是一些优秀的学生网站，使学生认识到选题和取名的重要性，并激发学生自主构建网站的热情。 评析首页的内容及组成 讲解并剖析“中华傲三峡”网站的首页及模块组成：导航栏、网站LOGO、Bannar、版权和联系方式。 观察并理解首页在网站中所处的地位和作用，了解首页有哪些功能模块。 通过评析首页，教学生如何分析网页的模块组成，为后序的网页版面设计奠定基础。 领略优秀网站的整体风格 引导学生观察网站的标志设计LOGO及Bannar，说明独特的LOGO及Bannar是树立网站个性风格的一个重要途径。理解网页的主题与LOGO、Bannar间的内在联系。 学生查看常用网站（如网易、搜狐、CCTV、百度）的个性化LOGO设计。 通过本环节的介绍，激发学生的个性展示需求及创新意识，为后面个性化网站的LOGO及Bannar设计打下伏笔。 引导学生观察不同类型网站的色彩搭配、字体设置及图片样式。以“中华傲三峡”为例强调：使用一些比较特殊的字体时，最好使用图片的形式。 体验不同网站的色彩个性，带给浏览者不同的视角感觉。 网站的色彩搭配是无声的语言。此环节教学是激发学生的构建主题网站的创造力。 教师带学生分析“机器人做学玩”网站的版面布局图，说明版面布局结构就是以最适合浏览的方式将图片和文字排列在页面的不同位置。

向学生展示网页布局常见的三种样式： “口”字型、“厂”字型和“POP”型。 浏览“中华傲三峡”及“机器人做学玩”两个网站的版面布局结构，思考这两个网站的布局的是如何将不同元素巧妙地排列从而让浏览者清楚、容易地理解网页作品所传达的信息。 模仿是初学者提高水平的捷径。教师将认为设计不错的网页收集起来，引导学生仔细推敲，同时适当提供一地供网页版面设计参考的模板供学生参考。让学生明白：设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 网站的结构（栏目）设计 对比“机器人做学玩”网站，给出相关的一级栏目、二级栏目名称及相关的内容描述。让学生明白：栏目实质是一个网站的大纲索引，索引应该将网站的主体一明确显示出来。 学生自主浏览“中华傲三峡”网站，思考该网站的一级栏目、二级栏目及三级栏目是如何设定的？各栏目如何协作表达网站主题的？ 为学生设计自己的网站结构提供一个范例并以此规范学生的设计网站的思路及行为。 网站的交互设计 理解导航栏、网站地图、网站当前位置提示导航的必要性；观察各栏目目录菜单及相应网页的链接。 学生理解：导航栏及网站地图及大地方便了浏览者浏览网站；而网站“链接”是网站的灵魂，不同类型的链接有着不同的应用场合。 规范导航意识，避免设计出来的网站会让人 “迷路”。告学生链接的设计最好是双向的：既可以下去，又可以上来。 学生自主浏览优秀学生网站，填写《我喜爱的网站分析表》 教师讲解《我喜爱的网站分析表》的填写要求，引导学生完成表格的填写。 填写《我喜爱的网站分析表》并上交至FTP。 通过完成《我喜爱的网站分析表》，引导学生在赏析的同时学习优秀的网站是如何规化的，进而为分小组合作规化小组主题网站奠定基础。 选择网站开发工具 简单介绍常用的网页制作工具FrontPage、Dreamweaver及PHOTOSHOP、Flash等图片处理工具及动画及制作工具。 学生根据自身的特点选择相关的网站开发工具。 对于网站开发工具不限定学生如何选择，学生可根据自身需要灵活选择。 成立协作小组，填写《网站规化分工计划表》 教师讲解《网站规化分工计划表》的填写注意点。 小组成员参照《主题网站类型及名称参考表》，从网站选题及网站名称入手，通过讨论、协商完成《网站规化分工计划表》。 教师让学生在课前学习《网站规化分工计划表》和《小组主题网站栏目设计分工表》，同时将分组任务完成，尽量采用异质分组，且每组人员在3—5人。 小组成员规化主题网站，填写《小组主题网站栏目设计分工表》 教师讲解引导学生如何填写《小组主题网站栏目设计分工表》。 小组成员讨论被动局完成《小组主题网站栏目设计分工表》的填写。 小组成员在组长的带领下通过填表，学会分工、学会合作、学会网站的规化及设计。 上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》 教师要求以小组为单位上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》。 学生填写完两张表并上交。 以小组为单位上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》便于下节课在课堂上点评。

PAGE

PAGE 1