网站基础知识

1.1网络基础知识

在学习网站规划设计之前，应对计算机网络的相关知识进行初步了解，如Internt、TCP/IP、WWW等。

1.1.1计算机网络简介

计算机网络，是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统、网络管理软件及网络通信协议的管理和协调下，实现资源共享和数据通信的计算机系统。

1.计算机网络的组成

计算机网络整体可以划分为通信子网和资源子网两大部分。

2.计算机网络的分类

1）局域网

所谓局域网（local area netwok，LAN），就是在局部地区范围内的网络，它所覆盖的地理范围较小，在几米至10千米以内。局域网在计算机数量上没有太多的限制，少的可以只有两台，多的可达几百台。局域网一般位于一个建筑物或一个单位内，不存在寻径问题，不包括网络层的应用。

2）城域网

城域网（metropolitan area network，MAN）一般是由位于一个城市的计算机互连而成的网络。城域网的覆盖范围通常在10千米至100千米，采用IEEE 802.6标准。MAN与LAN相比扩展的距离更长，连接的计算机数量更多，在地理范围上可以说是LAN的延伸，一个MAN通常连接着多个LAN。

3）广域网

广域网（wide area Network，WAN）也称远程网，通常跨接很大的物理范围，所覆盖的范围从几十千米到几千千米，它能连接多个城市或国家，或横跨几个洲并能提供远距离通信，形成国际性的远程网络。在广域网内，用于通信的传输设备和介质一般由电信部门提供，网络则由多个部门联合或由国家组建，网络规模大，能实现较大范围的资源共享。国际互联网Internet就是全球最大的广域网。

3.计算机网络的功能

计算机网络的功能主要表现在资源共享和数据通信两个方面。

1）资源共享

2）数据通信

1.1.2 Internet简介

Internet是一个采用TCP/IP（传输控制协议/因特网互联协议）把各个国家、各种机构的内部网络连接起来的数据通信网，起源于20世纪70年代的ARPANET（阿帕网）。

Internet提供了丰富的服务，主要包括以下内容。

1.万维网服务

2.电子邮件服务

3.文件传输服务

4.远程登录

1.1.3 TCP/IP简介

计算机网络中的计算机和网络设备数量巨大、种类繁多，为了能够正确而有序地进行数据交换，必须遵守一些事先约定好的规则，这些规则就是协议。协议是一组控制数据通信的规则，这些规则明确规定了所交换的数据格式、时序，为进行数据交换而建立的规则、标准或约定的集合就称为网络协议。

通常所说的TCP/IP是一组协议的总称，它包括众多相互关联的协议，其中网际协议（Internet protocol，IP）是网络层最重要的协议，传输控制协议（transmission control protocol，TCP）是传输层中最主要的协议。

TCP是提供可靠服务、面向链接的协议，确保数据报可以完整地进行接收。

IP定义了数据按照数据报传输的格式和规则，将来自传输层的数据封装成IP数据包，送往作为目的地的接收端，IP最重要的作用就是将数据传送到目的计算机上。

1.1.4 WWW

WWW是环球信息网world wide Web的缩写，也可以简称为Web，中文名字为“万维网”。

1.2 网站相关概念

为了更好地学习网站规划设计，必须了解网站的相关概念，如网站、网页、URL、浏览器等。

1.2.1 网站和网页

1.网站

网站（website）是指根据一定的规则将相关网页有机组合起来形成的集合，所有网页都可以通过超链接相互访问。

2.网页

网页是构成网站的基本元素。网页实际上是一个文件，它存放在Internet上的某一台计算机中，而这台计算机必须是与互联网相连的。

1.2.2 URL

统一资源定位符（universal resource locator，URL）也称为网页地址，是因特网上标准的资源地址，用于完整地描述Internet上网页和其他资源的地址的一种标识方法。

URL由3部分组成，格式如下：

协议类型：//主机域名或IP地址/路径/文件名。

1.2.3 IP地址和域名

1.IP地址

每个连接Internet的计算机、服务器以及其他网络实体都有自己唯一的IP地址，使用IP地址区分Internet上的每台计算机和网络设备。

每个IP地址的长度为32位（bit），分4段，每段8位（1个字节），常用十进制数字表示，每段数字范围为0～255，段与段之间用“.”分隔，如202.101.10.1。

使用IP地址可以直接访问该IP地址代表的网站，但是，对于普通用户而言，IP地址非常难以记忆，因此，在Internet 上使用了一套和IP地址对应的域名系统（domain name system，DNS），域名系统使用与主机位置、作用、行业有关的一组字符组成，既容易理解又方便记忆，域名与IP地址一一对应。

TCP是提供可靠服务、面向链接的协议，确保数据报可以完整地进行接收。IP协议定义了数据按照数据报传输的格式和规则，将来自传输层的数据封装成IP数据包，送往作为目的地的接收端，最重要的作用就是将数据传送到目的计算机上。

2.域名

在Internet上使用了一套和IP地址对应的域名系统（domain name system，DNS），域名系统使用与主机位置、作用、行业有关的一组字符组成，既容易理解又方便记忆，域名与IP地址一一对应。

域名的一般格式为：主机.网络名称.子域.一级域。

1.2.4 浏览器

浏览器是指可以显示Web服务器的网页文件内容，并让用户与这些文件交互的一种软件。浏览器主要通过HTTP与Web服务器交互并获取网页，这些网页由URL指定。浏览器属于客户端浏览程序，向Web服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。

目前常见的浏览器有IE（Internet Explorer）、Firefox、Netscape Navigator等。

1.2.5 ISP

ISP（Internet service provider）的意思是互联网服务提供商，是向广大用户综合提供互联网接入业务、信息业务和增值业务的电信运营商，是经国家主管部门批准的正式运营企业，如中国电信等。

一台计算机要通过ISP提供的接入服务，根据ISP提供的帐号接入Internet，才能访问Internet上的资源。

1.2.6 HTTP

HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议。它是一种详细规定了浏览器和万维网服务器之间互相通信的规则。HTTP是非常可靠的协议，它具有强大的自检能力，所有用户请求的文件到达客户端时，一定是准确无误的。

1.2.7Web

Web本意是蜘蛛网和网的意思。对于普通用户来说，Web仅仅只是一种环境——互联网的使用环境、氛围、内容等。而对于网站设计、制作者来说，它是一系列技术的复合总称（包括网站的前台布局、后台程序、美工、数据库开发等），我们称它为网页。

1.2.8 W3C

W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。W3C最重要的工作是发展Web规范，自1994年成立以来，已经发布了200多项影响深远的Web技术标准及实施指南，如超文本标记语言（HTML）、可扩展标记语言（XML）等。这些规范有效地促进了Web技术的兼容，对互联网的发展和应用起到了基础性和根本性的支撑作用。

Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面，具体如下：

（1）结构标准

结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分，具体区别如下：

XML（英文The Extensible Markup Language 的缩写）是一种可扩展标记语言。XML最初的目的是为了弥补HTML 的不足，它具有强大的扩展性，可用于数据的转换和描述。

XHTML（英文The Extensible HyperText Markup Language的缩写）是可扩展超文本标识语言。XHTML是基于XML 的标识语言，是在HTML4.0的基础上，用XML的规则对其进行扩展建立起来的，它实现了HTML向XML的过渡。

（2）表现标准

表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS，具体介绍如下：

CSS（英文Cascading Style Sheet的缩写）是层叠样式表。CSS标准建立的目的是以CSS为基础进行网页布局，控制网页的表现。CSS布局与XHTML结构语言相结合，可以实现表现与结构的分离，使网站的访问及维护更加容易。

（3）行为标准

行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。具体区别如下：

DOM（英文Document Object Model的缩写）是文档对象模型。W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

ECMAScript是ECMA（英文European Computer Manufacturers Association的缩写）国际以JavaScript为基础制定的标准脚本语言。JavaScript是一种基于对象和事件驱动，并具有相对安全性的客户端脚本语言，广泛用于Web 开发，常用来给HTML网页添加动态功能，比如响应用户的各种操作。

1.2.9 HTML

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。

HTML之所以称为超文本标记语言，不仅是因为它通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。

超链接是指Web页面中从一个页面跳转到另一个页面或从页面的一个位置跳转到另一位置的链接关系。链接的目标通常是一个Web页面，也可以是图片、多媒体、电子邮件甚至一个程序。在Web页中可以设置指向其他Web页或其自身特定位置的超链接。单击被设置为超链接的文本或图片就可以从一个Web页跳转到另一个Web页，或从网页的一处跳转到另一处，或者转到不同的站点。

1.2.10 CSS

CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

JavaScript是Web页面中的一种脚本语言，通过JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。

CSS的全称为cascading style sheets，中文意思为“层叠样式表”，是能制作出各种样式网页的技术统称。CSS 是一种定义样式（如字体、颜色和位置）的语言，用于描述如何格式化和显示网页中的信息。CSS样式可直接存储在HTML网页中，也可存储为独立的样式表文件。不管以哪种方式保存，样式表都包含将样式应用于特定类型元素的样式规则。在外部使用时，样式规则放在外部样式表文档中，文件扩展名为.css。

2. CSS语法由selector（选择符）、property（属性）和value（值）3部分构成，语法格式如下：

selector{property:value}

selector通常是希望定义的HTML元素或标签，property是希望改变的属性，每个属性都有一个值。

1.3 建站前的准备工作

1.3.1 申请网站空间

网站必须存放到Web服务器中，而且Web服务器必须接入Internet，网站才能发布成功。把网站放到Web服务器上又可以分为以下两种情况：

1.自建Web服务器

2.将网站上传到专门的Web服务器上

1.3.2 申请域名

网站有了域名才能被访问，在我国，工业和信息化部负责中国互联网络域名的管理工作，用户可以通过域名注册服务商申请和购买域名，目前域名有英文域名和中文域名两种。

申请域名的一般步骤如下：

（1）准备域名

（2）注册域名

（3）网站备案。

1.4网站规划设计

1. 网站建设流程是指一个网站从提出建设到网站建设完成并投入运行的各个环节，也包括后期的维护等工作。网站的类型多种多样，但无论哪种类型的网站，其建设过程大致相同，一般都经过4个阶段：网站策划、网站规划与设计、网站实现及网站维护。

2. 明确建站目的和类型、确定技术解决方案、网站内容及结构、网页设计要求等。

3. 根据网站主体分类：政府网站、企业网站、教育科研机构网站、个人网站和非盈利机构网站等；根据网站提供的服务分类：资讯类网站、交易类网站、互动游戏类网站、功能型网站、综合类网站和办公类网站等。

4. 网站的形象是通过许多方面来体现的，包括网站的定位、网站的主题和名称、网站的布局、网站标志设计、色彩搭配、版面布局、浏览方式、交互方式等。

5. 公司统一标志（corporate identity，CI）的意思是通过视觉来统一企业的形象。准确而有创意的CI设计，对网站的宣传推广有事半功倍的效果。

6. 网站的栏目规划、网站的版块设计、网站的目录结构设计、网站的链接结构设计。

7. 建设网站前的市场分析、建设网站目的及功能定位、网站技术解决方案、网站内容及实现方式、网页设计、网站测试方案、网站维护方案、网站推广方案、网站开发的进度、网站建设费用预算。

1.5网页设计

1．在网页设计中遵循一些普遍适用的设计准则，对于指导设计过程，培养良好的设计风格，体现设计者的意图，并最终得到符合用户需求的网页作品有着指导作用。应该遵循以下原则：

明确的网站定位；鲜明的设计主题；清晰的导航结构；统一的页面风格；快捷的下载速度；良好的可兼容性。

2．页面尺寸需要从横向和纵向两个方向确定，通常以“屏”或“像素”为单位。用户在浏览网页时，浏览器窗口中显示的有效面积会受到显示器尺寸以及分辨率设置的影响，分辨率越高，页面尺寸越大。设计页面空间时需要界定

网页的尺寸大小，采用合适的尺寸才能保证用户浏览网页的有效面积。一般而言，分辨率在800×600像素的情况下页面宽度控制在778像素内，分辨率在1024×768像素的情况下页面宽度控制在1002像素内，这样不会出现水平滚动条，可以将页面内容完整地显示在一屏的宽度中。

3．视觉流程是指人的视觉在接受外界信息时的流动过程。视觉流程的形成是由人类的视觉特性所决定的。受生理结构限制，人眼只能产生一个视觉焦点，不能同时把视线停留在两处或更多的地方，通过视线移动进行浏览和观察来感知外部世界。视觉流程可以分为直线视觉流程、曲线视觉流程、焦点视觉流程和反复视觉流程4种。

4．常见的网页空间结构包括有框架式分割和自由式分割两种。框架式分割借助框架或表格界定的方形区域对页面空间进行分割，分割所得的版式结构有以下几种：（1）国字结构。（2）上下结构。（3）左右结构。（4）上下左右结构。具体实例读者可参考教材中所举例的网站说明。

5．网站导航从本质上来说是一组将信息分类的超链接，通过首页或主要页面的超链接为浏览者提供以下功能：使浏览者迅速了解网站的整体结构。使浏览者明确当前所处位置。使浏览者能够进入网站其他页面。使浏览者可以随时回到首页。如菜单导航，主要用于功能复杂、栏目众多的网站。网站中需要导航的内容很多，用其他导航形式会显得冗长，而下拉式菜单便于用户直接进入更深的层级，减少二次选择，也节省了占用网页的空间，参看教材图3-20所示。

6．色彩具有色相、纯度、明度3个属性，也称为色彩的三要素。无彩色只有明度属性。色相：也叫色调，是指色彩的相貌或种类，是色彩最基本的特征。通常所说的红、橙、黄、绿、青、蓝、紫就是不同的色相，它们之间的差别属于色相的差别。纯度：也叫浓度、饱和度，是指色彩的鲜艳程度、纯净程度。任何一种颜色加入黑、白、灰等无彩色都会降低其饱和度。明度：也叫亮度，指色彩的深浅、明暗程度，明度越大，色彩越亮。

7．信息设计是如何面向用户合理组织页面中的文字、图片、动画、表单等元素，以实现信息的高效传播，需要在信息设计上遵循一些基本的原则。信息设计的基本原则是：避免使用陈旧或不完整的信息，否则将影响网站的形象。良好的版面设计非常重要。避免使用过多的色彩，色彩应作为线索，用于标志不同类型的信息。避免使用过多的图形和动画。保持一致性。

1.6网站测试

网站开发人员完成网站系统的设计开发工作之后，都必须保证网站系统的所有组成部分能够正常工作。因此，网站系统的测试工作十分重要。

网站开发人员完成网站系统的设计开发工作之后，都必须保证网站系统的所有组成部分能够正常工作。因此，网站系统的测试工作十分重要。

1.在不同浏览器中测试

网站系统的设计开发人员通过使用不同的浏览器，把设计和制作完成的网站系统从主页开始，逐页地进行检查，以便保证所有的网页在各种浏览器上都有不错的显示效果，而且没有任何错误。有时候，在Internet Explore系列浏览器、FireFox、Opera和Maxthon浏览器中显示的效果可能并不一样，但只要能够做到兼顾显示，不影响网页内容的

表达，就可以认为通过了浏览器的测试。

2.在不同分辨率设置环境下测试

鉴于当前用户的习惯和计算机主流屏幕的大小，推荐使用1024×768像素的分辨率进行网页设计，同时，现在宽屏显示器的市场份额也在提升，所以有的网站又提供了宽屏版。

3.链接测试

发布网站之前，应该测试所有的超链接。如果网站包含断开的超链接（即具有无效目标URL的超链接），则当网站访问者单击该超链接时，浏览器会显示一条错误消息。原因可能仅仅是URL输入错误或URL指向的网页已经从网站中删除了。如果目标是WWW上的另一网页，则该网页可能被移动或删除了。因此超级链接的正确性测试是网站系统测试的重要环节。

1.7网站发布前的准备工作

1.网站服务器的选择

前面已经介绍过，可以选择虚拟主机或者自备服务器进行托管。根据网站的性质、规模和面向的区域选择合适的服务器。

2.域名的申请及备案

当然，域名的申请工作在进行网站规划时就已经进行了。这里要说的是，在我国，网站服务器必须进行域名备案工作，如果不进行域名备案，即使上传了网站，ISP也不会开通网站。

有两种方式进行域名备案：

（1）ISP代理备案。由提供域名和网站服务器的ISP根据客户提交的信息代理备案，比较适用于初级用户。

（2）自行备案。用户通过互联网登录到工业和信息化部的“ICP/IP地址/域名信息备案管理系统”（https://www.sodocs.net/doc/1c16818575.html,），根据提示，提交相应的信息，由网站建设单位自主备案，一般备案周期为20个工作日。

1.8网站发布

网站制作完成后，需要将其发布到Internet上，才能让浏览者访问。所谓发布到Internet，即是将网站的所有文档上传到网站服务器，那么首先就要选择网站服务器。

1.虚拟主机

虚拟主机是使用特殊的软硬件技术，把一台计算机主机分成一台台“虚拟”的主机，每一台虚拟主机都具有独立的域名和IP地址（或共享的IP地址），具有完整的Internet服务器功能。虚拟主机之间完全独立，在外界看来，每一台虚拟主机和一台独立的主机完全一样，用户可以利用它来建立完全属于自己的WWW、FTP和E-mail服务器。也就是说，一台服务器上可以同时运行很多的网站。

2.服务器托管

服务器托管即租用ISP机架位置，建立网站服务器系统。服务器主机放置在ISP机房内，由ISP分配IP地址，提供必要的维护工作，由用户自己进行主机内部的系统维护及数据的更新。这种方式特别适用于有大量数据需要通过Internet进行传递，以及有大量信息需要发布的用户，如大型门户网站和商业网站。

网站发布就是将网站从本地上传到网站服务器，使之可以被Internet的访问者浏览。通过FTP，可以将本地

机上的文件上传到服务器。

?网页上传工具

?1.CuteFTP

最早支持断点续传的FTP客户软件之一，是一个集FTP上传下载、FTP搜索和网页编辑功能于一体的软件包、其功能强大，使用方便，支持拖放。

?2.FlashFXP