41《规划网站及网站设计初步》教师课案.pdf

4.1网站的规划设计

课标（纲要、考纲）要求

网站的概念A级要求

网站的规划与设计B级要求

教学目标

1.知识与技能

（1）理解网站、网页、主页的概念及网站的结构

（2）了解网站建设的前期准备工作，学会如何规划、设计一个网站

2.过程与方法

教师引导与学生自主探究相结合，达到科学、合理地进行网站规划、设计

的目的。

3.情感与价值观

通过亲历规划一个网站的过程，培养学生思考问题的缜密性和科学性。

教学重点、难点

重点：规划、设计一个网站。

难点：科学、合理地进行网站的规划。

课时安排

1课时

教学设计

打开的“学生素材”文件夹，打开其中的“班级主页”文件夹，浏览网页文

件index.htm，理解下面的几个概念。

一、认识网站

1.网站：因特网上具有相似性质、共同内容的一组信息资源。

2.网页：用HTML语言写成的文件。

3.主页：用来表示访问某个网站时出现的第一个页面。文件名通常为

index.htm。

思考：网站、网页、主页之间有什么样的关系呢？

网站是由若干个网页组成的，网页是网站的元素。而主页即网站中的第一个

页面。

4.网站结构包括：

树状结构(如图1)、线性结构(如图2)、网状结构(如图3)

结构如图：

（1）（2）（3）

思考：“网站1”文件夹中的网站属于哪一种网站结构？（树形结构）

二、规划、设计网站

引入：通过本章的学习我们将一起制作一个以“宣传班级”为主题的网站，

本节课我们先来规划、设计一下该网站，希望大家能积极参与讨论，多出好点子。

在规划网站时我们需要对网站的主题、名称、栏目、版面、整体风格等做一

个整体的分析。

提问：那么什么是网站的主题、名称、栏目、版面结构和整体风格呢？我们

先一起来熟悉一下。

教师以素材库中的一个网站为例作简单演示并介绍。

提问：我们将要制作的网站的主题已经确定了，那么哪位同学愿意为我们的

班级网站取一个好听的名字呢？

教师提示：给网站取名时需要注意：

1.要与主题紧密相关

2.要有意义

3.要上口、悦耳、易记

4.注意名称是否合法、合情、合理

学生思考、讨论（教师引导）——确定网站名称。

（学生记录，填写表格）

表格如下：

高一年级网站规划表

高一（）班姓名：小组长：

网站主题网站名称网站栏目版面结构

班级主题网站

提问：接下来，你们觉得我们这个网站需要开设哪些栏目呢？

教师提示：栏目设计时需要注意：

1.要紧扣主题，尽可能删除与主题无关的栏目

2.尽可能将网站最有吸引力的内容列在栏目上

3.尽可能方便访问者的浏览和查询。

学生分组交流讨论，提出较多可选用的网站栏目的名称，请各小组选择其中

的至少六个栏目作为我们后续网站制作的栏目。

（学生记录，填写表格）

引导：我们平时浏览的网页版面非常丰富，大家一起阅读课本P83页，了解

几种常见网页的版面结构（“厂”字型、“口”字型、自由式）

学生分组交流讨论，确定本小组网站的版面结构。

（学生记录，填写表格）

引导并提问：网站能不能从一开始就吸引住访问者跟网站的整体风格关系非

常大，请大家阅读教材84-87页，思考一下网站的整体风格与哪些因素有关呢？

网站的整体风格与网站标志、标准色彩、标准字体密切相关。

请学生浏览素材中“网站风格对比”文件中的三类网站的主页面（政府、学

校、个人），并填写下表：

网站名称网站标志网站类型页面主色