网站的规划与建设学习培训模板课件.ppt

1、第三章第三章 网站的规划与建设网站的规划与建设一、内容简介一、内容简介各种类型网站的分析各种类型网站的分析网站的功能网站的功能网站建设的规划网站建设的规划网站建设的基本步骤网站建设的基本步骤网站建设的技术实现方式网站建设的技术实现方式二、学习目标与重点二、学习目标与重点了解：了解：Web网站的有关概念、规划与建设一个小型网站的基本步骤与方法。掌握：掌握：能利用网页制作工具实现网站建设的目的，并掌握创建网站的方法。重点：重点：以网站规划与建设的总体框架为线索，重点了解在每个不同的阶段要解决什么问题。3.1 3.1 网站的基本概念（掌握）网站的基本概念（掌握）所谓网站，是指基于所谓网站，是指基于W

2、ebWeb应用为基应用为基础，提供信息和服务的础，提供信息和服务的InternetInternet网网络站点。络站点。网站的基本组成网站的基本组成 网页和网站资源网页和网站资源1 1、网页：网页：一个Web站点包含一组可供访问的页面，这些页面用HTML语言编写，其中可包含文本、图形、声音和其它多媒体信息。这些页面通过超链接相互连接在一起。一个网站所包含的页面数量从几张到几百张不等。2 2、网页空间：、网页空间：指用来存放网页的Web服务器的硬盘空间。3 3、网址：、网址：指网站Web服务器在Internet上的IP地址。4 4、域名：、域名：从技术上讲，域名是IP地址的符号表示，它采用一种层次

3、命名的机制。从Internet文化角度看，域名是属于Internet文化的组成部分。3.1.1 3.1.1 网站的基本组成部分网站的基本组成部分 3.2 3.2 网站的分类网站的分类（了解）（了解）由于网站的建设是一个新的话题，所以在规划和建设网站时，目前并没有一个固定的模式和准则，我们要想设计好一个网站，首先应该从认识已有的网站出发，分析总结各类网站建设的成功与失败经验，在此基础上来进行归纳、创意。下面介绍一般网站的分类，并对某些具体网站进行一些简单的分析。3.2.1 3.2.1 政府网站（政府网站（1 1）在在InternetInternet上发生的信息需求与供给总上发生的信息需求与供给总

4、量中，量中，80%80%与政府信息有关。各级政府是与政府信息有关。各级政府是重要的权威信息的提供者，同时又是信息重要的权威信息的提供者，同时又是信息的最大使用者。从目前已建成的政府网站的最大使用者。从目前已建成的政府网站看，政府网站的主要功能是：看，政府网站的主要功能是：动态信息发布；在线调查；动态检索；网上办公3.2.1 3.2.1 政府网站（政府网站（2 2）1 1、动态信息发布、动态信息发布 网上的政府信息具有规模大、信息量大、权威性强等特点，这些信息大致可分为：综合类：综合类：此类信息规模大、覆盖面广，综合性强，在国内网上的信息服务中起主导作用。行业类：行业类：此类信息规模大、专业性强

5、，在政府信息中占主导作用，服务对象为本行业，信息没有完全开放。宣传类：宣传类：由于某些政府机构的特殊性和保密性等原因，政府网站一般只是对本部门的职能做了简单的介绍。3.2.1 3.2.1 政府网站（政府网站（3 3）2 2、在线调查、在线调查 由于因特网具有实时交互性，政府可通过网站及时地获取社会公众的意见，作为政府工作和决策的参考意见。3 3、动态检索、动态检索 政府制定的大量法律、法规、政策信息必须具有方便的检索功能，这也是衡量政府网站对社会的开放程度以及对公众提供信息服务质量的标准之一。4 4、网上办公、网上办公 网上办公包括数据库查询、公文传送、资金转移等内容。它的逐步推广必然带来政府

6、机构办公程序和方式的转变。新闻性网站，尤其是实时播发新闻的网站，越来越成为网民愿意光顾的站点（如新浪网）。很多受欢迎的大型或商业性站点，都拥有经常更新的新闻栏目。完善的新闻播发系统可以为站点吸引一批忠实的用户。因此拥有一套好的新闻系统是吸引用户的重要手段。3.2.2 3.2.2 新闻性网站新闻性网站新闻性网站的主要功能：新闻性网站的主要功能：实时动态新闻发布实时动态新闻发布 新闻资料检索新闻资料检索 企业网站是具有商业目标，符合网企业网站是具有商业目标，符合网络营销模式，促进电子商务发展的重要络营销模式，促进电子商务发展的重要支撑性网站。这类网站一般都提供企业支撑性网站。这类网站一般都提供企业

7、文化宣传、商品介绍网上营销、技术支文化宣传、商品介绍网上营销、技术支持等多种服务，也是企业内部网持等多种服务，也是企业内部网（Intranet)Intranet)对外展示的重要窗口。对外展示的重要窗口。3.2.3 3.2.3 企业网站企业网站企业网站的主要功能：企业网站的主要功能：商品介绍宣传商品介绍宣传 技术支持服务技术支持服务 网上营销网上营销 电子认证电子认证 许多网站为了生存和发展，提出了建立“门户网站”的设想。门户网站：门户网站：即用户在上网时所选择浏览的即用户在上网时所选择浏览的第一个网站。第一个网站。很多门户网站都在自己的网页中加入了搜很多门户网站都在自己的网页中加入了搜索引擎的

8、功能。搜索引擎使广大用户在信息索引擎的功能。搜索引擎使广大用户在信息海洋中自由快捷地浏览使用户可以方便的找海洋中自由快捷地浏览使用户可以方便的找到有关的资料。到有关的资料。3.2.4 3.2.4 搜索引擎网站搜索引擎网站搜索引擎网站的一般检索功能：搜索引擎网站的一般检索功能：布尔逻辑检索布尔逻辑检索 词组检索词组检索 截词检索截词检索 字段检索字段检索搜索引擎网站的特殊检索功能：搜索引擎网站的特殊检索功能：自然语言检索自然语言检索 多语种检索多语种检索 区分大小写的检索区分大小写的检索 提供综合性服务是目前许多网站的发提供综合性服务是目前许多网站的发展趋势，这种服务通常有展趋势，这种服务通常有

9、“免费免费”和和“收费收费”两种方式（如免费两种方式（如免费EmailEmail和免费和免费的软件下载等）的软件下载等）。此外，免费获得各种信息、软件、书此外，免费获得各种信息、软件、书籍、音乐及图片，是许多网民上网的主籍、音乐及图片，是许多网民上网的主要目的。采用提供免费信息的手段，已要目的。采用提供免费信息的手段，已造就了许多知名的站点。造就了许多知名的站点。3.2.5 3.2.5 综合性网站综合性网站综合性服务网站的主要功能：综合性服务网站的主要功能：提供电子信箱服务提供电子信箱服务 提供个人主页服务提供个人主页服务 提供其它的网上服务提供其它的网上服务 这类网站主要以提供各种形式的这类

10、网站主要以提供各种形式的网上远程教育为主，这也是目前网网上远程教育为主，这也是目前网站建设的热点。站建设的热点。从目前大多数教育网站看，限于从目前大多数教育网站看，限于网络的带宽，一般还只能提供教育网络的带宽，一般还只能提供教育信息查询、网上注册、电子邮件答信息查询、网上注册、电子邮件答疑、文本课件浏览及下载等服务。疑、文本课件浏览及下载等服务。3.2.6 3.2.6 教育类网站教育类网站教育类网站的主要功能：教育类网站的主要功能：网上注册网上注册 视频点播视频点播 课件下载课件下载 虚拟课堂虚拟课堂 网上测验、考核网上测验、考核 电子图书借阅电子图书借阅 目前网上拍卖、购物等活动越来越目前网

11、上拍卖、购物等活动越来越体现出网络的强大发展势头，越来越多体现出网络的强大发展势头，越来越多的网民都相信网上购物能为生活带来更的网民都相信网上购物能为生活带来更大的方便和实惠。在技术条件能够保证大的方便和实惠。在技术条件能够保证网民能得到便捷以及安全服务的基础上，网民能得到便捷以及安全服务的基础上，用户一般是会积极参与到网上购物的。用户一般是会积极参与到网上购物的。3.2.7 3.2.7 网上拍卖、购物等电子商务网站网上拍卖、购物等电子商务网站电子商务类网站的主要功能：电子商务类网站的主要功能：电子交易电子交易 电子认证电子认证 电子支付电子支付 安全性安全性 这类网站一般是出于个人兴趣和爱这

12、类网站一般是出于个人兴趣和爱好由少数人或个人建立的。好由少数人或个人建立的。个人主页制作的特点是业余化，但许个人主页制作的特点是业余化，但许多个人主页发布的信息已经相当专业化，多个人主页发布的信息已经相当专业化，制作水平也越来越高。制作水平也越来越高。3.2.8 3.2.8 个人网站个人网站个人网站的主要功能：个人网站的主要功能：介绍个人的情况介绍个人的情况提供网上信息资源服务提供网上信息资源服务 3.3 3.3 网站评析（了解）网站评析（了解）对网站进行评析是一项复杂的任务，不但没有现成的评判标准，而且随着个人文化素养的不同，评析的结果也可能五花八门，各不相同。此外，在网上还有一些专门品评网

13、站的网站，如：热讯品网（)网风品网（)百佳品网（)评价、分析一个网站的要点评价、分析一个网站的要点1 1网站的目标定位网站的目标定位2 2版面的总体设计和栏目设置版面的总体设计和栏目设置3 3提供的内容提供的内容4 4网页的制作网页的制作5 5网站浏览的速度，交互设计网站浏览的速度，交互设计6 6网站扩展的前景网站扩展的前景评价、分析一个网站的原则评价、分析一个网站的原则 我们在具体进行分析时，切记不要孤立我们在具体进行分析时，切记不要孤立地对单个网站进行评析，一定要将同类型地对单个网站进行评析，一定要将同类型的网站相互加以比较，这样才能看出其中的网站相互加以比较，这样才能看出其中的差别。此外

14、，要养成经常浏览各种网站，的差别。此外，要养成经常浏览各种网站，细心分析的好习惯。日积月累，看得多了，细心分析的好习惯。日积月累，看得多了，必然对网站设计的必然对网站设计的“关窍关窍”心领神会。心领神会。3.3.1 3.3.1 案例案例1 CCTV1 CCTV网站评析网站评析 1 1、CCTVCCTV网站概况网站概况 2 2、CCTVCCTV网络版的技术特点网络版的技术特点 3 3、CCTVCCTV网络版的版面特色网络版的版面特色 4 4、CCTVCCTV网络版的内容特点网络版的内容特点 1 1、总体设计特色、总体设计特色 2 2、北京青年报北京青年报网络版与网络版与传统报纸相比较传统报纸相比

15、较 3 3、北京青年报北京青年报网络版与网络版与国外中文网络报纸的比较国外中文网络报纸的比较3.3.2 3.3.2 案例案例2 2北京青年报北京青年报网络版评析网络版评析 1 1、网站概况、网站概况2 2、设计思想和方法、设计思想和方法3 3、收入模式、收入模式4 4、华夏旅游网和携程旅行网的比较、华夏旅游网和携程旅行网的比较5 5、网站前景、网站前景3.3.3 3.3.3 案例案例3 3 华夏旅游网评析华夏旅游网评析3.4 3.4 网站建设的整体规划网站建设的整体规划（掌握）（掌握）在网站建设的全过程中，网站在网站建设的全过程中，网站的整体策划及其开发是其中一个的整体策划及其开发是其中一个重

16、要的环节，也是网站成功与否重要的环节，也是网站成功与否的重要因素。的重要因素。网站的规划是对网站功能、结构、内容、外观四个方面的总体规划，而整个网站的规划与建设，大致上可以分为：策划、设计、制作、宣传推广、运行维护五个阶段。而在策划阶段，必须首先确定网站的主题与目标，即明确网站的定位。网站的规划网站的规划3.4.1 3.4.1 网站的主题（网站的主题（1 1）网站的主题就是该网站要表达网站的主题就是该网站要表达的内容。的内容。网站的主要内容的选定应该有网站的主要内容的选定应该有一定的针对性，要进行前期调查，一定的针对性，要进行前期调查，并进行可行性分析之后才能确定。并进行可行性分析之后才能确定

17、。1 1、前期调查、前期调查 前期调查的结果是形前期调查的结果是形成调查分析报告，它是对成调查分析报告，它是对调查工作的总结与分析。调查工作的总结与分析。3.4.1 3.4.1 网站的主题（网站的主题（2 2）前期调查的目的前期调查的目的 前期调查的目的主要有以下几点：（1）分析了解目前各网站的发展情况。那些最符合潮流、受欢迎的原因、发展前景和趋势。（2）根据调查结果，结合自身特点，进行可行性分析，初步确定本网站的内容。（3）根据网站内容，初步考虑卡采用的实现技术。3.4.1 3.4.1 网站的主题（网站的主题（3 3）前期调查采用的方式前期调查采用的方式 前期调查的方式主要有以下几点：（1）

18、网上调查（2）问卷调查（3）对一定数量的网站进行研究 在调查过程中，要对收集到的数据进行分析比较，确定哪类网站是最受欢迎的。在根据分析结果并结合自身特点，逐步修改网站内容，最后确定网站的主题。3.4.1 3.4.1 网站的主题（网站的主题（4 4）调查分析报告的主要内容：a.a.进行了什么样的调查进行了什么样的调查 b.b.调查规模调查规模 c.c.调查的对象调查的对象 d.d.调查的覆盖率调查的覆盖率 e.e.调查的结果调查的结果 f.f.调查的结论调查的结论 g.g.对主题选择的建议对主题选择的建议3.4.1 3.4.1 网站的主题（网站的主题（5 5）2 2、主题的定位、主题的定位 所谓

19、主题就是网站的题材，所谓主题就是网站的题材，网络上的网站题材千奇百怪，琳网络上的网站题材千奇百怪，琳琅满目。琅满目。3.4.1 3.4.1 网站的主题（网站的主题（6 6）1999年排名前100位的全美知名网站的10类题材如下：第第1 1类：网上求职；类：网上求职；第第2 2类：网上聊天类：网上聊天/即时信息即时信息/ICQICQ第第3 3类：网上社区类：网上社区/讨论讨论/邮件列表邮件列表第第4 4类：计算机技术；类：计算机技术；第第5 5类：网页类：网页/网站开发网站开发第第6 6类：娱乐网站；类：娱乐网站；第第7 7类：旅行类：旅行第第8 8类：参考类：参考/信息；信息；第第9 9类：家

20、庭类：家庭/教育教育第第1010类：生活类：生活/时尚时尚3.4.1 3.4.1 网站的主题（网站的主题（7 7）3、主题选择的原则 对众多的主题选择时应依据以下原则选定：主题要小而精。定位要小，内容要精。主题要小而精。定位要小，内容要精。题材应结合本身的特点和优势。题材应结合本身的特点和优势。题材勿滥。题材勿滥。目标不要太高。目标不要太高。3.4.1 3.4.1 网站的主题（网站的主题（8 8）3.4.2 3.4.2 网站名称的设计（网站名称的设计（1 1）网站的名称是网站主题的组网站的名称是网站主题的组成部分，而且是很关键的一个要成部分，而且是很关键的一个要素。网站的名称是否响亮、易记，素

21、。网站的名称是否响亮、易记，对网站的形象和宣传推广，网站对网站的形象和宣传推广，网站主题的表现也有很大的影响。主题的表现也有很大的影响。1 1、确定网站名称的原则、确定网站名称的原则 网站名称一般可以按下列原则而定：名称要合理：名称要合理：符合人类社会公认的文明标准和规范。要容易记：要容易记：中文网站应使用中文名称，字数在6个以内名称要有特色：名称要有特色：能体现一定的文化内涵，给人有视觉冲击和空间想象力。总之，主题和名称的确立是设计网站的第一步，如能设计出一个既有特色又令人满意的名称，花费再多的时间和精力都是值得的。3.4.2 3.4.2 网站名称的设计（网站名称的设计（2 2）3.4.3

22、3.4.3 网站的视觉形象的建立（网站的视觉形象的建立（1 1）一个好的网站，需要整体的一个好的网站，需要整体的形象包装和设计。在主题与名形象包装和设计。在主题与名称确定后，就要对网站的整体称确定后，就要对网站的整体形象进行构思。形象进行构思。1 1、网站的标志、网站的标志 首 先 要 设 计 一 个 网 站 的 标 志首 先 要 设 计 一 个 网 站 的 标 志（LogoLogo），标志可以用中文、英文字），标志可以用中文、英文字母，还可以是符号、各种图案等。母，还可以是符号、各种图案等。标志要设计的既有特色、醒目，又标志要设计的既有特色、醒目，又要符合网站的内涵。要符合网站的内涵。3.4

23、.3 3.4.3 网站的视觉形象的建立（网站的视觉形象的建立（2 2）2 2、网站的整体颜色基调、网站的整体颜色基调 其次，还要对网站的整体的颜色基调或标准色彩进行设计，对网民来说，网站给人的第一印象是来自色彩的冲击。所谓“标准色彩”是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不宜超过三种。标准色彩要用于网站的标志、标题、主菜单和主色块要给人一种整体统一的感觉。3.4.3 3.4.3 网站的视觉形象的建立（网站的视觉形象的建立（3 3）3 3、网站标准字体的设计、网站标准字体的设计 网站的标准字体主要用于标志、标题、主菜单。在选用非默认字体（默认为宋体）时要考虑浏览者的计算

24、机内不一定安装有该字体，这时可以考虑采用图片的形式。3.4.3 3.4.3 网站的视觉形象的建立（网站的视觉形象的建立（4 4）4 4、其余工作、其余工作 完成主题和视觉形象的确定工完成主题和视觉形象的确定工作后，应编写网站主题说明的文作后，应编写网站主题说明的文档。它是网站建设的主要依据之档。它是网站建设的主要依据之一。一。3.4.3 3.4.3 网站的视觉形象的建立（网站的视觉形象的建立（5 5）3.4.4 3.4.4 网站发展的目标（网站发展的目标（1 1）1 1、制定网站发展目标需要考虑的因素、制定网站发展目标需要考虑的因素 建设一个网站从一开始就应该有一个明确的发展目标，制定网站发展

25、目标需要考虑的因素主要有以下几点：目标一定要切合实际，要适合网站的实际情目标一定要切合实际，要适合网站的实际情况。况。目标要随市场的需要而变化。目标要随市场的需要而变化。制定目标时一定要有前瞻性。制定目标时一定要有前瞻性。确定发展目标后，应编写网站确定发展目标后，应编写网站目标说明的文档。它包含对近期目标说明的文档。它包含对近期目标、中期目标和最终目标的详目标、中期目标和最终目标的详细说明。细说明。3.4.4 3.4.4 网站发展的目标（网站发展的目标（2 2）3.5 3.5 网站内容与功能的设计网站内容与功能的设计（掌握）（掌握）网站发布的内容是网站设计的一项重网站发布的内容是网站设计的一项

26、重点，它直接影响到一个网站的受欢迎程度，点，它直接影响到一个网站的受欢迎程度，很显然最基本的要求是用户必须能够有效很显然最基本的要求是用户必须能够有效的使用网站和浏览网站的内容。的使用网站和浏览网站的内容。当整个网站的主题和目标确定之后，就当整个网站的主题和目标确定之后，就可在此基础上来确定网站的内容。可在此基础上来确定网站的内容。3.5.1 3.5.1 确定网站的访问者确定网站的访问者 由于网站的内容是提供给浏览者看的，浏览者的访问量是网站存在地基础，因此首先应确定网站的访问者。网站的访问者的确定网站的访问者的确定一般可以依据以一般可以依据以下几个因素而定：下几个因素而定：网站的定位网站的定

27、位 网上调查网上调查 对已建成的同类型网站进行比较对已建成的同类型网站进行比较3.5.1 3.5.1 确定网站的访问者（确定网站的访问者（2 2）完成确定访问者的工作后，应编写访问者来源的分析报告。主要包括：确定的网站访问者的类型，规定网站的定位和发展方向。3.5.1 3.5.1 确定网站的访问者（确定网站的访问者（3 3）3.5.2 3.5.2 确定网站的内容和功能确定网站的内容和功能1 1、网站内容的分类、网站内容的分类 网站内容很多，但一般可分为两大部分：静态内容：静态内容：静态内容指网站相对不变的部分。其主要作用是维持整个网站的风格，给访问者一个熟悉的浏览环境。动态内容：动态内容：是网

28、站的主体部分，经常更新的内容，也是访问者主要浏览的内容，并以交互方式呈现。动态内容通常放在网站的后台数据库中，并用ASP语言编写服务器端的程序。进行网站内容的设计时，一般应考虑以下几个方面：（1 1）及时从用户得到有关网站内容的反馈信）及时从用户得到有关网站内容的反馈信息，并尽快对网站内容加以修改。息，并尽快对网站内容加以修改。（2 2）网站上必须要有能够留住用户的动态内）网站上必须要有能够留住用户的动态内容，并随时修改和更新，主页上要注明更容，并随时修改和更新，主页上要注明更新日期。新日期。2 2、网站内容的设计、网站内容的设计 （3 3）网站的内容结构必须清晰，使用户可）网站的内容结构必须

29、清晰，使用户可以尽快获得信息。以尽快获得信息。（4 4）注意突出网站的形象。）注意突出网站的形象。（5 5）不要包括一般化的）不要包括一般化的WebWeb参考信息和已参考信息和已非热点的链接。非热点的链接。2 2、网站内容的设计（续）、网站内容的设计（续）（6 6）网页应由多种成分组成，如多媒体的链接。）网页应由多种成分组成，如多媒体的链接。但图像和多媒体信息的使用要适中。文本内容应但图像和多媒体信息的使用要适中。文本内容应简明扼要、通俗易懂，文字编辑要正确。简明扼要、通俗易懂，文字编辑要正确。（7 7）注意网页的结构应使用户能方便迅速的浏览。）注意网页的结构应使用户能方便迅速的浏览。（8 8

30、）在页内增加与其他网站的链接，以便有效地）在页内增加与其他网站的链接，以便有效地推广网站。推广网站。2 2、网站内容的设计（续）、网站内容的设计（续）（9 9）凡是提供下载的内容，应该提醒用）凡是提供下载的内容，应该提醒用户下载的时间以及文件的大小。户下载的时间以及文件的大小。（1010）尽量增加一些内容精彩的文章。）尽量增加一些内容精彩的文章。（1111）注意要为主页加一个描述性的标）注意要为主页加一个描述性的标题。题。2 2、网站内容的设计（续）、网站内容的设计（续）网站的功能大致有以下几种：（1 1）提供各种信息库查询、咨）提供各种信息库查询、咨询、服务。询、服务。（2 2）提供软件等各

31、种媒体资源）提供软件等各种媒体资源的下载服务。的下载服务。（3 3）提供技术支持服务。）提供技术支持服务。3 3、网站功能的设计、网站功能的设计 （4 4）提供各种消息的宣传，发布）提供各种消息的宣传，发布服务。服务。（5 5）提供各类电子商务的功能。）提供各类电子商务的功能。（6 6）提供各类远程教育服务。）提供各类远程教育服务。（7 7）提供网络出版服务。）提供网络出版服务。3 3、网站功能的设计（续）、网站功能的设计（续）将已经分好组的内容和功能清单重新交有关人员讨论，最后确定各个分组的名称，作为网站主要部分的分类和分类名称的基础。4 4、确定分组及分组的名称、确定分组及分组的名称5 5

32、、确定网站的风格、确定网站的风格 从美工设计角度来看，网站的风格是指通过一定的颜色及图案组合、布局安排等设计来体现网站经营者的思想和倾向。具体制作时有三个方面的工作要作：第一步：设置背景颜色或图案 第二步：设置文本的颜色 第三步：设置链接点的颜色6 6、建立网站的结构层次图、建立网站的结构层次图 网站的结构层次图是一种有关网站结构和组织方式的示意图。各主要内容或题目的详细内容被列在其下的副标题中。用这种方式组织起来的信息可以使访问者迅速找到所需信息的位置。网站的结构层次图用可视化结构图形表示出来就是结构化蓝图，是能精确反映网站中各元素如何分组和联系的图表（P151）。结构层次图：网站的结构结构

33、层次图：网站的结构层次图是一种有关网站结构、层次图是一种有关网站结构、组织方式的示意图。组织方式的示意图。结构化蓝图：网站的结结构化蓝图：网站的结构化蓝图是网站结构层次构化蓝图是网站结构层次图的可视化表示。图的可视化表示。7 7、定义导航结构、定义导航结构 导航系统是引导访问者如何从本网页到达指定网页，并能方便地在不同部分之间跳转，以及能根据需要快速返回的超链接结构。根据其作用地不同，可分为全局导航栏和局部导航栏（P151下图）。导航系统主要有以下元素构成：导航系统主要有以下元素构成：1 1导航栏目导航栏目 2 2小型导航条小型导航条 3 3导航目录导航目录 导航系统设计完成后，一定要为全局导

34、航系统设计完成后，一定要为全局导航系统和局部导航系统做文档，这些导航系统和局部导航系统做文档，这些文档应能反映导航系统的各项细节。文档应能反映导航系统的各项细节。导航目录是最完整的导航系统，它反映了网导航目录是最完整的导航系统，它反映了网站的逻辑结构，是网站内容的分类列表。站的逻辑结构，是网站内容的分类列表。设计导航栏时应主要以下几点：设计导航栏时应主要以下几点：1 1、图表比文字效果好，图表下应附有文字、图表比文字效果好，图表下应附有文字说明。说明。2 2、应该使用标准醒目的常用颜色。、应该使用标准醒目的常用颜色。3 3、屏幕当前页面所对应的按钮应该相应变、屏幕当前页面所对应的按钮应该相应变

35、为灰色或以其它方式表示。为灰色或以其它方式表示。4 4、每个页面应包含、每个页面应包含“返回返回”或或“前进前进”的的按钮。按钮。最后是编写网站内容与功能的设计文档。最后是编写网站内容与功能的设计文档。文档中应包含：文档中应包含：网站的结构说明网站的结构说明网站的功能说明网站的功能说明网站的层次结构表，结构蓝图网站的层次结构表，结构蓝图全局导航栏与局部导航系统全局导航栏与局部导航系统3.6 3.6 网站结构的设计网站结构的设计（要求掌握）（要求掌握）在完成了网站的策划或信息结构分析后就可以对网站进行更具体的分析和定位(即网站的结构设计）。网站的目标、内容和功能是结构设计的决定因素。3.6.1

36、3.6.1 网站结构的设计原则网站结构的设计原则1 1、网站结构的类别及其关系、网站结构的类别及其关系 网站的结构可以分为网站的物理结构和逻辑链接结构，两者之间既有联系又有区别。网站的物理结构：网站的物理结构：是指网站文件的物理存是指网站文件的物理存储结构或存储的目录结构，也就是网站文件储结构或存储的目录结构，也就是网站文件在服务器上存储的方式。在服务器上存储的方式。网站的逻辑链接结构：网站的逻辑链接结构：是网站在运行时抽是网站在运行时抽象出来的拓扑结构，它是建立在物理结构之象出来的拓扑结构，它是建立在物理结构之上的。上的。网站的物理结构是指网站全部文件网站的物理结构是指网站全部文件在服务器上

37、存储时的目录结构。在服务器上存储时的目录结构。网站的目录结构对站点本身的维护、内容的更新、未来的扩充和移植都有重要的影响。1 1、网站的物理结构、网站的物理结构 为了建立一个清晰简明的目录结构，应主要如下几点：1 1、主页文件一般置于、主页文件一般置于WebWeb服务器的虚拟根目录上；服务器的虚拟根目录上；2 2、不要将所有文件都放在虚拟根目录下、不要将所有文件都放在虚拟根目录下;3 3、按栏目内容建立子目录，并首先按主菜单栏目建立；、按栏目内容建立子目录，并首先按主菜单栏目建立；4 4、在每个主目录下建立独立的、在每个主目录下建立独立的imagesimages目录；目录；5 5、目录层次不可

38、过深，一般在三层以内；、目录层次不可过深，一般在三层以内；6 6、全局资源应放在根目录下的、全局资源应放在根目录下的GlobalGlobal目录中；目录中；7 7、不要使用过长的目录名和中文目录名；、不要使用过长的目录名和中文目录名；8 8、尽量使用意义明确的目录名。、尽量使用意义明确的目录名。2 2、网站的逻辑链接结构、网站的逻辑链接结构 是指页面之间相互链接的拓扑结构，一般采用超链接的方式。它是建立在目录结构之上，但可以跨越目录结构。一般链接结构有以下几种方式：树状结构：树状结构：采用一对一的形式，类似于采用一对一的形式，类似于DOSDOS的目录结构。首页链接指向一级页面，一级链的目录结构

39、。首页链接指向一级页面，一级链接指向二级等等。条理清晰，但效率较低。接指向二级等等。条理清晰，但效率较低。星状链接结构：星状链接结构：采用一对多的形式，每个采用一对多的形式，每个页面相互之间都建立有链接。浏览方便高效，页面相互之间都建立有链接。浏览方便高效，但结构不清晰，访问者易迷路。但结构不清晰，访问者易迷路。混合链接结构：混合链接结构：是以上两种结构方式的混是以上两种结构方式的混合。使访问者既可快速方便到达所需页面，又合。使访问者既可快速方便到达所需页面，又可清楚知道自己的位置。可清楚知道自己的位置。3.7 3.7 网站建设的技术实现网站建设的技术实现（了解）（了解）3.7.1 3.7.1

40、 域名的注册域名的注册 1985年，DNS一直受美国政府控制。1992年美国政府授权Network Solutions公司成立InterNIC，管理和维护COM、NET、ORG、GOV、EDU五个通用顶级域名的数据库服务器，并受理其下的二级域名的注册。1999年美国商业部成立ICANN，并由它来管理域名系统、根服务器和IP地址的分配。国内域名注册的权威机构是中国互联网络信息中心（)，用户可通过该网站在线注册。3.7.2 3.7.2 网站硬件、软件网站硬件、软件平台的选择平台的选择 网站的软、硬件平台产品很多，选型时应综合考虑扩展性、安全性、易维护性等多种因素来进行选择。1 1、网站的组成、网站

41、的组成 一个网站，尽管它们的形式、内容和规模千差万别，但它们的硬件结构组成基本类似，从逻辑上看都是由以下部件组成（P156图）：网络接入设备（如：路由器）网络接入设备（如：路由器）服务器（如：服务器（如：WWWWWW、FTPFTP、EmailEmail等服务器）等服务器）数据存储设备（如磁盘阵列等）数据存储设备（如磁盘阵列等）中间件（介于服务器和数据存储设备之间的部中间件（介于服务器和数据存储设备之间的部分，如网站中的各种应用和控制服务器）分，如网站中的各种应用和控制服务器）研发、制作和维护部分（一般由工作站组成）研发、制作和维护部分（一般由工作站组成）安全部分（主要在接入部分设置）安全部分（

42、主要在接入部分设置）2 2、选择接入方式和接入设备、选择接入方式和接入设备 广域线路服务（多种，见广域线路服务（多种，见P157P157）接入方式与接入设备（接入方式与接入设备（7 7种，种，P158P158）WebWeb服务器的选择服务器的选择 （用（用SunSun和和PCPC服务服务器两大类）器两大类）系统软件的选择（主要包括网络操作系统软件的选择（主要包括网络操作系统、系统、WebWeb服务器软件、后台数据库服务器软件、后台数据库软件等）软件等）群集（群集（ClusterCluster）指一组被称为节点的相互独立的计指一组被称为节点的相互独立的计算机算机 由一网络互联，并通过特殊的由一网

43、络互联，并通过特殊的 软件结合组成一个单一的计算机系软件结合组成一个单一的计算机系统，为客户端提供一个单一的、可统，为客户端提供一个单一的、可程序正常工作的服务系统。程序正常工作的服务系统。例如：多服务器技术中的服务器群集。例如：多服务器技术中的服务器群集。选择服务器时应考虑的因素选择服务器时应考虑的因素 在选择服务器时主要应考虑以下因素：可管理性：可管理性：包括是否方便快捷、界面是否友好、应用软件是否丰富等方面。可用性：可用性：指服务器可供用户正常使用的时间百分比。安全性：安全性：指系统能消除错误，确保系统安全稳定运行的性能。高性能：高性能：指服务器具有较高的综合性能指标。可扩展性：可扩展性

44、：指服务器为扩展其性能所留有的余地。模块化：模块化：指组成服务器的各功能部件具有模块化的结构，有些甚至还具有拔插的功能。3.7 3.7 网站应用软件开发工网站应用软件开发工具的选择具的选择 如果网站是运行在Linux平台上，则有C/C+、Perl、PHP等多种开发工具。如果是Windows NT/2000/XP平台，则应用程序的开发工具有：VBscript、JavaScript、ASP等，其中ASP是目前开发交互式应用程序最流行的一种。ASPASP技术特点和工作过程技术特点和工作过程 ASP（Active Server Page，即动态服务器页面）技术的特点和工作过程如下：当用户浏览器浏览页面

45、时，向服务器发出当用户浏览器浏览页面时，向服务器发出ASPASP页页面请求，服务器逐行解释面请求，服务器逐行解释ASPASP脚本和脚本和HTMLHTML页面内容，页面内容，动态生成纯动态生成纯HTMLHTML页面发回客户浏览器进行显示。页面发回客户浏览器进行显示。ASPASP与与CGICGI（公共网关接口）技术的比较：（公共网关接口）技术的比较：调用CGI的过程：客户端发出请求服务器端根据其请求启动一个CGI服务程序执行完后 由服务器将结果送回浏览器显示。3.8 3.8 网站技术人员的构成网站技术人员的构成（了解（了解）一个大型网站应该由如下技术人员构成：网页设计师 网络维护工程师 数据库管理

46、工程师 网站编辑、采编等 网络程序员 项目开发工程师 系统管理工程师 网络协调工程师 资料录入人员3.9 3.9 网站的功能、技术、成本、效益网站的功能、技术、成本、效益的综合分析（了解）的综合分析（了解）网站建设的一个重要方面是对网站实现技术和解决方案的选择，主要应考虑以下因素：1、要有足够的带宽来保证用户的快速访问。选择适合自身特点的网络结构和设备，合理分配带宽是很重要的。2、要保证有足够的制作费用（包括美工制作费、布局规划费、网站维护费等）。3.10 3.10 网站技术环境的选择与运行网站技术环境的选择与运行方式的确定（了解）方式的确定（了解）技术环境：技术环境：所谓技术环境，是指由自己

47、组织专业人员来开发网站还是委托专业公司进行设计。运行方式：运行方式：运行方式指网站的运行是实行主机托管、虚拟主机方式管理，还是自己管理。3.10.1 3.10.1 技术环境的选择技术环境的选择 对于需要有网站，但缺乏建站经验的个人或单位，可将网站委托给专业网站建设服务商，由他们负责网站的设计和制作，甚至后期的维护工作。因此选择一个好的服务商是很重要的。有关网站建设的服务供应商主要有：ISP、IAP、ICP、ASP。1 1、ISPISP、IAPIAP、ICPICP与与ASPASP的概念的概念 ISPISP（Internet Service ProviderInternet Service Pro

48、vider：InternetInternet服务供应商）服务供应商）IAPIAP（Internet Access ProviderInternet Access Provider：InternetInternet接入提供商）接入提供商）ICP ICP（Internet Content ProviderInternet Content Provider：InternetInternet内容供应商）内容供应商）ASPASP（Application Service ProviderApplication Service Provider：应用服务提供商）应用服务提供商）2 2、网站建设服务商的选择原

49、则：、网站建设服务商的选择原则：需要考虑连线速度 需要考虑可用带宽需要考虑服务器的均衡负载 需要考虑是否提供强有力的技术支持3.10.2 3.10.2 运行方式的确定运行方式的确定 网站运行方式总体来讲分为独立运行和托管两种类型，其中托管方式又有主机托管与虚拟主机之分。独立运行方式独立运行方式 此种方式是指网站建设单位自建、自管服务器，并通过PSTN、ADSL、DDN或光纤等与因特网相连。托管方式托管方式 （1 1）主机托管：）主机托管：指将网站服务器委托给ISP保管。（2 2）虚拟主机：）虚拟主机：指租用ISP服务器的硬盘空间。形成一台虚拟主机。（3 3）互联网数据中心（）互联网数据中心（I

50、DCIDC）：）：3.11 3.11 网站创建示例（掌握）网站创建示例（掌握）利用利用FrontPage 2000FrontPage 2000进行创建一个简单个人站进行创建一个简单个人站点的操作。点的操作。本章小结本章小结 本章从网站建设的规划、步骤、技术实现等方面出发，比较详细地讨论了以下内容：网站的基本概念、分类和评析。网站建设的整体规划；内容、功能和结构的设计。网站建设的基本步骤和技术实现；网站的综合分析、技术环境及运行方式的选择。重点搞清楚网站有关的概念，掌握网站整体规划与建设的几个阶段，每个阶段所解决的问题。本章未涉及到网站建设的具体技术。2022年8月15日星期一网络信息制作与发布