网站建设第1章-网站规划和设计.ppt

1、2022年7月25日星期一8时59分48秒第第1章 网站规划和设计【知识与技能要点】1、了解网站开发的流程2、掌握域名的申请步骤3、理解服务商的概念4、正确选择接入方式2022年7月25日星期一8时59分48秒对于企业、事业单位而言，建设网站可以宣传自己的形象和介绍产品、服务、与客户之间有更好的交流沟通，增加企业、事业单位的知名度。对于个人而言，可以在综合类网站提供的二级域名上建设自己的主页。个人主页可以展示个人风采，交流某些方面的经验，与同行进行交流沟通。如果你建设的网站很成功，还有可能获得风险投资。无论是企业、事业单位的网站还是个人主页，要想使网站结构清晰合理、内容准确详实、页面生动鲜明、

2、完整的网站建设规划和具体的设计方案是在开始建设网站之前必须考虑的问题。第第1章 网站规划和设计 2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程 网站的建设通常都遵循一个基本的流程：即规划阶段、设计阶段、开发阶段、发布阶段与维护阶段。如下图所示。规划维护设计发布开发2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程 1.1.1网站规划 规划站点是网站建设的第一步。“好的开始是成功的一半”，良好的网站规划是进一步开发的基础。1.确定网站目标 尽管建设网站的目标不尽相同，但是作为网站开发者，我们必须十分明确这个目标。因为站点目标越明确，发现的问题就越多

3、，以后的工作也就越具体。这个过程实际上是整理思路的过程，它将作为下一步工作的指导。2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程 2.分析目标用户对站点的需求 因为一个网站想在同一时间内让所有访问者都感觉到满意是不可能的，因此我们必须根据站点目标确定出可能对网站感兴趣的目标用户，然后从目标用户的角度出发，考虑他们对站点的需求，从而将制作的站点最大限度地与目标用户的愿望统一，这样就能够接近或达到建立站点的目标，从而获得最大的成功。2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程 3.确定站点风格 确定站点的整体风格，也就是确定网站内容的大致表现形

4、式，包括网页所采用的布局结构、颜色、字体、图像效果、标志图案等。(1)信息式 这种类型的网页界面是以文字信息为主，页面的布局要求整齐划一，简洁明快。站点导航结构清楚，通常采用文字导航或简单的按钮导航，整个站点以提供文字信息为主要目标。2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程(2)画廊式 该类站点的典型代表是一些设计类的个人网站或公司网站，它们的表现形式主要以图像、动画、多媒体等高新网络技术为主，注重通过各种信息手段表现个人特色或公司要宣传的理念。(3)综合式 随着网站技术的日渐成熟，网站的表现形式渐渐变得模糊起来。即使是传统的以信息提供为主的网站，也添加了大量的

5、多媒体的修饰成分，从而使访问者得到了更加丰富的上网体验。而对于传统的画廊式网站，则添加了更多内容的方面，使访问者不但能得到美的享受，而且能获得相应的信息。2022年7月25日星期一8时59分48秒1.1网站开发流程网站开发流程 4.考虑网络技术因素 确定了网站的风格后，就需要考虑影响目标用户访问网站的网络技术因素了，这些因素将决定网页最终的下载显示以及使用。(1)带宽 网络带宽是指通信线路上一定时间内的信息流量，一般用来表示网络的信息传输速度。带宽所决定的连接速度将影响到网页的设计，因为对于网站访问者来说，下载速度是他们评价网页的最重要的因素之一。2022年7月25日星期一8时59分49秒1.

6、1网站开发流程网站开发流程(2)浏览器与分辨率 鉴于目前国内用户使用的大多是Windows98/Me/NT/2000/XP自身携带的IE浏览器，索引一般在制作网页时不考虑浏览器的兼容问题，除非确定目标用户可能使用其他类型的浏览器。(3)即时交互与插件 考虑网站是否需要进行交互了。例如，若希望提供即时的交互，那么接着就要考虑在网页中加入JavaScript脚本，或是使用一些服务器端编程技术（如ASP、PHP等），或是使用一些可以实现交互式功能的对象（如Flash对象、Authorware对象等）。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程 1.1.2网站设计 经过网

7、站规划阶段后，网页设计者对所面临的形势有了一个大概的了解，接下来将进入工作流程中的第二步网页设计。1.建立站点的目录结构 在设计站点时，应该事先在计算机硬盘中建立一个文件夹，以它作为工作的起点。具有良好的组织结构的站点文件夹会使得网站更易于制作和维护。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程 通常的做法是：首先将站点中的各种信息资源进行整理、归类，然后在计算机硬盘上新建一个站点文件夹（即根文件夹），再根据需要在文件夹中新建若干个子文件夹，以便将不同类型的文件存放在站点中，最后是在这个站点根文件夹中新建一个主页文件。在网站开发中一定要特别注意文件、文件夹、图像等网

8、页素材的命名，由于这些命名规则受到不同操作系统的影响，故应该在网站中使用通用名称。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程 在网站中命名时一般应遵循以下规则：(1)最好使用小写英文名称(可以用汉语拼音代替)，但中间不能有空格。例如mypage.htm、youmain.htm等。一般情况下，不要使用中文文件名。(2)可以包含数字或下划线，例如mypage1.htm、you_main.htm等。(3)注意正确使用文件的扩展名，网页文件的扩展名为.htm或.html，而图像也有自己的扩展名，例如：logo.gif、image_1.jpg等。一般情况下，文件的扩展名都是

9、由响应软件自动添加的。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程2.设计导航系统 网站中的导航系统，实质上是指一组使用了超链接技术的网页对象（包括文字、按钮、小图片等），它们将网站中的内容有机地连接在一起，是浏览者获取网页信息的基本界面 导航系统一般可以分为文本导航、图片导航和图像映射导航。文本导航简洁实用，图片导航直观高效，图像映射导航则能使站点更具有特色，用户需要根据站点目标确定采用哪种类型的站点导航。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程 导航设计的基本原则是：通过最少的点击次数得到最多的信息。这就意味着应该根据页面内容的逻

10、辑关系制作网站的导航系统，而不是将网站中的所有信息都用超链接连接起来，否则浏览者将无法进行有效浏览。设计网站导航系统时应该注意以下几个要点：(1)浏览者应该能够方便的知道他们现在正处于网站中的什么位置，也就是说要提供页面的位置信息。(2)在页面中提供返回首页或上一级页面的超链接。(3)提供与站点制作者联系的电子邮件链接。(4)整个导航系统的风格应该一致，否则会使浏览者产生一种已经离开该网站的错觉。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程3.设计页面的版式 页面版式就是如何安排网页中的元素（包括文本、图像、动画等），或者指明用什么形式表现网页的内容。在设计页面布局

11、之前，首先应确定页面中要放置什么内容，包括导航栏、文本、图像或其他多媒体信息的详细数目，然后在纸上或图像处理软件（如Photoshop、Fireworks等）中绘制出页面的布局效果，最后可以选择使用特定排版技术（如表格、层或框架等），对内容进行排版。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程 在设计页面版式时应注意以下两点内容：(1)设计页面应以网站目标为准，最大限度地体现网站的功能。(2)形象简明，易于接受，设计页面时应当始终为目标用户着想，网页中的任何信息都应该是为浏览者服务的。要确保网页中的信息能够被用户接受。总之，设计页面布局时，简单即是美，和谐即是美。2

12、022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程页面布局2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程4.网页中的颜色 显示器通过三种基本颜色（红、绿、蓝）来调配显示的颜色，但是不同的显示器对颜色的支持程度不同，所以颜色显示出来就会有一定的差异。为了避免这种情况的发生，可以在制作网页或处理图像时使用所谓的“Web安全色”。在使用#号和6位数字的十六进制数值构造的颜色时，若红、绿、蓝三原色的每两位数值相同则称为安全色。由“00、33、66、99、CC、FF”组成的颜色值，是设置256色显示器绝对支持的颜色，称为标准安全色。2022年7月25日星期一

13、8时59分49秒1.1网站开发流程网站开发流程 在网页制作过程中通过设置文本颜色、背景颜色、链接颜色以及图像的颜色，可以构造出很多网页布局效果。一般设计颜色方案时应遵循以下几个要点：(1)保持一致性。若选择了一种颜色作为网站的主色调，那么最好在网页中保持这种风格，另外页面中的图像或其他多媒体信息的颜色也应该与之匹配。(2)注意可读性。获取信息是绝大多数访问者浏览的目的，故不论是文本式的网页还是画廊式的网页，应该注意页面的可读性。例如，白底黑字显然比黑底白字的可读性好，而在黑色背景下的紫色超链接，可能会被访问者忽略掉。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程5.文

14、字、图像、动画等对象的使用 网页中的文字设计也是体现站点风格的一种方式。为确保网页中的所有的字体能够被访问者的浏览器正确显示，中文网站中的字体最好使用默认的“宋体”，或是“楷体”、“黑体”等基本字体。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程1.1.3网页制作 网站建设的第三步是具体事实设计结果，即将站点中的网页按照设计方案制作出来。此阶段需要根据设计阶段制作出的示范网页，通过Dreamweaver等软件在各个具体网页中添加实际的内容，包括文本、图像、声音、Flash电影以及其他多媒体信息。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程1

15、.1.4网站发布 网站制作到一定规模后，就可以考虑将它发布到Internet上，以便使人们能够通过Internet访问它。发布站点时，用户首先需要向ISP申请网页空间，得到有关远程站点的基本信息（包括用户名、主机地址、用户密码等），然后使用FTP软件或Dreamweaver进行网站上传。2022年7月25日星期一8时59分49秒1.1网站开发流程网站开发流程1.1.5网站维护 将站点上传并不意味者大功告成，因为只有不断地更新站点中的信息，才能吸引新的访问者和留住现有的访问者。随着网站的发布，我们应该根据访问者的建议，不断修改或更新网站中的信息，并从浏览者的角度出发进一步地将网站完善。这时网站建

16、设工作又返回到流程中的第一步，这样周而复始，就构成了网站的维护过程。2022年7月25日星期一8时59分49秒1.2 申请域名申请域名 建立网站就必须拥有自己的域名，域名可以理解为我们常说的网址。域名在国际互联网（也称因特网）上是唯一的，谁先注册，谁就具有使用权。你在建立网站之前首先应该申请域名。有了域名之后，你就可以将建立的网站放置到Web服务器上，全世界的浏览者在浏览器上只要键入你注册的域名，就可以随时浏览你的网页。2022年7月25日星期一8时59分49秒1.2 申请域名申请域名 l1.2.1 域名常识 与Internet互连的服务器以IP（Internet Protocol）地址作为唯

17、一标识，我们建立的网站就是放置到这个具有唯一标识的服务器上，这样，只要键入这个Internet上唯一的IP地址就可以立即打开网站主页。IP地址不易记忆，因此国际互联网机构就使用域名映射IP地址的方法，通过DNS域名解析系统将域名解析成IP地址。域名有国内域名和国际域名之分。而域名本身有顶级域名、二级域名、三级域名等之分。域名是由域名注册服务商代表注册者行使域名注册请求或更改服务的。2022年7月25日星期一8时59分49秒1.2 申请域名申请域名 1.2.2 域名的层次 任何域名都是由英文字母和数字组成，各部分之间用英文的“.”来分隔。一个完整的域名应该由两个或两个以上的部分组成。最右边的部分

18、称为顶级域名。如。2022年7月25日星期一8时59分49秒1.2 申请域名申请域名 1.2.3 域名命名规则 1.国际域名的命名规则 国际域名的命名一般遵循下列规则：国际域名可使用英文26个字母,10个阿拉伯数字以及横杠(-)组成，其中横杠不能作为开始符和结束符。国际域名不能超过 67 个字符(包括.com、.net和.org)。域名不能包含空格，在域名中英文字母是不区分大小写的。2022年7月25日星期一8时59分50秒1.2 申请域名申请域名 2.国内域名的命名规则 对于注册国内域名，也就是顶级域名为cn的域名，CNNIC（中国互联网络信息中心）在国际域名命名规则的基础上又增加了一些要求

19、。如国内用户只能注册三级域名，各级域名之间用实点“.”连接，三级域名长度不得超过20个字符；不得使用或限制使用以下名称。见教材。值得注意的是在对国内域名命名时,一般遵循下列规则。见教材。2022年7月25日星期一8时59分50秒1.2 申请域名申请域名 域名申请是指在有资格进行域名注册代理的机构那里进行域名登记，无论是国内域名还是国际域名，域名申请都需委托一家专门机构进行。目前在国内无论是专业化程度还是知名度及CNNIC全国优秀代理排名，中国万网（）都一直在域名注册以及主机托管领域名列前茅。下面就以在中国万网上申请国内域名为例，说明域名申请的步骤和方法。2022年7月25日星期一8时59分50

20、秒1.2 申请域名申请域名 在浏览器中键入http:/网址，你将进入中国万网的主页，如图1-7所示。首先在“英文域名查询”框中输入你准备注册的域名，以查询该域名是否有人已经注册。例如你在查询框中输入thegirlofthw后，选择其中的（代表要注册国内商业类域名），而后单击右侧的“查询”按钮，等待一会，如果域名还没被注册，则会出现如图1-8所示的窗口；如果该域名已经被注册，则会出现如图1-9所示的窗口，此时你需要重新输入其他域名后再查询注册的情况。2022年7月25日星期一8时59分50秒1.2 申请域名申请域名 当你再次输入的域名没有被注册，则接下来你会进入到域名注册界面，如图1-10所示。

21、你会看到一些相关的提示信息，如包括域名注册的价格、服务期限等，你需要选择一种付款方式。而后单击“提交”按钮，进入下一个操作界面。接下来出现的操作界面是用于填写注册人信息的界面，如图1-11所示。值得注意的是：用户首先必须先要接受网站制定的注册协议，即必须选中“我已阅读，理解并接受中国万网国内英文域名注册协议”此项，如图1-11下部所示，若没有选中，则在提交时，无法通过。另外，在填写注册人信息时，凡带有星号的项目是必填项，如图1-11所示，如果没有填写，提交检查时会报错，即返回注册人信息界面，要求必须如实填写。2022年7月25日星期一8时59分50秒1.2 申请域名申请域名 2022年7月25

22、日星期一8时59分50秒1.2 申请域名申请域名 2022年7月25日星期一8时59分50秒1.2 申请域名申请域名2022年7月25日星期一8时59分50秒1.2 申请域名申请域名2022年7月25日星期一8时59分50秒1.2 申请域名申请域名2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 1.3.1ISP概述 1.什么是ISP ISP(Internet Server Provider，Internet服务提供商)就是为用户提供Internet接入和(或)Internet信息服务的公司和机构。前者又称为IAP(Internet Access Prov

23、ider，Internet 接入提供商)，后者又称为ICP(Internet Content Provider，Internet内容提供商)。由于接入国际互联网需要租用国际信道，其成本对于一般用户是无法承担的。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 2.ISP的应用 ISP（因特网服务提供商）能提供拨号上网服务、网上浏览、下载文件、收发电子邮件等服务，是网络最终用户进入Internet的入口和桥梁。它包括Internet接入服务和Internet内容提供服务。ISP提供的接入方式很多，目前比较流行的方法有局域网(LAN)、宽带ADSL以及普通拨号

24、上网(dial-up)。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 ISP为家庭和商业用户提供因特网连接服务。有本地、区域、全国和全球等四种ISP。然而,提供带宽、转接和路由业务的区域和全国提供商被称为NSP(网络服务提供商)更为适合。在大多数情况下，互联方案是分级的，本地的ISP接入区域NSP，然后依次接入全国和全球的NSP。ISP通常是本地服务提供商，为客户提供因特网接入和支持。而NSP更注重于网络基础设施和转售带宽。我国最大的ISP服务提供商是中国电信局。选择一个好的ISP服务商，能使我们更好地在Internet上漫游。选择的时候，应该注意服务

25、商的中继线条数、通信线路速率及出口速率。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 3.ISP的发展过程 ISP最初出现在20世纪80年代末。美国国家科学基金会(NSF)创立了NSFNET，它定义了一个分级网络方案，其中本地网络接入区域网，而区域网又接入NSFNET国家骨干网。到了1993年，因特网商业化的压力特别大。NSF决定私有化因特网，并宣布停止资助NSFNET的意图，将其现有的网络资源转为商业运作。因特网的商业化开始了。由NSF出资建立的区域网络变成了开始转售带宽和转接业务给小型ISP的商业实体。今天主要的骨干网运营商包括Sprint.MCI

26、 Worldcom、Cable&Wireless等。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 4.ISP典型设施PoP 一个典型的ISP设施(PoP)是一个安装路由器、服务器、存储设备和其他通信和网络设备的安全位置。PoP是客户可以连接到服务提供商的设备并获得对更大网络访问的任何设施。一些PoP是为最终用户接入设计的，而另一些是为允许ISP连接到NSP网络而设计的。PoP不是因特网专有的实体。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 一般来说，PoP有两个主要特征：接入方和因特网连接方。在接入方和因特网

27、连接方之间是一个核心网络或者一个交换机，提供双方的互联和与其他设备的连接,例如RADIUS AAA(身份验证、授权、记帐)服务器、DNS服务器、电子邮件服务器、Web服务器、主机系统等等。PoP也装有支持设备,例如机架、电源、电缆托架、机柜、保安系统和防火以及管理业务。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 PoP通过其核心设施将许多小网络和成百上千的个人用户集中连接到通向因特网的一个或多个高速中继线上。当然也可能存在多个因特网连接，一些是到服务提供商拥有的其他PoP的，一些是到因特网骨干网的，还有一些直接通到其他的区域网来完成连接。此时ISP提

28、供商可以提供配置业务，允许公司在PoP处安装他们的设备和利用快速因特网进行连接。2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 1.3.2如何选择ISP ISP是因特网服务提供商,它能提供拨号上网服务、网上浏览、下载文件、收发电子邮件等服务，是网络最终用户进入Internet的入口和桥梁。不同的ISP所提供的服务是有所差别的，我们应按需选择合适的ISP。如图1-7所示的中国万网就是一个ISP，它主要提供了包括域名注册、虚拟主机服务、独享主机服务、企业邮箱、速成网站的建设方案、如何制作网站和对网站的推广等服务。2022年7月25日星期一8时59分50秒1.

29、3 选择网站建设服务商选择网站建设服务商 1.SOHU 2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商 2.北京宽带网 2022年7月25日星期一8时59分50秒1.3 选择网站建设服务商选择网站建设服务商3.北京教育信息网 2022年7月25日星期一8时59分50秒1.4 选择网站接入方式选择网站接入方式 随着电信竞争的加剧、用户规模的扩大、业务量的增长以及业务种类的增多，尤其是用户对各种新业务、宽带业务的需求越来越高，传统的用户接入网络的方式已经越来越不适应新形势，已成为整个电信网的瓶颈。因此宽带化、综合化、IP化、智能化已成为用户接入网络的发展新方

30、向。2022年7月25日星期一8时59分50秒1.4 选择网站接入方式选择网站接入方式 1.ADSL接入方式 ADSL是目前DSL技术系列中最适合宽带上网的技术，理论上ADSL可在5公里的范围内、在一对铜缆双绞线上实现下行速度达8Mbps、上行速率达1Mbps的数据传输。但由于受骨干网带宽、网站服务器速度以及线路状况的限制并基于经济性等方面的考虑，现阶段运营商在开放ADSL接入业务时提供的下行带宽一般限制在512Kbps2Mbps范围内。ADSL的标准化很完善，产品的互通性很好，随着使用量的增大价格也在大幅下降，而且ADSL接入能提供QoS服务，且确保用户能独享一定的带宽。ADSL作为最经济便

31、捷的宽带接入途径，是目前中国两大固定网络运营商重点发展的宽带技术。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式 2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式 2.DDN接入方式 DDN专线将数字通信技术、计算机技术、光纤通信技术以及数字交叉连接技术等有机的结合在一起，提供了一种高速度、高质量、高可靠性的通信环境，为用户规划、建立自己安全、高效的专用数据网络提供了条件，因此，在多种Internet的接入方式中深受广大客户的青睐。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式 2022年

32、7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式 3.FTTxLAN接入方式 当光纤进入大楼或小区后，采用以太网接入(即FTTxLAN)是被广泛看好而又争议不断的宽带接入手段。以太网接入采用5类非屏蔽双绞线(UTP)作为接入线路，因此需要在楼内进行综合布线。以太网在局域网中几乎一统天下，将以太网引入到接入网甚至城域网后，从用户桌面到接入网再到核心网就可以完全采用同一技术，避免了协议转换带来的问题。以太网接入方式具有扩展性好、价格便宜、接入速率高、技术成熟简单等优势，能向用户提供10/100M的终端接入速率。尤其是对于高密度用户群，以太网接入的经济性也非常好，而我国由于城

33、市居民的居住密度大，正好适合以太网接入的这一特性。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式 4.光纤接入方式 光纤接入能提供的带宽潜力是其它接入方式无法比拟的，而光纤到户(FTTH)是宽带接入的根本解决手段，不过现阶段FTTH还不是经济可行的，现阶段主要是实现光纤到大楼/小区。在光纤到大楼/小区后，实现光纤接入的主要技术手段有ATM多业务接入、SDH接入、千兆以太网接入等有源光纤接入技术和无源光纤接入技术PON。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式5.宽带无线接入方式无线接入方式由于摆脱了线缆的束缚而有着巨

34、大的吸引力。根据终端的可移动特性，宽带无线接入可分为固定无线接入、可小范围低速移动的无线接入(如WLAN)和可大范围高速移动的无线接入(如3G)等。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式6.有线电视宽带Cable Modem接入技术我国有线电视网用户目前已超过一亿户，并以每年5%以上的速度继续增长，因此，利用现有电视网络设施的宽带接入技术越来越引起人们的重视，而CableModem以其特有的普及面宽、低成本、大容量、距离远、能支持多种业务的优势，必将有良好的发展前景。2022年7月25日星期一8时59分51秒1.4 选择网站接入方式选择网站接入方式7.电力线通信技术电力线通信（Power Line Communication）技术简称为PLC技术，是利用配电网低压线路传输高速数据、话音、图像等多媒体业务信号的一种通信方式。因为它具有无需新线、覆盖范围广、连接方便的显著特点，被认为是提供“最后一公里”解决方案最具竞争力的技术之一。