建网站的准备工作课件

建网站的准备工作网站规划与网页设计建网站的准备工作1.1Internet概述1.2浏览器-服务器模式1.3Web标准第1章建站的准备工作建网站的准备工作

Internet即国际计算机互联网，在中国也称“因特网”或“万维网”，是由符合TCP/IP等网络协议的网络组成的互联网。它是目前全世界最大的网络，包含着丰富多彩的信息，并提供方便快捷的服务。它缩短了人们之间的距离。通过Internet，用户可以与接入Internet的任何一台计算机进行交流，如发邮件、聊天、通话等。在这一节中，主要介绍Internet的工作原理、Internet发展简史及其提供的主要服务等基础知识，让用户对Internet有个大致的了解。1.1Internet概述建网站的准备工作1.1.1Internet的工作原理所谓计算机网络，就是将各自独立的计算机主机（结点）通过通信线路连接而成的信息技术系统。Internet是一种全球范围的基于分组交换原理和TCP/IP的计算机网络。它将信息进行分组（分割为许多小数据包）后以数据包为单位进行传输。Internet在进行信息传输时要完成的任务主要有两项：一是正确分割源文件，以及在目的地将同一源文件的数据包准确地重组起来；二是将数据包准确地送往目的地。1.1.2Internet发展简史

Internet起源于20世纪60年代。1968年，基于分组交换原理的计算机网络——ARPANET。1983年，TCP/IP协议的建立，使计算机通信有了统一的标准。这是计算机网络发展史上的一个里程碑，网络从此进入高速发展的时代。

1.1Internet概述建网站的准备工作1.1.3Internet提供的主要服务

1．电子邮件

2．文件的下载和上传

3．信息查询

4．文件传输

5．网上聊天

6．BBS电子公告栏

7．网上游戏

8．个人主页空间

9．电子商务

1.1Internet概述建网站的准备工作1.1.4TCP/IP简介当计算机通过Internet相互进行通信时，它们使用的协议是TCP/IP（传输控制协议/网际协议）。1.1Internet概述图1-1TCP/IP各层与OSI模型的对应关系1．TCP/IP的分层

TCP/IP的各层分别为主机至网络层、互连网层、传输层和应用层。如图1-1所示，在TCP/IP中，主机至网络层相当于OSI模型中的物理层和链路层；与互连网层等价的部分为网络层；另外一个兼容的协议层为传输层，TCP和UDP都运行在这一层；TCP/IP应用层协议与OSI模型的高层是相互对应的OSITCP/IP应用层表示层会话层传输层网络层链路层物理层主机至网络层互连网层传输层（不存在）（不存在）应用层7654321建网站的准备工作1.1.4TCP/IP简介

2．TCP/IP协议

TCP/IP是一种分层协议，这一点与OSI模型中的协议层有些类似，但是并不完全相同。TCP/IP大约包含近100个非专有的协议，通过这些协议，可以高效、可靠地实现计算机系统之间的互联。TCP/IP协议簇中的核心协议主要有：传输控制协议（TCP）、用户数据报协议（UDP）、网际协议（IP）。对主要协议起补充作用的协议有5个，它们是通过TCP/IP提供的5个应用服务：文件传输协议（FTP）、远程登录协议（TELNET）、简单邮件传输协议（SMTP）、域名服务（DNS）、简单网络管理协议（SNMP）和远程网络监测（RMON）。

1.1Internet概述建网站的准备工作1.1.5IP地址和域名

1．IP地址

IP地址共占用32位，一般以4个十进制数字表示，每个数字之间用小圆点（.）隔开，例如，“05”，这种记录方法称为“点—数”记号法。通常用IP地址标识一个网络和与网络连接的一台主机。IP地址采用一种两级结构，一部分表示主机所属的网络，另一部分表示主机本身，主机必须位于特定的网络中，IP地址的基本组成为：“网络标识号＋主机标识号”。为充分利用IP地址资源，考虑不同规模网络的需要，IP协议将32位地址空间划分为不同的地址级别，并定义了5类地址，A～E类。其中，A、B、C三类由InterNIC在全球范围内统一分配；D、E类为特殊地址，一般不使用。1.1Internet概述建网站的准备工作1.1.5IP地址和域名

2．域名

TCP/IP包中包含着一个域名服务（DomainNameService，DNS）。DNS通过一个名为“解析”的过程将域名转换为IP地址，或者将IP地址转换为域名。名字比用点分隔的十进制数IP地址更好记些。既然计算机仍然使用IP地址，那么就必须有一种方法在二者之间进行转换。DNS使用查找表格的方法来将二者的值关联起来。

Internet主机域名由三部分组成：最高层的域（TLD）（如国家或组织类型）、可选的子域名（如大学或企业名称）和主机名（如主机计算机的名称）。

1.1Internet概述建网站的准备工作1.1.5IP地址和域名

2．域名表1-1中说明了部分组织的InternetTLD域命名约定，表1-2中列出了部分国家的TLD域命名约定。1.1Internet概述组

织

类

型域命名约定国

家域命名约定国

家域命名约定商业com澳大利亚au莫桑比克mz教育edu加拿大ca尼日利亚ng政府gov中国cn波兰po国际条约组织int芬兰fi卡塔尔qa网络提供商net法国fr萨摩亚群岛ws非营利性组织org匈牙利hu瑞典se意大利it阿拉伯联合酋长国ae日本jp英国uk约旦jo美国us表1-1表1-2建网站的准备工作1.1.6万维网WWW

1．WWW和浏览器的基本概念

WWW是WorldWideWeb的缩写，又称3W或Web，中文译名为“万维网”。它作为Internet上的新一代用户界面，摒弃了以往纯文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用该技术可以为企业提供全球范围的多媒体信息服务，使企业获取信息的手段有了根本性的改善，与之密切相关的是浏览器（Browser）。浏览器实际上就是用于网上浏览的应用程序，其主要作用是显示网页和解释脚本。对一般设计者而言，不需要知道有关浏览器实现的技术细节，只要知道如何熟练掌握和使用它即可。用户只需要操作鼠标，就可以得到来自世界各地的文档、图片或视频等信息。1.1Internet概述建网站的准备工作1.1.6万维网WWW

1．WWW和浏览器的基本概念浏览器种类很多，目前常用的有InternetExplorer（简称IE）和Netscape两种。如图1-2所示的是IE浏览器的工作界面。1.1Internet概述图1-2IE浏览器的工作界面建网站的准备工作1.1.6万维网WWW

2．统一资源定位器（URL）

URL（UniversalResourceLocator）是“统一资源定位器”的英文缩写。每个站点及站点上的每个网页都有一个惟一的地址，这个地址被称为统一资源定位地址。向浏览器输入URL地址，可以访问其指向的网页，指定网页中的超文本时也要用到URL地址。

URL的基本结构为：通信协议：//服务器名称[:通信端口编号]/文件夹1[/文件夹2…]/文件名1.1Internet概述建网站的准备工作1.1.6万维网WWW

3．超文本超文本（HyperText）技术是把一些信息根据需要链接起来的一种信息管理技术，用户可以通过一个文本的链接指针打开另一个相关的文本。只要单击页面中的超链接（通常是带下划线的条目或图片），便可跳转到新的页面或另一位置，获得相关的信息。通常所说的网站或网页，就是由一个或多个超文本组成的，而进入网站首先看到的那一页称为首页或主页（HomePage）。通常由主页上的超链接引导用户跳转到其他位置。网页的出色之处在于能够把超链接（Hyperlink）嵌入网页中，这使用户能够从一个网页站点方便地转移到另一个相关的网页站点。1.1Internet概述建网站的准备工作1.1.6万维网WWW

4．超文本标记语言HTML（实质为排版语言）

网页是WWW的基本文档，它是用HTML（HyperTextMarkupLanguage，超文本标记语言）编写的。如图1-4所示的是显示在Windows“记事本”程序中的，用HTML编写的网页源代码。如图1-5所示的是经过浏览器“翻译”之后显示的对应该源代码的网页画面。1.1Internet概述图1-4HTML编写的网页源代码

图1-5浏览器“翻译”之后显示的对应该源代码的网页画面

建网站的准备工作1.1.6万维网WWW

5．HTTPHTTP（HyperTextTransferProtocol，超文本传输协议）是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。它可以使浏览器更加高效，使网络传输量减小。任何服务器除了包括供用户访问的HTML文件以外，还有一个HTTP驻留程序，用于响应用户的请求。在打开一个网页时，浏览器是HTTP客户，向服务器发送请求。当浏览器中输入一个HTTP的URL地址或单击一个超链接时，浏览器就向服务器发送一个HTTP请求，此请求被送往由IP地址指定的URL。服务器驻留程序接收到请求，在进行必要的操作后回送所要求的HTML源文件，最后在客户端浏览器将HTML源文件“翻译”成Web页面。简单地说，HTTP就是专门为WWW设计的协议。1.1Internet概述建网站的准备工作1.1.6万维网WWW

6．主页主页通常作为一个站点中的目录或索引，就像一份报纸的头版一样，把最热门、最重要的消息写在上面，然后再注明“详见第X版”，让读者能快速找到自己感兴趣的新闻。。

7．常用搜索引擎搜索引擎本身是一个网络站点，它能够在WWW上主动搜索其他Web站点中的信息并记录下各个网页的Internet地址（也称URL地址），并按要求进行排列，存放在可供查询的大型数据库中。这样，用户可以通过访问搜索引擎网络站点对所需信息进行查询。查询结果是一系列指向包含用户所需信息的网页的网络地址，通过单击超链接，就可以查看需要的信息了。在Internet上，提供信息查询服务的搜索引擎很多，它们一般分为两类：中文搜索引擎和英文搜索引擎。1.1Internet概述建网站的准备工作

随着Internet和Intranet的迅速发展，网络已经成为人们获取和交换信息的最有效的途径。同时，应用程序的设计已经由传统的C/S（Client/Server，客户-服务器）模式逐渐向B/S（Browser/Server，浏览器-服务器）模式过渡。

C/S模式是大家熟知的软件系统体系模式，通过将任务合理分配到Client端和Server端，降低了系统的通信开销，可以充分利用两端硬件环境的优势。

B/S模式是随着Internet技术的兴起，对C/S模式的一种变化或者改进的模式。在这种模式下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。B/S模式利用不断成熟和普及的浏览器技术实现原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。1.2浏览器-服务器模式建网站的准备工作B/S模式的工作原理如图1-8所示。1.2浏览器-服务器模式图1-8B/S模式的工作原理建网站的准备工作1.3Web标准

大多数网页设计人员都有这样的体验，每次主流浏览器版本的升级，都会使用户建立的网站变得过时，此时就需要升级或者重新建网站。同样，每当新的网络技术和交互设备出现时，设计人员也需要制作一个新版本来支持这种新技术或新设备，类似的问题举不胜举，例如，网站代码臃肿，浪费了大量的网络带宽；针对某种浏览器的DHTML特效屏蔽了部分潜在的客户，使之无法浏览网站等。这是一种恶性循环，是一种巨大的浪费。在W3C（）的组织下，Web标准开始被建立（以2000年10月6日发布XML1.0为标志），并在网站标准组织（）的督促下推广执行。建网站的准备工作1.3Web标准1.3.1Web标准的概念

1.结构标准语言

(1)XMLXML（ExtensibleMarkupLanguage，可扩展标识语言）目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。

(2)XHTMLXHTML（ExtensibleHyperTextMarkupLanguage，可扩展超文本标记语言）是HTML向XML过渡的一个桥梁。是一个引导人们逐步走向规范、走向XML的过渡方案。XHTML虽然有“X”但它并不能扩展，只是在HTML的基础上严格遵循XML规范。建网站的准备工作1.3Web标准2.表现标准语言

当讨论Web标准时，总是提及结构和表现分离的重要性。结构是文档中的主体部分，由语义化、结构化的标记组成。表现是赋予内容的一种样式，在大多数情况下，表现就是文档看起来的样子。尽可能地把结构和表现相分离，这样当表现变化时，不用去更改结构。

CSS（CascadingStyleSheets，层叠样式表）目前推荐遵循的是W3C于1998年5月12日推荐的CSS2（）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。建网站的准备工作3.行为标准

(1)DOM

根据W3CDOM规范（），DOM（DocumentObjectModel，文档对象模型）是一种与浏览器、平台、语言的接口，使得用户可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。

(2)ECMAScriptECMAScript是ECMA（EuropeanComputerManufacturersAssociation，欧洲计算机制造协会）制定的标准脚本语言。目前推荐遵循的是ECMAScript262。1.3Web标准建网站的准备工作1.3.2建立Web标准的目的简单地说，建立Web标准的目的是：提供最大利益给最多的网站用户；确保任何网站文档都能够长期有效；简化代码，降低建设成本；让网站更容易使用，能适应更多不同用户和更多网络设备；当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。1.3Web标准建网站的准备工作1.3.3采用Web标准的优点

1．客户端的优点采用Web标准后，客户端带来的好处主要体现在以下5个方面：文件下载与页面显示速度更快；内容能被更多的用户所访问（包括失明、弱视、色盲等残障人士）；内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人等）；用户能够通过样式选择定制自己的表现界面；所有页面都能提供适于打印的版本。

2．服务器端的优点采用Web标准后，服务器端带来的好处主要体现在以下5个方面：更少的代码和组件，容易维护；带宽要求降低（代码更简洁），成本降低；更容易被搜寻引擎搜索到；改版方便，不需要变动页面内容；提供打印版本而不需要复制内容。1.3Web标准建网站的准备工作

域名只是Internet中用于解决IP地址对应问题的一种方法。域名由若干个英文字母和数字组成，由“.”分隔成几部分，如、.cn等。1.4.1为什么要申请注册域名随着Internet信息时代的来临，电子商务、网上销售、网络广告已成为商界关注的热点。“上网”已成为不少人的口头禅。但是，要想在网上建立服务器发布信息，则必须首先注册自己的域名，只有有了自己的域名才能让别人访问到自己的网站。同时，由于域名的惟一性，尽早注册又是十分必要的。因此，为了在网上宣传自己的产品和服务，作为有头脑、有远见的企业和个人，应当及时申请注册自己的域名。1.4申请注册域名建网站的准备工作1.4.2Internet上域名命名的一般规则由于Internet上的各级域名分别由不同机构管理，因此，各个机构管理域名的方式和域名命名的规则也有所不同。但域名的命名也有一些共同的规则。

1．域名中使用的字符域名中只能包含字符：26个英文字母、数字0～9和“_”、“-”、“～”等。

2．域名中字符的组合规则域名中字符的组合规则是：在域名中不区分英文字母的大小写，对于一个域名的长度是有一定限制的。1.4

申请注册域名建网站的准备工作1.4.3如何选择好的域名策划一个成功的网站很不容易，但推广一个网站更困难。在导致网站失败的诸多因素中，一个糟糕的域名往往就注定了这个网站的悲剧性命运。因此，注册一个好的域名是至关重要的。在域名的选择时，需要注意以下3点。

1．避免难以记忆和过长的域名事实证明，二级域名超过12个字符时将很难被人们记住，即使这个域名是由可拼写的单词组成的，也不应超过此限度，因为较长的单词容易拼错。

2．域名中尽量使用常用字符尽量不要在域名中使用“_”、“-”、“～”这样的特殊字符。

3．域名应该朗朗上口，便于记忆域名的命名应该朗朗上口且让人过目不忘，如果用户看到域名就能够想到公司或个人的形象就再好不过了。1.4申请注册域名建网站的准备工作1.4.4申请域名的注意事项

1．委托公司代办注册的注意事项如果用户需要委托公司代办注册，需要注意以下3点：

考察委托公司的实力和可信度，确认不会因为该公司倒闭而使用户遭受不可估量的损失；

填写申请表时，所申请域名的管理联系人及信箱一定要是自己单位的，否则可能会失去域名的控制权；

代办的ISP或ICP最好有自己的网络，包括DNS服务器、网站等，而不是其他网站的虚拟主机用户。

2．“先申请先注册”的原则因为CNNIC对域名注册采用“先申请先注册”的原则，没有预留服务，即使注册者是著名品牌、大公司，其域名一旦被别的公司抢注就没有办法挽回了。

1.4申请注册域名建网站的准备工作1.4.4申请域名的注意事项

3．关于法律纠纷当域名出现纠纷时，按照管理规定，CNNIC的做法是：CNNIC不负责让国家工商行政管理部门及商标管理部门查询用户域名是否与注册商标或企业名称相冲突，是否侵害了第三者的权益。任何因这类冲突引起的纠纷，由申请人自己负责处理并承担法律责任。当某个三级域名与我国境内注册商标或者企业名称相同，并且注册域名不为注册商标或企业名称持有方拥有时，注册商标或者企业名称持有方若没有提出异议，则域名持有方可以继续使用其域名；若注册商标或者企业名称持有方提出异议，在确认其拥有注册商标权或者企业名称权之日起，各级域名管理单位为域名持有方保留30天域名服务，30天后域名服务终止。1.4申请注册域名建网站的准备工作1.4.5申请域名的形式

目前，申请域名有两种形式：一种是收费的，另一种是免费的。实际上，大多数域名是收费的，免费的域名