第四章 第一节建站规划.docx

第四章 第一节建站规划.docx

《第四章 第一节建站规划.docx》由会员分享，可在线阅读，更多相关《第四章 第一节建站规划.docx（11页珍藏版）》请在冰豆网上搜索。

第四章第一节建站规划

第四单元建设网络家园

第一节建站规划

一、教材分析

⒈教材分析

“建站规化”是由中国地图出版社出版的《网络技术应用（选修3）》第四单元“建设网络家园”第一节的内容，本单元共分五节，包括建站规划、初建网站、网站优化、动态网页、网站的发布与评价五个部分。

本单元旨在引导学生通过小组分工合作的形式，经历从易到难的网站制作全过程，掌握规化及创建网站的基本思路、工作过程。

“建站规划”是整个单元的前导，是进行网页制作的前提，其重点在于创建网站的几个步骤，即网站设计的整体构思。

一方面是让学生了解并掌握网站建设之初——在整体设计规划中需要考虑的问题，如主题、风格、结构、运行环境和开发工具等；另一方面引导学生在研究、分析、全盘考虑的基础上，对建设网站这一工作进行规划和设计。

虽然建站规化只是网站建设前的准备工作，但是对于网站的开发实践来说，网站的规划、设计却是本单元教学的重点，因为规划和设计是制作具体网站的前提。

作为网络技术应用（选修）课要求就是让学生体验完整的建站过程，体会规划的重要性；在这部分内容中，要求动脑思考、理解的内容比较多，要让学生了解网站设计的完整过程，不能急于求成，暂时只要他们能够策划出简单的网站就可以了。

⒉教学对象分析

本案例的对象是高一年级的学生。

通过必修模块和网络选修模块前面单元的学习，大部分学生有了一定的信息技术基础及网络知识，学生上网现象普遍，上网兴趣极高，被各种形形色色的网站所吸引，很想亲手制作自已的网站。

但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟，建设一个网站往往普遍存在着“重制作轻规划”，然后实践证明：

只有规化细致才能保证学生收集网页素材“有的放矢”，进而使后继的网页制作才能“有章可循”。

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

⒊教学目标

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

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

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

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

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

⒋教学重点

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

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

⒌教学难点

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

⒍教学用具

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

7、教学课时：

2课时

二、教学实施

1、教学措施

⑴设置教学环境，确保能够访问因特网和多媒体教学软件的正常运行。

⑵硬件：

多媒体网络电脑教室；软件：

安装MacromediaDreamweaver4、MicrosoftFrontPage等网页制作工具及PHOTOSHOP等图片处理工具。

⑶下载几个不同类型的优秀学生网站放在机房FTP服务器上作为教学参照。

⑷准备好《“我喜爱的网站”分析表》、《主题网站类型及名称参考表》、《小组主题网站栏目设计分工表》和《网站规化分工计划表》放在FTP上，让学生下载填写。

⑸学生分组：

先自由组合，再做适当调整。

以3—5人为一组，采取异质分组的方式。

2、教案

教学过程（2课时）

教学内容

教师活动

学生活动

设计意图

观摩典型案例、导入新课

课前引导学生观摩典型案例，激发学生开发网站的热情，引导学生思考如何开发网站？

介绍开发网站的一般过程。

思考并理解开发网站的一般过程：

规划→设计→实现→发布管理

通过介绍开发网站的过程，让学生明白：

规化网站是开发网站的前提，从而引导学生重视本节课的学习。

领略优秀网站的主题内容及网站名称

带学生演示、观摩“中华傲三峡”和“机器人做学玩”网站，引导学生观察网站的主题及网站的名称。

学生积极观察、领会，理解丰富的网站内容对于一个网站的重要性，一个好的网站名字可以对网站起到化龙点睛的作用。

通过带学生观摩优秀网站，特别是一些优秀的学生网站，使学生认识到选题和取名的重要性，并激发学生自主构建网站的热情。

评析首页的内容及组成

讲解并剖析“中华傲三峡”网站的首页及模块组成：

导航栏、网站LOGO、Bannar、版权和联系方式。

观察并理解首页在网站中所处的地位和作用，了解首页有哪些功能模块。

通过评析首页，教学生如何分析网页的模块组成，为后序的网页版面设计奠定基础。

领略优秀网站的整体风格

引导学生观察网站的标志设计LOGO及Bannar，说明独特的LOGO及Bannar是树立网站个性风格的一个重要途径。

理解网页的主题与LOGO、Bannar间的内在联系。

学生查看常用网站（如网易、搜狐、CCTV、XX）的个性化LOGO设计。

通过本环节的介绍，激发学生的个性展示需求及创新意识，为后面个性化网站的LOGO及Bannar设计打下伏笔。

引导学生观察不同类型网站的色彩搭配、字体设置及图片样式。

以“中华傲三峡”为例强调：

使用一些比较特殊的字体时，最好使用图片的形式。

体验不同网站的色彩个性，带给浏览者不同的视角感觉。

网站的色彩搭配是无声的语言。

此环节教学是激发学生的构建主题网站的创造力。

教师带学生分析“机器人做学玩”网站的版面布局图，说明版面布局结构就是以最适合浏览的方式将图片和文字排列在页面的不同位置。

向学生展示网页布局常见的三种样式：

“口”字型、“厂”字型和“POP”型。

浏览“中华傲三峡”及“机器人做学玩”两个网站的版面布局结构，思考这两个网站的布局的是如何将不同元素巧妙地排列从而让浏览者清楚、容易地理解网页作品所传达的信息。

模仿是初学者提高水平的捷径。

教师将认为设计不错的网页收集起来，引导学生仔细推敲，同时适当提供一地供网页版面设计参考的模板供学生参考。

让学生明白：

设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。

网站的结构（栏目）设计

对比“机器人做学玩”网站，给出相关的一级栏目、二级栏目名称及相关的内容描述。

让学生明白：

栏目实质是一个网站的大纲索引，索引应该将网站的主体一明确显示出来。

学生自主浏览“中华傲三峡”网站，思考该网站的一级栏目、二级栏目及三级栏目是如何设定的？

各栏目如何协作表达网站主题的？

为学生设计自己的网站结构提供一个范例并以此规范学生的设计网站的思路及行为。

网站的交互设计

理解导航栏、网站地图、网站当前位置提示导航的必要性；观察各栏目目录菜单及相应网页的链接。

学生理解：

导航栏及网站地图及大地方便了浏览者浏览网站；而网站“链接”是网站的灵魂，不同类型的链接有着不同的应用场合。

规范导航意识，避免设计出来的网站会让人“迷路”。

告学生链接的设计最好是双向的：

既可以下去，又可以上来。

学生自主浏览优秀学生网站，填写《我喜爱的网站分析表》

教师讲解《我喜爱的网站分析表》的填写要求，引导学生完成表格的填写。

填写《我喜爱的网站分析表》并上交至FTP。

通过完成《我喜爱的网站分析表》，引导学生在赏析的同时学习优秀的网站是如何规化的，进而为分小组合作规化小组主题网站奠定基础。

选择网站开发工具

简单介绍常用的网页制作工具FrontPage、Dreamweaver及PHOTOSHOP、Flash等图片处理工具及动画及制作工具。

学生根据自身的特点选择相关的网站开发工具。

对于网站开发工具不限定学生如何选择，学生可根据自身需要灵活选择。

成立协作小组，填写《网站规化分工计划表》

教师讲解《网站规化分工计划表》的填写注意点。

小组成员参照《主题网站类型及名称参考表》，从网站选题及网站名称入手，通过讨论、协商完成《网站规化分工计划表》。

教师让学生在课前学习《网站规化分工计划表》和《小组主题网站栏目设计分工表》，同时将分组任务完成，尽量采用异质分组，且每组人员在3—5人。

小组成员规化主题网站，填写《小组主题网站栏目设计分工表》

教师讲解引导学生如何填写《小组主题网站栏目设计分工表》。

小组成员讨论被动局完成《小组主题网站栏目设计分工表》的填写。

小组成员在组长的带领下通过填表，学会分工、学会合作、学会网站的规化及设计。

上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》

教师要求以小组为单位上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》。

学生填写完两张表并上交。

以小组为单位上交《网站规化分工计划表》及《小组主题网站栏目设计分工表》便于下节课在课堂上点评。

教学反思：

附件：

“我喜爱的网站”分析表

网站地址

网站类型

网页风格及创意

版面布局

网站主题名称

主色调

标志与字体

设计特色

导航栏的设计

网页元素

超级链接形式

一级栏目名

二级栏目名

三级栏目名

内容描述

网站规化分工计划表

网站主题名称

主题网站名称拼音缩写（建立虚拟目录时使用）

主要内容

选择理由

具体任务

时间安排

负责人

备注

总体规化

（主题制定、栏目设计、网站超级链接）

风格设计

（版面设计、标志设计、模板文件）

收集资料

撰写文稿

网页制作

组长

机号

小组成员及机号

主题网站类型及名称参考表

主题类型

网站名称

活动

校园快车

我们班集体

学校舞蹈队

化学夏令营

观鸟一族

科学

草原馆

星空探秘

热带雨林

奇妙的力

数学天堂

历史

史海泛舟

看春秋

上下五千年

甲午战史

国史探微

音乐

“123”乐符

乡村音乐

天籁回寰

七弦琴沙龙

经典音乐堂

体育

奥运史话

篮球技巧

滑板公园

模型新天地

运动与健康

美术

美术走廊

山水画欣赏

西洋油画集

墨池笔冢

国画欣赏

环保

垃圾反击战

绿色家园

环保阵地

水资源长廊

濒危动物

电脑

素材精品

吉祥动画

仿真天地

动感特区

3D探索者

文学

爱莲书屋

文学长廊

伴月小筑

古诗词欣赏

名言宝录

家乡

客家文化探秘

瑶族风情

中山故居

井岗宝塔

韶山颂

小组主题网站栏目设计分工表

网站名称

组长

所在机号

成员、机号

填表人

网页风格及创意

版面布局

主色调

标志与字体

设计特色

一级栏目

二级栏目

三级栏目

内容描述

负责人

网站规化分工计划表

网站主题名称

北京——2008

主题网站名称拼音缩写（建立虚拟目录时使用）

BJ——2008

主要内容

2008年，北京为举行奥运会的筹划工作及其奥运会安排。

选择理由

这次奥运会可以向世界展示中国的风采。

具体任务

时间安排

负责人

备注

总体规化

（主题制定、栏目设计、网站超级链接）

1—2周

陈驰

风格设计

（版面设计、标志设计、模板文件）

1—2周

马翔

收集资料

1—2周

陈驰马翔

崔璨郭磊

撰写文稿

1—2周

崔璨

网页制作

1—2周

郭磊

组长

陈驰

机号

H6

小组成员及机号

马翔G6

崔璨G5

郭磊H5