网站规划与设计

网站设计与维护

第2章网站规划与设计5/28/20261.知识回顾前面章节学习了以下内容：网站的分类企业与网站网站设计的一般原则和步骤5/28/20262通过本章的学习，主要掌握以下知识点：建设前的准备工作域名策略选择网站运行平台内容实现结构设计风格和创意5/28/202632.1网站建设前的准备工作确定目标准备建设网站所需软件、硬件选择合适的Internet接入方式估算成本5/28/202642.1.1确定目标1、确定目标的依据：需求分析业务流程分析与竞争者的对比分析分析服务方式5/28/202652.1.1确定目标2、确定目标的方法：否是调研分析市场客户潜在访问者可行？确定目标5/28/202662.1.1确定目标调研一般采用问卷调查的方式，例如编号问

题具体内容（1）任务或目标是什么？这是最重要的问题，阅读客户的任务陈述和商业计划带来有益的提示，收集尽可能多的客户表述，这样会发现一些任务陈述或商业计划中没有明显提到的有价值的信息（2）网站的近期目标和远期目标是什么？每个人都有关于网站的不同看法，很多人可能没想得那么长远，他们只想立即把网站建起来井使之运行：想得长远些会使企业隐患少一些，因为这样会更有效地容纳网站的增长和改变（3）谁是确定的访问者？大多数企业网站甚至没有想过他们的访问者，这或许是设汁网站的第一号错误，这个问题的提出常能唤醒企业（4）网站特色为什么人们会来到企业网站？网站在卖产品吗？网站有独特的服务吗？人们第一次到企业网站是为了什么？他们还会再来吗？如果企业已经有了一个网站，企业应寻找这些问题的答案…………………………….5/28/202672.1.1确定目标3、确定网站目标的原则——客户喜欢

目标的确定受到多方面因素的制约。总之要根据客户的需求、市场的状况、企业自身的情况等进行综合分析，牢记以消费者为中心。5/28/202682.1.2准备建站所需软硬件一、硬件：组成网站的各种设备的集合。主要有两大部分：网络设备、服务器。1.网络设备有3种：路由器、交换机和安全设备。

(1)路由器路由器是一种连接多个网络或网段的网络设备，是将电子商务网站联入广域网的重要设备。(2)交换机交换机是局域网组网的重要设备，多台不同的计算机可以通过交换机组成网络。(3)防火墙防火墙是一个由软件、硬件或软硬件结合的系统，是电子商务网站内部网络和外部网络之间的一道屏障，可限制外界未经授权用户访问内部网络，管理内部用户访问外部网络的权限。

5/28/202692.1.2准备建站所需软硬件一、硬件：组成网站的各种设备的集合。主要有两大部分：网络设备、服务器。2．服务器服务器选择方案如下：(1)建立自己独立的站点(2)服务器托管(3)租用服务器(4)租用虚拟主机5/28/2026102.1.2准备建站所需软硬件选择主机时注意的问题（1）性能（2）价格（3）售后服务选择主机的原则——合适就好

5/28/2026112.1.2准备建站所需软硬件二、软件：服务器上运行的程序及后台支持的数据类型，主要有：操作系统、WEB服务器、数据库三部分。数据库5/28/2026122.1.2准备建站所需软硬件1．操作系统软件

(1)WindowsNT/2000/xp支持多种硬件平台和多种网络协议；可以与多种服务器操作系统进行互操作(2)UNIX是一个具有不同硬件平台的多用户操作系统，具有多种不同的版本(3)Netware操作系统是世界上第一个真正的微机局域网操作系统(4)Linux操作系统是UNIX在微机上的完整实现，它性能稳定、功能强大、技术先进，是目前最流行的微机操作系统之一5/28/2026132.1.2准备建站所需软硬件2．WEB服务器

(1)IIS（InternetInformationServer）只能在Windows下运行，是Windows操作系统下的首选，和微软的SQLServer数据库结合性能最好。(2)Apache是一个自由软件，支持多种操作系统平台和数据库，是目前最流行的WEB服务器之一。(3)iPlanetWebServer

是Netscape公司生产的Web服务器软件，支持多种操作系统平台和数据库

5/28/2026142.1.2准备建站所需软硬件3．数据库

(1)SQLServer

(2)MySQL(3)Oracle

5/28/2026152.1.2准备建站所需软硬件4、下面是几种比较常见的搭配方式：

1)windows2000+IIS+ASP+SQLServer；

2)Linux+Apache+PHP+MySQL；

3)NetWare+NovellWebServer；

4)SolarisforIntel+iPlanetWebServer+JSP+Oracle

5/28/2026162.1.2准备建站所需软硬件软硬件平台的性能指标(1)响应能力(2)与后端服务器的集成(3)管理的难易程度(4)信息开发的难易程度(5)稳定性(6)可靠性(7)安全性(8)与其它系统的搭配5/28/2026172.1.3接入Internet的方式Internet接入技术的目的在于将用户的局域网或计算机与公用网络连接在一起。主要采用的技术有以下几种：（1）PSTN电话拨号入网。电话拨号入网是最常用、最简单的接入Internet的方法,目前最高速率为56kbps

。5/28/202618PSTN拨号5/28/202619（2）ISDN。综合业务数字网（IntegratedServiceDigitalNetwork，ISDN），俗称“一线通”，用户利用一条ISDN用户线路，可以在上网的同时拨打电话、收发传真，就像两条电话线一样。ISDN基本速率接口有两条64kbps的信息通路和一条16kbps的信令通路，简称2B+D，当有电话拨入时，它会自动释放一个B信道来进行电话接听。5/28/202620ISDN拨号5/28/202621（3）DDN。数字数据网（DigitalDataNetwork，DDN）专线接入，可以向用户提供点对点、点对多点透明传输的数据专线出租电路，为用户传输数据、图像、声音等信息。DDN的通信速率可根据用户需要在N×64kbps(N=1～32)之间进行选择，当然速度越快租用费用也越高。主要面向集团公司等需要综合运用的单位。5/28/202622DDN专线5/28/202623（4）CableModem。CableModem（线缆调制解调器）是利用现成的有线电视网进行数据传输，是访问Internet的一种高速接入方式。(接入图与ISDN相似)（5）ADSL。非对称数字用户环路（AsymmetricDigitalSubscriberLoop，ADSL）能够在现有的双绞线，即普通电话线上根据当地线路状况提供2M-8Mbps下行速率和640Kbps-1Mbps的上行速率。(接入图与ISDN相似)还有一种更高速的宽带接入VDSL（短矩高速）5/28/202624VDSL5/28/202625（6）光缆接入技术。光缆接入技术可分光纤接入（SDH，可实现FTTB：光纤到楼；FTTZ：光纤到小区）技术和光纤同轴电缆混合（HFC）接入技术。5/28/202626（7）无线接入。无线接入技术分微波、短波和卫星三类。 微波被称为无线电网，是一种性能优异的宽带用户接人网。卫星接入是利用卫星通信系统提供的接入服务，它由人造卫星和地面站组成，用卫星作为中继站转发地面传入的无线电信号。与微波接入技术类似，利用专用的短波设备也可以接入Internet，且接入速率和距离都较理想。5/28/202627无线接入5/28/2026282.1.4建站费用估算对建设网站进行预算，主要是进行经济可行性分析。

经济可行性分析主要是对开发项目的成本与效益作出评估，即分析新系统所带来的经济效益是否超过开发和维护网站所需要的费用。

5/28/2026292.1.4建站费用估算

1.网站费用网站费用包括以下几项内容：（1）设备费用它包括计算机硬件、软件、输入输出设备、空调、电源及其他机房设施、设备的安装及调试费用等。（2）开发费用系统开发所需要的劳务费及其他有关开支。（3）运行费用它包括运行所需的各种材料费用，例如电、纸张等费用，以及设备的维护费用。其他与运行有关的费用开支也应包括在内。5/28/2026302.1.4建站费用估算（4）维护费用在估计费用时，维护费用是一个经常被忽略的问题，一些单位只考虑购买设备的费用，每年的维护费用却没有预算在内，结果出现买得起、用不起的局面。（5）培训费用它包括用户管理人员、操作人员及维护人员培训等费用。5/28/2026312.1.4建站费用估算建立并运行一个网站需要投资。网站建设是一项新技术，可供选择的方案很多，所以成本高低可能不大一样。企业最好在建站前进行一些调查工作，调查工作可以包括以下几个方面的内容：企业是否有必要拥有和运行自己的服务器；企业的网站或服务器怎样与Internet连接；谁为企业设计网站：谁为企业管理维护网站，管理维护的内容和范围是什么；企业是否愿意接受在线订货；企业的网站是否有必要与现有的数据库、订货系统和财务系统接口连接。5/28/202632第三次课课程名称网站设计与维护开课专业计算机应用专业授课班级200530601~200530606配用教材电子工业出版社《网站设计与维护》授课类型理论课授课时间２课时教学章节第2章第２、３、４节教学目的本次课主要介绍网站的域名策略，网站平台的架设及网站内容开发。通过本次课的学习，学生应能为网站申请合适的域名，根据网站的实际情况来架设网站平台并为网站安排必须的内容。教学重点域名策略，网站平台的架设及网站内容开发教学难点域名策略，网站平台的架设及网站内容开发教材处理本节次讲授教材的第2章的2、3、4节。教具教法以讲述法为主，多媒体教学课件为辅。5/28/2026332.2域名策略关于域名如何选择域名域名注册需注意的问题5/28/2026342.2.1域名域名是一种基于IP地址的层次化的主机命名方式。1、域名在全世界具有惟一性；2、域名采用分层结构，如www.tgc.edu.cn

主机名三级二级顶级

3、域名被存放在服务器中，运行时由DNS服务器将其转换成对应的IP地址；4、域名是一切网络活动的开始。一个网站的域名代表了这个网站的无形资产，是企业的网上“商标”。5、域名由字母、数字或“－”组成，字母不区分大小写。

5/28/202635域名结构5/28/202636常用顶级域名.AC科研机构.COM工、商、金融等企业.EDU教育机构.GOV政府部门.NET互联网络、接入网络的信息中心(NIC)和运行中心(NOC).ORG各种非盈利性的组织.MIL军事机构.aero航空运输业专用.museum博物馆专用.coop商业合机构.info可以替代.net.biz可以替代.com的通用域名.name是个人网站的专用域名.pro医生和律师等职业5/28/2026372.2.2如何选择域名1、企业注册域名的好处①域名注册可以将企业的网站放置在任何一个ISP的服务器上，如果企业对其服务不满意或认为连线速度过慢，可以立即更换。②可以让客户很容易记忆企业的地址，并方便地为他们服务。③能够让客户直接了解企业的产品或服务，即企业域名可以简单概括出企业所提供的产品或服务。因此，如果企业想长期在Internet上开展自己的业务，那么，就非常有必要登记一个属于自己的独立域名，它会始终为企业忠实地工作。5/28/2026382.2.2如何选择域名2、如何选择域名①符合公司的性质或信息内容的性质，如顶级域名；②简洁、易记、标识性强；如8848③具有一定的内涵,如51job。一般采用企业名谐音（拼音，数字等）或通用公司名、公司名缩写，长度不超过20个字符5/28/2026392.2.3域名注册

域名是网站的“商标”。其惟一性使域名资源有限，谁先注册，谁就有权使用。从某种意义上说，域名就是财富。域名注册一般要经过以下程序：查询申请审核开通1、查询（whois）：了解你想注册的域名是否已被注册；国际域名：国内域名：

5/28/202640Internic5/28/202641cnnic5/28/2026422.2.3域名注册2、注册：填写申请资料并递交

①国内域名：CNNIC的注册服务机构国际域名：INTERNIC②可通过WEB在线填写，或下载相关表格后填写再用E-mail发送，也可传真等③递交申请方相关身份证明材料。国内域名注册申请人必须是依法登记并且能够独立承担民事责任的组织，注册时须出示营业执照复印件，然后填写在线定单。国际域名注册则没有条件限制，单位和个人均可以申请，企业只要填写在线订单，告知域名即可。5/28/202643根据《中国互联网络域名管理办法》的规定，CNNIC在2002年12月16日全面变革域名管理服务模式：CNNIC作为CN域名注册管理机构，不再直接面对最终用户提供CN域名注册相关服务，域名注册服务将转由CNNIC认证的域名注册服务机构提供。注册商管理体系结构图如下：5/28/2026442.2.3域名注册3、审核：管理机构对申请者的资料进行核实。4、开通：

①通过ISP注册的免费域名一般可马上开通；②付费域名需先交费，再开通，逾期不交者将取消其域名服务。5、域名申请的注意事项a、选择好的ISPb、有效解决域名冲突，如被抢注、已使用；c、尽早申请，和申请的域名相同的其它类域名一起注册，及时续费。5/28/202645例如：中国万网的申请流程5/28/202646附：域名争议案例1、2005年7月9日美国国家仲裁法院做出最终裁决，对Google的域名保护请求给予支持，同时将与类似域名（如googkle等）所的有权判归Google所有。2、2006年11月戴尔在向义乌民企讨回域名官司败诉，此前8月戴尔公司曾赢得域名官司从一公司夺走3、北京国网信息公司注册的域名达到5000多个。包括杜邦、宜家、护舒宝、玉兰油及陶氏等这些位列世界500强企业的商标同名符号，认定法院认定为“恶意抢注”，数个域名被撤消。在国内单位或个人与国外公司的域名争议多以国内单位败诉告终，这主要是因为受到诉讼程序和语言的限制。

5/28/2026472.3架构平台1、了解常用操作系统的特点；2、确定平台架构方式；3、虚拟主机的利弊分析4、自有服务器的利弊分析5/28/202648Windows1、由Microsoft（微软）公司开发的。其网络操作系统主要有：WindowsNT4.0Serve、Windows2000Server/AdvanceServer，以及最新的Windows2003Server/AdvanceServer；2、较高的可靠性和安全性；3、采用Windows家族统一的图形界面，使用户学习、使用起来更加容易。(也最易受到攻击)5/28/202649Unix1、目前常用的UNIX系统版本主要有：UnixSUR4.0、HP-UX11.0，SUN的Solaris8.0等。版本较多，互不兼容；2、系统稳定和安全性能非常好；3、内核用C语言编写，具有较好的二次开发能力；4、但由于它多数是以命令方式来进行操作的，初级用户不容易掌握。

5/28/202650关于UNIX1969年，Bell实验室的KenThompson开始利用一台闲置的PDP-7计算机开发了一种多用户，多任务操作系统。很快，DennisRichie加入了这个项目，在他们共同努力下诞生了最早的UNIX。Richie受一个更早的项目——MULTICS的启发，将此操作系统命名为Unix。早期UNIX是用汇编语言编写的，但其第三个版本用一种崭新的编程语言C重新设计了。C是Richie设计出来并用于编写操作系统的程序语言。通过这次重新编写，Unix得以移植到更为强大的DECPDP-11/45与11/70计算机上运行。后来发生的一切，正如他们所说，已经成为历史。Unix从实验室走出来并成为了操作系统的主流，现在几乎每个主要的计算机厂商都有其自有版本的Unix.

5/28/202651Linux1、是一种类Unix操作系统，目前也有中文版本的Linux，如REDHAT(红帽子)，红旗Linux等；2、最大的特点就是源代码开放，可以免费得到许多应用程序；3、有很好的安全性和稳定性；4、支持图形界面和命令方式，适合不同的用户。但目前使仍主要应用于中、高档服务器中。

5/28/202652关于LINUXLinux起源于一个学生的简单需求。LinusTorvalds,Linux的作者与主要维护者，在其上大学时所买得起的唯一软件是Minix（是一个类似Unix，被广泛用来辅助教学的简单操作系统。Linus对Minix不是很满意，于是决定自己编写软件。他以学生时代熟悉的Unix作为原型，在一台Intel386PC上开始了他的工作。他的进展很快，受工作成绩的鼓舞，他将这项成果通过互连网与其他同学共享，主要用于学术领域。有人看到了这个软件并开始分发。每当出现新问题时，有人会立刻找到解决办法并加入其中，很快的，Linux成为了一个操作系统。5/28/202653Linix界面5/28/202654Linux25/28/202655虚拟主机的利弊分析有利因素不得因素廉价没有软件程序适应性无须服务器维护可能支付潜在的额外费用能快速实现上网信赖于维护服务获得额外服务别人控制，不够安全不须系统管理员有时要应付不友好的主机5/28/202656虚拟主机的定义:

虚拟主机(VirtualHostVirtualServer)是使用特殊的软硬件技术,把一台计算机主机分成一台台"虚拟"的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能。在同一台硬件、同一个操作系统上,运行着为多个用户打开的不同的服务器程序,互不干扰;而各个用户拥有自己的一部分系统资源(IP地址、文件存储空间、内存、CPU时间等)。虚拟主机之间完全独立,在外界看来,每一台虚拟主机和一台独立的主机的表现完全一样。由于多台虚拟主机共享一台真实主机的资源,每个用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低,Internet真正成为人人用得起的网络!现在,几乎所有的美国公司(包括一些家庭)均在网络上设立了自己的WEB服务器,其中有相当的部分采用的是虚拟主机!5/28/202657自有服务器的利弊分析有利因素不利因素易于经常实现更新可能费用昂贵对内容完全控制需全天候的系统管理员可用内联网要负责管理服务器对网站安全有更大控制力安全性挑战有自己的系统管理员需更多职员提供大型机的数据库连接困难的CGI设置能出租WEB空间更改服务方式的代价高5/28/2026582.4网站内容开发决定网站内容的关键是一个好的定位;从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，建站前要对市场进行调研，根据网站定位来策划网站内容。5/28/202659网站主题1、什么是网站主题？网站主题即网站的题材，如学习类、娱乐类等。2、确定网站主题的原则定位要小，内容要精（即准确）要结合自身特点和优势目标不易太高5/28/202660名称设计名称设计原则：名称在正（合法）；简洁易记（不多于6个字）；有特色，但符合网站主题。5/28/202661定位网站的CI形象CI：通过视觉来统一企业的形象。1、LOGO设计利用网站的代表性人物、图案、商标，或适当变形；专业网站可选择其有代表性的标志；网站的英文名称，采用不同的字体，字母的变形，字母的组合。5/28/202662定位网站的CI形象2、色彩：物体对一定波长的光的反射，使人们能识别色彩。为了在实际工作中更方便地运用色彩，必须将色彩按照一定的规律和秩序排列起来，这就是色相环。5/28/202663定位网站的CI形象凡两种色光相加呈现白光，两种颜色相混呈现灰黑色，那么这两种色光和这两种颜色即互为补色。

5/28/202664十种基本配色设计5/28/202665十种基本配色设计5/28/202666十种基本配色设计5/28/202667十种基本配色设计5/28/202668单色的功能红色：热情、喜庆、胜利，流血、危险

黄色：辉煌、柔和、充满希望，轻薄、软弱

橙色：明亮、华丽、温暖、辉煌，最易动人绿色：青春、旺盛，不成熟、没有经验蓝色：深远、纯净、单纯，冷漠、缺少生命紫色：高贵、奢华、幽雅，流动、不安

白色：明亮、干净、朴素、直率、圣洁

黑色：安静、深思、坚毅、神秘，阴森、恐怖、甚至死亡。5/28/202669定位网站的CI形象网站色彩设计的要求：体现网站形象和内涵；标志、标题、菜单和banner的色系要统一；主要色系：蓝、黄／橙、黑／灰／白。5/28/202670定位网站的CI形象3、字体标准字体为宋体；网页字体大小最好使用CSS样式指定；特别的地方可用其它的特殊字体点缀，但最好做成图片，以保证显示效果。4、宣传语口号：一般出现在主页面的标题栏或页面的banner中有冲击力、煽动性。5/28/202671hao12315/28/202672招商银行5/28/202673内容策划应包含的信息（1）网站的名称（2）网页的标题（3）网站的脊梁－结构（4）内容（5）指向网页的连接或指向网站其他网页的链接（6）网站的联络方法（7）网站的建立或更新日期（8）版权说明5/28/202674网站内容开发的要点HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。要让所有的浏览器都能够正常浏览。网站信息的组织的关键在于总体结构的层次分明。否则不仅不利于用户查找感兴趣的内容，而且在信息不断增多后还会使维护工作非常困难。图像和多媒体信息的使用要适中，减少文件数量和大小是必要的。有一个好的主页，因为它们会给用户留下第一印象，好的第一印象能够吸引用户再次光临这个网站。5/28/202675网站内容开发的要点网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。网页中应该提供—些联机帮助功能。比如输入查询关键词就可以提供一些简单的例子，千万不能让用户不知所措。网页的文本内容应简明扼要、通俗易懂。所有内容都要针对设计目标而编写，不要节外生枝。文字要正确,不能有语法错误和错别字。5/28/202676WEB站点的典型内容企业的Web站点应包括以下典型内容。1）企业的基本背景介绍企业的背景介绍材料，如果有条件，最好能够提供相应的英文版，简介文字最好提供简单和详实两个版本。专业的电子版企业简介应该具有图文混排的非HTML格式，例如可以使用Acrobat的PDF格式供客户下载，因为Acrobat文件能够保持图文排列的整体观感。2）详细的产品资料或服务介绍企业应该把自己的主要产品的全貌反映在网站上，让客户能够查询到产品的主要技术规格、照片和其他可公开的信息；服务类企业应该通过各种手段把详尽的服务内容和条款列出。为使企业产品能够在网站上用更形象的手段体现，可以采用VRML编辑器构筑一些虚拟现实场景。5/28/202677WEB站点的典型内容（3）技术支持资料除了产品说明书之外，企业还应该掌握自己产品的更多信息，比如常见故障处理、计算机产品的编程接口等。这些资料如果能够公开，可放入网站，以减轻企业技术支持人员的工作量。（4）企业营销网络很多企业在总部以外都有其他分支机构，为此企业应该在网站上列出全球范围内所有可接洽到的办公场所，包括它们的电话、传真、电子邮件，并列出它们各自的职能。（5）收集客户反馈在企业网站上应该至少带有一个客户反馈表单，用于收集客户和普通访问者对企业改进产品和服务的意见或建议。网络管理员应该经常检查提交上来的内容，并及时转交给企业决策部门使用。（6）其他针对企业经营特点的内容加入与本网站有关的链接，如音响制品厂商可以加入音乐站点链接。但是，千万不要直接链接到竞争厂商的网站。5/28/202678dell5/28/202679ibm5/28/202680haier5/28/202681常用版面布局的形式①“T”结构布局所谓“T”结构就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。因为菜单条背景较深，整体效果类似英文字母“T”，所以称为“T”形布局。如HAO123.net等。优点：是页面结构清晰、主次分明，且是初学者最容易掌握的布局方法。缺点：是规矩呆板，如果色彩细节上再不注意，很容易让人看后乏味。5/28/202682hao1235/28/202683常用版面布局的形式②“国”字形布局这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。优点：是充分利用版面，信息量大。缺点：是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如CCTV。5/28/202684cct