一、开发网站的基本过程 |
|
二、网站的规划 |
1、网站主题的确定 网站的规划从选择网站的主题开始。网站的选题,就是要根据网站的开发目标和访问网站的用户群,确定网站的主题,并给网站起一个简练响亮的名字。然后围绕这个主题搜集素材和相关资料,并把它们通过网页的形式呈现出来。参考课本第96页表4-2。 |
2、网站运行环境的确定 网站环境包括网站服务器、文件磁盘存储空间、网站域名解析等方面。 |
3、网页制作工具的选择 主要包括网页制作工具、图像处理工具、动画制作软件的选择等。 |
4、网站开发任务的管理 |
(1)任务分工 (2)时间安排 |
三、网站的设计
(一)网站的结构设计 制作网站前要设计好网站的栏目。网站的栏目可以有多层,但并不是越多越好,以能够恰当地体现网站主题为好。此外,每个栏目本身应有一个大致的内容描述,以表达该栏目的设计思路,充实整个网站的总体结构设计。 下面是“虎门销烟启思录”网站的结构图各网站的一、二级栏目部分内容描述: |
|
(点击查看放大图) |
(二)网页的版面设计 网页的版面设计包括如下两方面: 1、风格设计 风格是指网站的整体形象给浏览者的综合感受。有的严肃,有的清爽温馨,有的深沉厚重等。风格的设计与主题密不可分,是为突出主题服务的。 一种风格的形成需要从多方面着手设计,包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。同一网站内的各网页之间应保持风格的一致、在每个页面的相同位置放置图标、文本块等元素,这样有利于提高浏览速度、并给人以整体感。 |
2、版面布局设计 网页要呈现的内容很多,概括起来可分为标题信息、栏目信息、内容信息、附加信息等,要进行合理的放置,让人看起来井井有条,主次分明。下图是版面布置的一个例子。 |
常见网页布局类型有:
|
(三)网页的交互设计 用户如何访问网站?怎样从一个位置到另一个位置?怎样防止用户在网站中“迷路”?链接点设计就是要考虑人们在浏览网站时通常有哪些需求,并帮助他快捷地路到所需的页面,实现轻松自如的浏览。 以下是“虎门销烟启思录”网站的网页交互设计表: |
|
(点击查看放大图) |
四、本学期网页制作任务 |
本学期以小组为单位,每个小组制作一个专题网站。小组以同桌的两位同学为一个小组。网站主题由各小组定。每小组选出小组长,确定好主题,作好网站的规划,完成下表。 |
1、网站规划 小组编号:
网站主题 |
|
小组长(姓名及学号) |
|
组员(姓名及学号) |
|
网页制作选用工具 |
|
时间安排 |
|
备注 |
| |
2、给自己的主题网站设计栏目、结构和作版面设计 参考下面阅读材料,给自己的主题网站作好结构设计、版面设计。 |
|
五、阅读材料 |
|