网站的规划与设计

一、教学目标：

知识和技能目标：学习如何进行网站规划及网站设计

过程和方法目标：培养学生分析、解决问题，自主探索学习的能力

情感和态度目标：通过完成实践活动，激发学生对信息技术学习与应用的浓厚兴趣，培养学生正确选择、运用信息技术收集、交流信息的能力，能够利用因特网为我们的学习、生活服务。 

教学重点、难点： 网页设计中的页面表格布局的设计

教学手段：网络广播交互式

教学环境：多媒体网络教室

教学过程：

一、巧妙设问，引入新课 

    问题 1 ：现在我们来做个现场调查，在同学们当中，有没有同学没有做过网页？

1、网站的规划

一、开发网站的基本过程

网站的规划-->网站的设计-->网页的制作-->网站的发布与管理-->网站的评价

二、网站主题的确定

网站的规划从选择网站的主题开始。

网站的选题就是要根据网站的开发目标和访问网站的用户群确立网站的主题，并给网站起一个简练响亮的名字。

请每个同学确定自已的网站主题，参考课本P95页，表4-2。

三、网站运行环境的确定

学校的校园网提供了高带宽、平稳的网站运行环境，为同学们提供存放网站的磁盘空间。

提交网站与访问网页的方法：

提交：机房提供的FTP服务器 ftp://10.105.5.53 或　ftp://10.105.5.253 的个人空间

访问：http://10.105.5.53或10.105.5.253/space/个人空间账号/文件名

四、网页制作工具的选择

每种网页制作工具均有优缺点，我们采用Frontpage来作为网页设计制作工具。我们可以配合photoshop、fireworks等图像处理软件，制作出精美的网页。

2、网站的设计

网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。

一、网站的结构设计

在动手制作一个网站前，应该构思好网站的结构图，做到层次清晰。如课本P100页，图4-5就是“虎门销烟启思录”网站的结构图。

二、网页的版面设计

1、风格设计

风格是指网站的整体形象给浏览者的综合感受。或严肃庄重，或清爽温馨，或深沉厚重，或生动活泼，或古朴典雅，或豪迈奔放。风格的设计与主题是密不可分的，是为突出主题服务的。

2、版面布局设计

版面布局设计就是指要呈现的内容在网页中的位置安排，一般都是用表格进行版面布局设计的。如下面为“虎门销烟启思录”网站的版面布局。

网页的交互设计也就是导航栏的设计、超链接的设计。导航栏设计的目的就是将零散的网页串成一个整体从而形成网站，用户在浏览网站时可根据所需进行选择浏览，自由地在各网页间跳转。

课堂任务：

1、每个同学构思自己要建立的网站主题及网站结构组成，以“文本文件”的形式形成结果并提交。　范例---->>>

提交作业两步骤：

　　　　　　　①、登录FTP个人空间，将文本文件上传

　　　　　　　②、点击本节课“提交”，然后根据提示操作。

据自已所构思的网站主题、结构组成，上网搜索所需的素材勤劳的蜜蜂有糖吃

课堂小结：做网页的两大步骤。