第一章网站发展历史与基础概念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、视频宣传片等方式，使其更加生动传神。

前三章思考题●在网站中可以展示和共享的资源类型有哪些？●一个网站规划的主要内容有哪些？●域名是什么？有哪些种类？●网站整体规划的主要内容有哪些？●如果让你负责策划一个图书销售网站，你会如何设计这个网站的宣传标语？●一个网站的技术架构设计包含哪些部分？第四章网站技术架构设计一4.1 网站运行平台的环境要求与原则●网站运行平台的环境要求与原则●网站技术架构及性能的设计●服务器及其选择● Web Server软件的选择●网络数据库软件的选择1. 网站运行平台的环境要求●网站必须有良好的可扩充性●高效的开发处理能力●强大的管理工具●具有良好的容错性能●与企业已有的资源整合●网站必须确保提供7x24小时的服务●能支持多种客户终端2. 网站运行平台构造技术的选择原则首先要考察这些产品和技术是否能满足需要，此外还要考虑以下因素:●符合各种主流的技术标准;●符合企业信息化的整体技术战略;●符合未来技术的发展方向;●满足开放性、可扩充性的要求;●与现有的应用系统具有良好的兼容性;●具有成功的应用先例。

4.2 网站技术架构及性能的设计1. 网站运行平台的基本构成2. 网站性能●网站的4个传统参数：延迟、吞吐量、利用率和效率。

●优化网站性能主要是减少延迟，增加吞吐量、利用率和效率。

●这些参数之间可以互相消长，而且会随着时间、服务内容种类以及许多其它环境而改变。

●对某些网站来说，有些性能参数比其他参数更重要。

2. 网站性能——延迟●可以看作请求与开始看到结果之间的间隔，也可以将延迟定义为开始请求和完成请求之间的时间。

●包括应用程序的延迟和网络的延迟。

●应用程序的延迟指应用程序本身从开始到返回结果需要的时间。

➢网络延迟大多是由路由器的存储和转发能力决定的。

不同分组包的延迟也不一样。

➢用Ping命令可以查看从客户机到服务器再到客户机之间的延迟。

➢如果延迟小于100ms，说明网络状态非常好。

如果大于500ms，说明延迟太长。

2. 网站性能——吞吐量●单位时间内，Web网站能够处理的传输量，如每秒转移的比特数，每天发生的HTTP操作或者每秒百万条指令。

●吞吐量可理解为每秒多少比特，可用“带宽”来代替。

●计算方法为：样本时间内的传输量／样本时间，该方法忽略了样本时间内传输速度的变化。

●高吞吐量也可能具有较高的延时。

●在网络传输中，数据分组包的延迟常随着吞吐量的增加而增大。

●对于网站来讲，延迟比吞吐量更加重要。

2. 网站性能——利用率●实际使用某组件的容量和该组件本身容量的百分比。

●对磁盘驱动器和以太网而言，如果利用率太高，就会出现较大的延迟。

●组件的利用率在70%左右为最理想。

2. 网站性能——效率●吞吐量除以利用率得到的结果。

●比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站效率高。

●一个更有用的效率是计算某个网站在单位时间内花费所得的性能，通常称为“花费有效性”。

●优化性能就是增加花费有效性，既充分利用用户花费的资源。

4.3 服务器及其选择1. 服务器选择原则（1）易管理性（2）高可用性（3）高性能（4）可扩展性2. 服务器种类（1）独立物力PC服务器（2）独立物力立式服务器（3）独立物力刀片服务器（4）虚拟服务器4.4 服务器系统及数据库选择1. 常用网络操作系统Windows 2003/2008 Server Apple Open Transport IBM OS/2 Warp Server AdvancedSolaris Internet Server Unix/Redhat Linux2. 常用网站后台数据库系统●甲骨文公司 Oracle数据库（10g、11g）●微软公司Microsoft Sql Server 2005\2008●IBM公司DB2数据库●开源的MySql 数据库第五章网站技术架构设计二5.1 建设网站的一般流程5.2 网站的技术组成从技术上看，WWW主要由两部分组成：WWW服务器程序和WWW客户程序。

●服务器存放Web页，并根据请求将页面传送到客户端。

●客户端负责显示页面。

1.网站的可扩展性●设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问题，预测对于网站未来发展可能做出的改动所需付出的代价。