网站整体架构设计及搭建

第一章网站发展历史与基础概念

1.1 网站的诞生与发展

因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。

在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术等多媒体资源开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子，即基于HTTP协议(超文本传输协议)的多媒体资源展示与共享。

在信息技术飞速发展的今天，通过综合运用软件开发技术、多媒体技术、网页呈现技术、数据库技术以及矢量动画技术，使得现代网站拥有丰富多彩的功能和用户UI。

目前互联网已经来到了Web3.0的时代，大量复杂的富浏览器端功能在网站中得到应用。给网站的发展和推广带来新的活力和机遇。

1.2 与网站相关的概念

●域名（Domain Name）

域名是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置），目前域名已经成为互联网的品牌、网上商标保护必备的产品之一。

域名与IP地址一一对应，用于在互联网上区分开各个主机。

扩展学习：域名域名分类

●域名分类

●常用国家地区代码

●空间（虚拟主机 Virtual Machine）

虚拟主机也叫“网站空间”，就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器，每一个虚拟主机都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等）功能。这种技术极大的促进了网络技术的应用和普及。租用主机也成了网络时代新的经济形式。扩展学习：虚拟主机

●界面与程序（UI、Program）

网站的界面与后台程序是网站外貌、风格和功能的集中体现，是网站的核心组成部分。界面和程序的实现需要综合运用多种技术，如HTML、XHTML、Css、 Javascript、XML、Flash、Sliverlight、Jsp、.Net等。

●通信协议（Communication protocol）

所有的需要互通信息的机器或设备都要采用通用的通信标准。类似于不同国家的人要交流时讲述同一种语言。网络通信协议为连接不同操作系统和不同硬件体系结构的互联网络引提供通信支持，是一种网络通用语言。

●常见的网络通信协议

◆ TCP/IP协议(Transmission Control Protocol/Internet Protocol,传输控制协议

/网际协议)

◆HTTP协议(Hypertext Transfer Protocol，超文本传输协议)

◆SMTP协议(Simple Mail Transfer Protocol，简单邮件传输协议)

◆POP3协议(Post Office Protocol 3，电子邮件协议的第3个版本)

第二章网站建设的目标、原则与规划

2.1 明确网站建设的目标

常见的网站建设目标：

●政府部门信息公开，网上办公等需要。

●信息发布及塑造企业形象。通过Internet,可发布企业的产品及服务信息，宣传展

示企业，塑造企业形象。

●从事商务活动。建立网站，以Internet为媒介，充分利用其上的客户群以及通信

作用进行商务活动。

●吸引投资。纯粹是为了出售站点，根据其所建设的网站的价值。

●兴趣与爱好。主要是一些个人，因爱好而建网。

2.2 明确网站建设的原则

●在网站规划建设前一定要对自己的网站进行定位，明确网站建设的目的和功能，避

免盲目设计，否则既达不到宣传及实用目的，又浪费了人力和物力。

●要考虑网站的用户群体特点和数量，使网站在访问承载能力和数据吞吐能力上能够

适应实际需求。

●规划网站时，还要考虑使用哪种技术平台和架构，以满足网站功能和用户的需求。

2.3 网站建设的整体规划

网站整体规划的主要内容：

（1）C I 形象策划（2）网站栏目、文件结构（3）网站技术架构（4）页面布局与外观设计

2.3.1 C I 形象策划

（1）设计网站的标志(logo) （2）设计网站的标准色彩

（3）设计网站的标准字体（4）设计网站的宣传标语

2.3.2网站栏目、文件结构

（1）确定网站的栏目（2）确定网站的目录结构（3）确定网站的链接结构

2.3.3 网站技术架构

●网站运行平台的构建

●网站技术架构及性能的设计

●服务器及其选择

● Web Server软件的选择

●网络数据库软件的选择

2.3.4 页面布局与外观设计

（1）网页布局的基本概念（2）网页布局的方法（3）网页布局的技术

第三章网站C I 形象策划

3.1 CI与VI的关系

VI是CI的一部分。很多时候把VI 和CI的实质概念混淆了。CI一般可以分为以下三个部分：

（1）VI——视觉传达部分（2）FI——企业服务部分（3）MI——企业管理部分

3.2 设计网站的标志(logo).

●网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺

术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。

●网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，

奔驰汽车的方向盘标志。

●最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的

变形，字母的组合可以很容易制作好自己的标志。

3.3 设计网站的标准色彩

●网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。一个

网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。

思考：“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM 的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将肯德基改用蓝色或绿色，我们会有什么感觉？

3.4 设计网站的标准字体和宣传标语

●标准字体和标准色彩一样，是指用于标志，标题，主菜单的特有字体。一般我们网

页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。

●宣传标语可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类

似实际生活中的广告金句。宣传标语可以采用多种媒体形式，如图片、flash、视频宣传片等方式，使其更加生动传神。

前三章思考题

●在网站中可以展示和共享的资源类型有哪些？