1、第一章 网站发展历史与基础概念1.1 网站的诞生与发展因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上，根据一定的规则，使用 HTML 等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至 3D 技术等多媒体资源开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样
2、子，即基于 HTTP 协议(超文本传输协议)的多媒体资源展示与共享。 在信息技术飞速发展的今天，通过综合运用软件开发技术、多媒体技术、网页呈现技术、数据库技术以及矢量动画技术，使得现代网站拥有丰富多彩的功能和用户 UI。 目前互联网已经来到了 Web3.0 的时代，大量复杂的富浏览器端功能在网站中得到应用。给网站的发展和推广带来新的活力和机遇。 1.2 与网站相关的概念 域名（Domain Name） 域名是由一串用点分隔的字母组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置） ，目前域名已经成为互联网的品牌、网上商标保护必备的产
3、品之一。 域名与 IP 地址一一对应，用于在互联网上区分开各个主机。 扩展学习：域名 域名分类 域名分类域代码 服务类型 域代码 服务类型com 商业机构 Int 国际机构edu 教育机构 net 网络组织gov 政府部门 mil 军事组织org 非盈利组织 常用国家地区代码 国家地区代码 国家和地区名 国家地区代码 国家和地区名au 澳大利亚 hk 香港br 巴西 It 意大利ca 加拿大 Jp 日本cn 中国 kr 韩国de 德国 sg 新加坡fr 法国 tw 中国台湾uk 英国 us 空间（虚拟主机 Virtual Machine）虚拟主机也叫“网站空间” ，就是把一台运行在互联网上的服
4、务器划分成多个“虚拟”的服务器，每一个虚拟主机都具有独立的域名和完整的 Internet 服务器（支持WWW、 FTP、E-mail 等）功能。这种技术极大的促进了网络技术的应用和普及。租用主机也成了网络时代新的经济形式。 扩展学习：虚拟主机 界面与程序（UI、Program）网站的界面与后台程序是网站外貌、风格和功能的集中体现，是网站的核心组成部分。界面和程序的实现需要综合运用多种技术，如 HTML、XHTML、Css、 Javascript、XML、Flash、Sliverlight 、Jsp 、.Net 等。 通信协议（Communication protocol） 所有的需要互通信息的
5、机器或设备都要采用通用的通信标准。类似于不同国家的人要交流时讲述同一种语言。网络通信协议为连接不同操作系统和不同硬件体系结构的互联网络引提供通信支持，是一种网络通用语言。 常见的网络通信协议 TCP/IP 协议(Transmission Control Protocol/Internet Protocol,传输控制协议/网际协议) HTTP 协议(Hypertext Transfer Protocol，超文本传输协议 ) SMTP 协议(Simple Mail Transfer Protocol，简单邮件传输协议 ) POP3 协议(Post Office Protocol 3，电子邮件协议的
6、第 3 个版本) 第二章 网站建设的目标、原则与规划2.1 明确网站建设的目标常见的网站建设目标： 政府部门信息公开，网上办公等需要。 信息发布及塑造企业形象。通过 Internet,可发布企业的产品及服务信息，宣传展示企业，塑造企业形象。 从事商务活动。建立网站，以 Internet 为媒介，充分利用其上的客户群以及通信作用进行商务活动。 吸引投资。纯粹是为了出售站点，根据其所建设的网站的价值。 兴趣与爱好。主要是一些个人，因爱好而建网。 2.2 明确网站建设的原则 在网站规划建设前一定要对自己的网站进行定位，明确网站建设的目的和功能，避免盲目设计，否则既达不到宣传及实用目的，又浪费了人力和
7、物力。 要考虑网站的用户群体特点和数量，使网站在访问承载能力和数据吞吐能力上能够适应实际需求。 规划网站时，还要考虑使用哪种技术平台和架构，以满足网站功能和用户的需求。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 网站技术架构 网站
8、运行平台的构建 网站技术架构及性能的设计 服务器及其选择 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). 网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜
9、狐的卡通狐狸，鲨威体坛的篮球鲨鱼。 网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。3.3 设计网站的标准色彩 网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。一个网站的标准色彩不超过 3 种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。思考：“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM 的深蓝色，肯得基的红色条型，windows
10、视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将肯德基改用蓝色或绿色，我们会有什么感觉？3.4 设计网站的标准字体和宣传标语 标准字体和标准色彩一样，是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。 宣传标语可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。宣传标语可以采用多种媒体形式，如图片、flash、视频宣传片等方式，使其更加生动传神。前三章思考题 在网站中可以展示和共享的资源类型有哪些？ 一个网站规划的主要内容有哪些？ 域名是什么？有哪些种类？
11、网站整体规划的主要内容有哪些？ 如果让你负责策划一个图书销售网站，你会如何设计这个网站的宣传标语？ 一个网站的技术架构设计包含哪些部分？第四章 网站技术架构设计一4.1 网站运行平台的环境要求与原则 网站运行平台的环境要求与原则 网站技术架构及性能的设计 服务器及其选择 Web Server 软件的选择 网络数据库软件的选择 1. 网站运行平台的环境要求 网站必须有良好的可扩充性 高效的开发处理能力 强大的管理工具 具有良好的容错性能 与企业已有的资源整合 网站必须确保提供 7x24 小时的服务 能支持多种客户终端 2. 网站运行平台构造技术的选择原则 首先要考察这些产品和技术是否能满足需要，
12、此外还要考虑以下因素: 符合各种主流的技术标准; 符合企业信息化的整体技术战略; 符合未来技术的发展方向; 满足开放性、可扩充性的要求; 与现有的应用系统具有良好的兼容性; 具有成功的应用先例。 4.2 网站技术架构及性能的设计 1. 网站运行平台的基本构成 2. 网站性能 网站的 4 个传统参数：延迟、吞吐量、利用率和效率。 优化网站性能主要是减少延迟，增加吞吐量、利用率和效率。 这些参数之间可以互相消长，而且会随着时间、服务内容种类以及许多其它环境而改变。 对某些网站来说，有些性能参数比其他参数更重要。 2. 网站性能 延迟 可以看作请求与开始看到结果之间的间隔，也可以将延迟定义为开始请求
13、和完成请求之间的时间。 包括应用程序的延迟和网络的延迟。 应用程序的延迟指应用程序本身从开始到返回结果需要的时间。 网络延迟大多是由路由器的存储和转发能力决定的。不同分组包的延迟也不一样。 用 Ping 命令可以查看从客户机到服务器再到客户机之间的延迟。 如果延迟小于 100ms，说明网络状态非常好。如果大于 500ms，说明延迟太长。2. 网站性能 吞吐量 单位时间内，Web 网站能够处理的传输量，如每秒转移的比特数，每天发生的HTTP 操作或者每秒百万条指令。 吞吐量可理解为每秒多少比特，可用“带宽”来代替。 计算方法为：样本时间内的传输量样本时间，该方法忽略了样本时间内传输速度的变化。
14、高吞吐量也可能具有较高的延时。 在网络传输中，数据分组包的延迟常随着吞吐量的增加而增大。 对于网站来讲，延迟比吞吐量更加重要。2. 网站性能 利用率 实际使用某组件的容量和该组件本身容量的百分比。 对磁盘驱动器和以太网而言，如果利用率太高，就会出现较大的延迟。 组件的利用率在 70%左右为最理想。2. 网站性能 效率 吞吐量除以利用率得到的结果。 比较两个网站，如果两者具有相同的利用率，那么具有高吞吐量的网站的效率更高；如果两者具有相同的吞吐量，利用率低的网站效率高。 一个更有用的效率是计算某个网站在单位时间内花费所得的性能，通常称为“花费有效性” 。 优化性能就是增加花费有效性，既充分利用用
15、户花费的资源。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 Advanced Solaris Internet Server Unix/Redhat Linux 2. 常用网站后台数据库系统 甲骨文公司 Oracle 数据
16、库（10g、11g） 微软公司 Microsoft Sql Server 20052008 IBM 公司 DB2 数据库 开源的 MySql 数据库 第五章 网站技术架构设计二5.1 建设网站的一般流程5.2 网站的技术组成从技术上看，WWW 主要由两部分组成： WWW 服务器程序和 WWW 客户程序。 服务器存放 Web 页，并根据请求将页面传送到客户端。 客户端负责显示页面。1.网站的可扩展性 设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问题，预测对于网站未来发展可能做出的改动所需付出的代价。 理想的情况是： 网络规模的扩大不会对现有的设备和技术有太大的冲击，而是在现有状况
17、下比较容易地加以该动。 添加设备只是对上层应用加以改变，低层所采用的技术和设备并不需要做出大的改变，从而轻松达到网站升级的目的。 解决方法：尽量将应用程序和后台数据库分开。 按照“Web Server中间件数据库”的“三层架构”思想去实现整个网站的框架。2.网站的三层架构 数 据 库 2数 据 库 1中 间 件 负 载 均 衡Web Server层中 间 件 层数 据 库 层 三层架构并不能严格分开，应视具体情况灵活运用。 分层架构另一个好处是可以在系统认为非常重要的地方加入防护措施。3. Web Server 层 直接面向用户，运行 HTTP 服务，为用户提供浏览功能，同时运行一些应用服务。
18、 服务器的数目完全取决于网站的大小和实际的负载量。 通过某些技术，让多个服务器可以根据当时的访问流量自动达到负载均衡，均匀地将来自用户的请求分配到不同的服务器上去。 如果网站的访问量增加到一定的程度时，发现前端服务器的负载较重，而造成了用户访问速度降低，那么我们所需要做的只是在第一层再增加服务器，或升级前端服务器的配置。 如果第二层和第三层的服务器可以承受当时的负载，那么根本不需要做出任何改动。4.中间件层 是整个系统体系结构中最重要的一个环节。 是联系前台应用和后台数据库的唯一纽带，该软件系统选择是否得当，对整个网站技术的运用至关重要。 提供了对不同的数据库操作的接口，使后台数据库对前端的应
19、用程序员来说是完全透明的。使得程序员可以很方便地编程以实现其所需要的功能。 通过中间件层，可以达到将前台应用和后台数据库分开的目的。5.数据库层 整个网站动态数据内容存储的地方。 几乎所有的应用都与数据库有关。 数据库服务器的配置应该比较高，而且应尽可能的稳定。 所用到的数据库服务器的数目取决于网站的规模和应用的大小。 对于一个成熟的网站来说，至少需要两个以上的数据库服务器，这样可以互相备份，同时降低服务器的负载，达到负载均衡的目的。第四、五章思考题 请简要回答网站技术架构设计所包含的主要工作。 请简要回答网站运行平台的环境要求。 请分析并说明网站三层架构的组成与作用。第六章 网络广告的分类B
20、anner 横幅广告（旗帜广告）最常见的网络广告形式。常用尺寸是 486*60（或 80）像素（pixels） ，以 GIF、JPG 等格式建立图像文件，放置在网页中。全尺寸 BANNER 为 392*72，全尺寸带导航条 BANNER为 234*60，半尺寸 BANNER 为 125*125。Button 按钮广告常用的按钮式广告尺寸有四种：125*125（方形按钮） 、120*90 、120*60、88*31 像素，尺寸偏小，表现手法较简单。Wallpaper 墙纸广告把广告主所要表现的广告内容体现在墙纸上，安排放在具有墙纸内容的网站上。Interstitial Ads 插页广告又称弹跳式
21、广告，广告主选择在自己喜欢的网站或栏目之前插入一个新窗口显示广告内容。Direct Marketing 直邮广告又称邮件列表广告，利用网站电子刊物服务中的电子邮件列表，将广告在读者所订阅的刊物中发放给相应的邮箱所属人。E-Mail 电子邮件广告广告形式以 Banner 为主，广告大多出现在拥有免费电子邮件服务的网站上，经常会出现在个人邮箱的主页上。Sponsorships 赞助广告分为三种赞助形式：内容赞助、栏目赞助及节目赞助，广告可选择自己感兴趣的网站内容与网站节目进行赞助Contests & Promotions 竞赛和促销广告广告主可以与网站一起合办他们认为感兴趣的网上竞赛或网上促销推广活动。Interactive Games 互动式游戏广告在一段页面游戏开始、中间或结束的时候，广告都可随之出现，并且可以根据广告主的产品要求为之量身定做一个专门表现其产品的互动式游戏广告。Navigator 导航广告
