网站规划与设计

《网站规划与设计》由会员分享，可在线阅读，更多相关《网站规划与设计（95页珍藏版）》请在装配图网上搜索。

1、网站设计与维护网站设计与维护 第2章网站规划与设计 知识回顾知识回顾前面章节学习了以下内容：前面章节学习了以下内容：l网站的分类网站的分类l企业与网站企业与网站l网站设计的一般原则和步骤网站设计的一般原则和步骤9/12/20232通过本章的学习，主要掌握以下知识点：通过本章的学习，主要掌握以下知识点：建设前的准备工作建设前的准备工作 域名策略域名策略 选择网站运行平台选择网站运行平台内容实现内容实现结构设计结构设计风格和创意风格和创意 9/12/202332.1网站建设前的准备工作网站建设前的准备工作l确定目标l准备建设网站所需软件、硬件l选择合适的Internet接入方式l估算成本9/12/

2、202342.1.1 确定目标确定目标1、确定目标的依据：u需求分析u业务流程分析u与竞争者的对比分析u分析服务方式9/12/202352.1.1 确定目标确定目标2、确定目标的方法：否 是调研调研分析分析市场市场 客户客户 潜在访问者潜在访问者 可行？可行？确定目标确定目标9/12/202362.1.1 确定目标确定目标l调研一般采用问卷调查的方式，例如编号问 题具体内容（1）任务或目标是什么？这是最重要的问题，阅读客户的任务陈述和商业计划带来有益的提示，收集尽可能多的客户表述，这样会发现一些任务陈述或商业计划中没有明显提到的有价值的信息（2）网站的近期目标和远期目标是什么？每个人都有关于网

3、站的不同看法，很多人可能没想得那么长远，他们只想立即把网站建起来井使之运行：想得长远些会使企业隐患少一些，因为这样会更有效地容纳网站的增长和改变（3）谁是确定的访问者？大多数企业网站甚至没有想过他们的访问者，这或许是设汁网站的第一号错误，这个问题的提出常能唤醒企业（4）网站特色为什么人们会来到企业网站？网站在卖产品吗？网站有独特的服务吗？人们第一次到企业网站是为了什么？他们还会再来吗？如果企业已经有了一个网站，企业应寻找这些问题的答案.9/12/202372.1.1 确定目标确定目标3、确定网站目标的原则客户喜欢客户喜欢 目标的确定受到多方面因素的制约。总之要根据客户的需求、市场的状况、企业自

4、身的情况等进行综合分析，牢记以消费者为中心。9/12/202382.1.2 准备建站所需软硬件准备建站所需软硬件一、硬件：组成网站的各种设备的集合。主要有两大部分：网络设备、服务器。网络设备、服务器。1.网络设备有3种：路由器、交换机和安全设备。路由器、交换机和安全设备。(1)路由器路由器 路由器是一种连接多个网络或网段的网络设备，是将电子商务网站联入广域网的重要设备。(2)交换机交换机 交换机是局域网组网的重要设备，多台不同的计算机可以通过交换机组成网络。(3)防火墙防火墙 防火墙是一个由软件、硬件或软硬件结合的系统，是电子商务网站内部网络和外部网络之间的一道屏障，可限制外界未经授权用户访问

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

6、9/12/2023112.1.2 准备建站所需软硬件准备建站所需软硬件二、软件：服务器上运行的程序及后台支持的数据类型，主要有：操作系统、操作系统、WEB服务器、服务器、数据库数据库三部分。数据库9/12/2023122.1.2 准备建站所需软硬件准备建站所需软硬件1操作系统软件操作系统软件 (1)Windows NT/2000/xp 支持多种硬件平台和多种网络协议；可以与多种服务器操作系支持多种硬件平台和多种网络协议；可以与多种服务器操作系统进行互操作统进行互操作 (2)UNIX 是一个具有不同硬件平台的多用户操作系统，具有多种不同的是一个具有不同硬件平台的多用户操作系统，具有多种不同的版本

7、版本 (3)Net ware操作系统操作系统是世界上第一个真正的微机局域网操作系统是世界上第一个真正的微机局域网操作系统 (4)Linux操作系统操作系统 是是UNIX在微机上的完整实现，它性能稳定、功能强大、技术先在微机上的完整实现，它性能稳定、功能强大、技术先进，是目前最流行的微机操作系统之一进，是目前最流行的微机操作系统之一 9/12/2023132.1.2 准备建站所需软硬件准备建站所需软硬件2WEB服务器服务器 (1)IIS（Internet Information Server）只能在只能在Windows下运行，是下运行，是Windows操作系统下的首选，和微操作系统下的首选，和微

8、软的软的SQL Server数据库结合性能最好。数据库结合性能最好。(2)Apache 是一个自由软件，支持多种操作系统平台和数据库，是目前最是一个自由软件，支持多种操作系统平台和数据库，是目前最流行的流行的WEB服务器之一。服务器之一。(3)iPlanet Web Server 是是Netscape公司生产的公司生产的Web服务器软件，支持多种操作系统平服务器软件，支持多种操作系统平台和数据库台和数据库 9/12/2023142.1.2 准备建站所需软硬件准备建站所需软硬件3数据库数据库 (1)SQL Server (2)MySQL (3)Oracle 9/12/2023152.1.2 准备

9、建站所需软硬件准备建站所需软硬件4、下面是几种比较常见的搭配方式：1)windows2000+IIS+ASP+SQL Server；2)Linux+Apache+PHP+MySQL；3)NetWare+Novell Web Server；4)Solaris for Intel+iPlanet Web Server+JSP+Oracle 9/12/2023162.1.2 准备建站所需软硬件准备建站所需软硬件l软硬件平台的性能指标 (1)响应能力 (2)与后端服务器的集成 (3)管理的难易程度 (4)信息开发的难易程度 (5)稳定性 (6)可靠性 (7)安全性 (8)与其它系统的搭配9/12/20

10、23172.1.3 接入接入Internet的方式的方式Internet接入技术的目的在于将用户的局域网或接入技术的目的在于将用户的局域网或计算机与公用网络连接在一起。主要采用的计算机与公用网络连接在一起。主要采用的技术有以下几种：技术有以下几种：（1 1）PSTNPSTN电话拨号入网。电话拨号入网。电话拨号入网是最常用、最简单的接入电话拨号入网是最常用、最简单的接入InternetInternet的方法的方法,目前最高速率为目前最高速率为56kbps。9/12/202318PSTN拨号拨号 9/12/202319（2 2）ISDNISDN。综合业务数字网（。综合业务数字网（Integrate

11、d Integrated Service Digital NetworkService Digital Network，ISDNISDN），俗称），俗称“一线通一线通”，用户利用一条用户利用一条ISDN用户线路，可用户线路，可以在上网的同时拨打电话、收发传真，就像以在上网的同时拨打电话、收发传真，就像两条电话线一样。两条电话线一样。ISDN基本速率接口有两条基本速率接口有两条64kbps的信息通路和的信息通路和一条一条16kbps的信令通路，简称的信令通路，简称2B+D，当有电，当有电话拨入时，它会自动释放一个话拨入时，它会自动释放一个B信道来进行电信道来进行电话接听话接听。9/12/2023

12、20ISDN拨号拨号 9/12/202321（3 3）DDNDDN。数字数据网（。数字数据网（Digital Data Digital Data NetworkNetwork，DDNDDN）专线接入，）专线接入，可以向用户提供可以向用户提供点对点、点对多点透明传输的数据专线出租点对点、点对多点透明传输的数据专线出租电路，为用户传输数据、图像、声音等信息。电路，为用户传输数据、图像、声音等信息。DDN的通信速率可根据用户需要在的通信速率可根据用户需要在N64kbps(N=132)之间进行选择，当然速之间进行选择，当然速度越快租用费用也越高。度越快租用费用也越高。主要面向集团公司等需要综合运用的单

13、位。9/12/202322DDN专线专线9/12/202323（4 4）Cable ModemCable Modem。Cable ModemCable Modem（线缆调制（线缆调制解调器）是利用现成的有线电视网进行数据解调器）是利用现成的有线电视网进行数据传输，是访问传输，是访问InternetInternet的一种高速接入方式。的一种高速接入方式。(接入图与接入图与ISDNISDN相似相似)（5 5）ADSLADSL。非对称数字用户环路（。非对称数字用户环路（Asymmetric Asymmetric Digital Subscriber LoopDigital Subscriber Lo

14、op，ADSLADSL）能够在现）能够在现有的双绞线，即普通电话线上根据当地线路有的双绞线，即普通电话线上根据当地线路状况提供状况提供2M-8Mbps2M-8Mbps下行速率和下行速率和640Kbps-1Mbps640Kbps-1Mbps的上行速率。的上行速率。(接入图与接入图与ISDNISDN相似相似)还有一种还有一种更更高速的宽带接入高速的宽带接入 VDSL（短矩高速）9/12/202324VDSL9/12/202325（6 6）光缆接入技术。光缆接入技术可分光纤接入）光缆接入技术。光缆接入技术可分光纤接入（SDHSDH，可实现，可实现FTTBFTTB：光纤到楼；：光纤到楼；FTTZFTT

15、Z：光纤到小区）：光纤到小区）技术和光纤同轴电缆混合（技术和光纤同轴电缆混合（HFCHFC）接入技术。）接入技术。9/12/202326（7 7）无线接入。无线接入技术分微波、短波和卫星三）无线接入。无线接入技术分微波、短波和卫星三类。类。微波被称为无线电网，是一种性能优异的宽带微波被称为无线电网，是一种性能优异的宽带用户接人网。用户接人网。卫星接入是利用卫星通信系统提供的接入服务，卫星接入是利用卫星通信系统提供的接入服务，它由人造卫星和地面站组成，用卫星作为中继站转它由人造卫星和地面站组成，用卫星作为中继站转发地面传入的无线电信号。发地面传入的无线电信号。与微波接入技术类似，利用专用的短波设

16、备也与微波接入技术类似，利用专用的短波设备也可以接入可以接入InternetInternet，且接入速率和距离都较理想。，且接入速率和距离都较理想。9/12/202327无线接入无线接入9/12/2023282.1.4 建站费用估算建站费用估算 对建设网站进行预算，主要是进行经济可行性分析。经济可行性分析主要是对开发项目的成本与效益作出评估，即分析新系统所带来的经济效益是否超过开发和维护网站所需要的费用。9/12/2023292.1.4 建站费用估算建站费用估算 1.网站费用网站费用 网站费用包括以下几项内容：（1）设备费用）设备费用 它包括计算机硬件、软件、输入输出设备、空调、电源及其他机房

17、设施、设备的安装及调试费用等。（2）开发费用）开发费用 系统开发所需要的劳务费及其他有关开支。（3）运行费用）运行费用 它包括运行所需的各种材料费用，例如电、纸张等费用，以及设备的维护费用。其他与运行有关的费用开支也应包括在内。9/12/2023302.1.4 建站费用估算建站费用估算（4）维护费用）维护费用 在估计费用时，维护费用是一个经常被忽略的问题，一些单位只考虑购买设备的费用，每年的维护费用却没有预算在内，结果出现买得起、用不起的局面。（5）培训费用 它包括用户管理人员、操作人员及维护人员培训等费用。9/12/2023312.1.4 建站费用估算建站费用估算建立并运行一个网站需要投资。

18、网站建设是一项新技术，可供选择的方案很多，所以成本高低可能不大一样。企业最好在建站前进行一些调查工作，调查工作可以包括以下几个方面的内容：l企业是否有必要拥有和运行自己的服务器；l企业的网站或服务器怎样与Internet连接；l谁为企业设计网站：l谁为企业管理维护网站，管理维护的内容和范围是什么；l企业是否愿意接受在线订货；l企业的网站是否有必要与现有的数据库、订货系统和财务系统接口连接。9/12/202332第三次课第三次课课程名称网站设计与维护开课专业计算机应用专业授课班级200530601200530606配用教材电子工业出版社网站设计与维护授课类型理论课授课时间课时教学章节第2章第、节

19、教学目的本次课主要介绍网站的域名策略，网站平台的架设及网站内容开发。通过本次课的学习，学生应能为网站申请合适的域名，根据网站的实际情况来架设网站平台并为网站安排必须的内容。教学重点域名策略，网站平台的架设及网站内容开发教学难点域名策略，网站平台的架设及网站内容开发教材处理本节次讲授教材的第2章的2、3、4节。教具教法以讲述法为主，多媒体教学课件为辅。9/12/2023332.2 域名策略域名策略l关于域名l如何选择域名l域名注册l需注意的问题9/12/2023342.2.1 域名域名 域名域名是一种基于IP地址的层次化的主机命名方式。1、域名在全世界具有惟一性；2、域名采用分层结构，如 主机名

20、 三级 二级 顶级 3、域名被存放在服务器中，运行时由DNS服务器将其转换成对应的IP地址；4、域名是一切网络活动的开始。一个网站的域名代表了这个网站的无形资产，是企业的网上“商标”。5、域名由字母、数字或“”组成，字母不区分大小写。9/12/202335域名结构域名结构9/12/202336常用顶级域名常用顶级域名.AC 科研机构.COM 工、商、金融等企业.EDU 教育机构.GOV 政府部门.NET 互联网络、接入网络 的信息中心(NIC)和运 行中心(NOC).ORG 各种非盈利性的组织.MIL 军事机构.aero 航空运输业专用.museum 博物馆专用.coop 商业合机构.info

21、 可以替代.net.biz 可以替代.com的通用域 名.name 是个人网站的专用域名.pro 医生和律师等职业9/12/2023372.2.2 如何选择域名如何选择域名1、企业注册域名的好处域名注册可以将企业的网站放置在任何一个ISP的服务器上，如果企业对其服务不满意或认为连线速度过慢，可以立即更换。可以让客户很容易记忆企业的地址，并方便地为他们服务。能够让客户直接了解企业的产品或服务，即企业域名可以简单概括出企业所提供的产品或服务。因此，如果企业想长期在Internet上开展自己的业务，那么，就非常有必要登记一个属于自己的独立域名，它会始终为企业忠实地工作。9/12/2023382.2.

22、2 如何选择域名如何选择域名2、如何选择域名符合公司的性质或信息内容的性质，如顶级域名；简洁、易记、标识性强；如8848具有一定的内涵,如51job。一般采用企业名谐音（拼音，数字等）或通用公司名、公司名缩写，长度不超过20个字符9/12/2023392.2.3 域名注册域名注册 域名是网站的“商标”。其惟一性使域名资源有限，谁先注册，谁就有权使用。从某种意义上说，域名就是财富。域名注册一般要经过以下程序：查询申请审核开通 1、查询（whois）：了解你想注册的域名是否已被注册；国际域名： 国内域名： 9/12/202340Internic9/12/202341cnnic9/12/202342

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

24、供CN域名注册相关服务，域名注册服务将转由CNNIC认证的域名注册服务机构提供。注册商管理体系结构图如下：9/12/2023442.2.3 域名注册域名注册3、审核：管理机构对申请者的资料进行核实。4、开通：通过ISP注册的免费域名一般可马上开通；付费域名需先交费，再开通，逾期不交者将取消 其域名服务。5、域名申请的注意事项 a、选择好的ISP b、有效解决域名冲突，如被抢注、已使用；c、尽早申请，和申请的域名相同的其它类域名一起注册，及时续费。9/12/202345例如：中国万网的申请流程例如：中国万网的申请流程9/12/202346附：域名争议案例附：域名争议案例1、2005年7月9日美国

25、国家仲裁法院做出最终裁决，对Google的域名保护请求给予支持，同时将与类似域名（如googkle等）所的有权判归Google所有。2、2006年11月戴尔在向义乌民企讨回域名官司败诉，此前8月戴尔公司曾赢得域名官司从一公司夺走3、北京国网信息公司注册的域名达到5000多个。包括杜邦、宜家、护舒宝、玉兰油及陶氏等这些位列世界500强企业的商标同名符号，认定法院认定为“恶意抢注”，数个域名被撤消。在国内单位或个人与国外公司的域名争议多以国内单位败诉告终，这主要是因为受到诉讼程序和语言的限制。9/12/2023472.3 架构平台架构平台l1、了解常用操作系统的特点；l2、确定平台架构方式；l3、

26、虚拟主机的利弊分析l4、自有服务器的利弊分析9/12/202348Windows1、由Microsoft（微软）公司开发的。其网络操作系统主要有：Windows NT 4.0 Serve、Windows 2000 Server/Advance Server，以及最新的Windows 2003 Server/Advance Server；2、较高的可靠性和安全性；3、采用Windows家族统一的图形界面，使用户学习、使用起来更加容易。(也最易受到攻击)9/12/202349Unix1、目前常用的UNIX系统版本主要有：Unix SUR4.0、HP-UX 11.0，SUN的Solaris8.0等。

27、版本较多，互不兼容；2、系统稳定和安全性能非常好；3、内核用C语言编写，具有较好的二次开发能力；4、但由于它多数是以命令方式来进行操作的，初级用户不容易掌握。9/12/202350关于关于UNIX1969年，Bell实验室的Ken Thompson开始利用一台闲置的 PDP-7计算机开发了一种多用户，多任务操作系统。很快，Dennis Richie加入了这个项目，在他们共同努力下诞生了最早的UNIX。Richie受一个更早的项目MULTICS的启发，将此操作系统命名为Unix。早期UNIX是用汇编语言编写的，但其第三个版本用一种崭新的编程语言C重新设计了。C是Richie设计出来并用于编写操作

28、系统的程序语言。通过这次重新编写，Unix得以移植到更为强大的 DEC PDP-11/45与11/70计算机上运行。后来发生的一切，正如他们所说，已经成为历史。Unix从实验室走出来并成为了操作系统的主流，现在几乎每个主要的计算机厂商都有其自有版本的Unix.9/12/202351Linux1、是一种类Unix操作系统，目前也有中文版本的Linux，如REDHAT(红帽子)，红旗Linux等；2、最大的特点就是源代码开放，可以免费得到许多应用程序；3、有很好的安全性和稳定性；4、支持图形界面和命令方式，适合不同的用户。但目前使仍主要应用于中、高档服务器中。9/12/202352关于关于LINU

29、XLinux起源于一个学生的简单需求。Linus Torvalds,Linux的作者与主要维护者，在其上大学时所买得起的唯一软件是Minix（是一个类似Unix，被广泛用来辅助教学的简单操作系统。Linus 对Minix不是很满意，于是决定自己编写软件。他以学生时代熟悉的Unix作为原型，在一台Intel 386 PC上开始了他的工作。他的进展很快，受工作成绩的鼓舞，他将这项成果通过互连网与其他同学共享，主要用于学术领域。有人看到了这个软件并开始分发。每当出现新问题时，有人会立刻找到解决办法并加入其中，很快的，Linux成为了一个操作系统。9/12/202353Linix界面界面9/12/20

30、2354Linux29/12/202355虚拟主机的利弊分析虚拟主机的利弊分析有利因素有利因素不得因素不得因素廉价没有软件程序适应性无须服务器维护可能支付潜在的额外费用能快速实现上网信赖于维护服务获得额外服务别人控制，不够安全不须系统管理员有时要应付不友好的主机9/12/202356虚拟主机的定义虚拟主机的定义:虚拟主机(Virtual Host Virtual Server)是使用特殊的软硬件技术,把一台计算机主机分成一台台虚拟的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能。在同一台硬件、同一个操作系统上,运行着为多个用户打开的不同

31、的服务器程序,互不干扰;而各个用户拥有自己的一部分系统资源(IP地址、文件存储空间、内存、CPU时间等)。虚拟主机之间完全独立,在外界看来,每一台虚拟主机和一台独立的主机的表现完全一样。由于多台虚拟主机共享一台真实主机的资源,每个用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低,Internet真正成为人人用得起的网络!现在,几乎所有的美国公司(包括一些家庭)均在网络上设立了自己的WEB服务器,其中有相当的部分采用的是虚拟主机!9/12/202357自有服务器的利弊分析自有服务器的利弊分析有利因素有利因素不利因素不利因素易于经常实现更新可能费用昂贵对内容完全控制需全天候的系统管理员

32、可用内联网要负责管理服务器对网站安全有更大控制力安全性挑战有自己的系统管理员需更多职员提供大型机的数据库连接困难的CGI设置能出租WEB空间更改服务方式的代价高9/12/2023582.4 网站内容开发网站内容开发 决定网站内容的关键是一个好的定位;从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，建站前要对市场进行调研，根据网站定位来策划网站内容。9/12/202359网站主题网站主题1、什么是网站主题？网站主题即网站的题材，如学习类、娱乐类等。2、确定网站主题的原则定位要小，内容要精（即准确）要结合自身特点和优势目标不易太高 9/12/202360名称设计名称设计名称设

33、计原则：名称在正（合法）；简洁易记（不多于6个字）；有特色，但符合网站主题。9/12/202361定位网站的定位网站的CI形象形象CI：通过视觉来统一企业的形象。1、LOGO设计利用网站的代表性人物、图案、商标，或适当变形；专业网站可选择其有代表性的标志；网站的英文名称，采用不同的字体，字母的变形，字母的组合。9/12/202362定位网站的定位网站的CI形象形象2、色彩：物体对一定波长的光的反射，使人们 能识别色彩。为了在实际工作中更方便地运用色彩，必须将色彩按照一定的规律和秩序排列起来，这就是色相环。9/12/202363定位网站的定位网站的CI形象形象凡两种色光相加呈现白光，两种颜色相混

34、呈现灰黑色，那么这两种色光和这两种颜色即互为补色。9/12/202364十种基本配色设计十种基本配色设计9/12/202365十种基本配色设计十种基本配色设计9/12/202366十种基本配色设计十种基本配色设计9/12/202367十种基本配色设计十种基本配色设计9/12/202368单色的功能单色的功能l红色：热情、喜庆、胜利，流血、危险 l黄色：辉煌、柔和、充满希望，轻薄、软弱 l橙色：橙色：明亮、华丽、温暖、辉煌，最易动人l绿色绿色：青春、旺盛，不成熟、没有经验l蓝色蓝色：深远、纯净、单纯，冷漠、缺少生命l紫色紫色：高贵、奢华、幽雅，流动、不安 l白色白色：明亮、干净、朴素、直率、圣洁

35、 l黑色黑色：安静、深思、坚毅、神秘，阴森、恐怖、甚至死亡。9/12/202369定位网站的定位网站的CI形象形象网站色彩设计的要求：体现网站形象和内涵；标志、标题、菜单和banner的色系要统一；主要色系：蓝、黄橙、黑灰白。9/12/202370定位网站的定位网站的CI形象形象3、字体标准字体为宋体；网页字体大小最好使用CSS样式指定；特别的地方可用其它的特殊字体点缀，但最好做成图片，以保证显示效果。4、宣传语口号：一般出现在主页面的标题栏或页面的banner中有冲击力、煽动性。9/12/202371hao12319/12/202372招商银行招商银行9/12/202373内容策划应包含的内

36、容策划应包含的信息（1）网站的名称（2）网页的标题（3）网站的脊梁结构（4）内容（5）指向网页的连接或指向网站其他网页的链接（6）网站的联络方法（7）网站的建立或更新日期（8）版权说明9/12/202374网站内容开发的要点网站内容开发的要点lHTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。要让所有的浏览器都能够正常浏览。l网站信息的组织的关键在于总体结构的层次分明。否则不仅不利于用户查找感兴趣的内容，而且在信息不断增多后还会使维护工作非常困难。l图像和多媒体信息的使用要适中，减少文件数量数量和大小大小是必要的。l有一个好的主页，因为它们会给用户留下第一印象，好的第一印象能够吸

37、引用户再次光临这个网站。9/12/202375网站内容开发的要点网站内容开发的要点l网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。l网页中应该提供些联机帮助功能。比如输入查询关键词就可以提供一些简单的例子，千万不能让用户不知所措。l网页的文本内容应简明扼要、通俗易懂。所有内容都要针对设计目标而编写，不要节外生枝。文字要正确,不能有语法错误和错别字。9/12/202376WEB站点的典型内容站点的典型内容企业的Web站点应包括以下典型内容。1）企业的基本背景介绍）企业的基本背景介绍企业的背景介绍材料，如果有条件，最好能够提供相应的英文版，简介文字最好提供简单和详实两个版本。

38、专业的电子版企业简介应该具有图文混排的非HTML格式，例如可以使用Acrobat的PDF格式供客户下载，因为Acrobat文件能够保持图文排列的整体观感。2）详细的产品资料或服务介绍）详细的产品资料或服务介绍企业应该把自己的主要产品的全貌反映在网站上，让客户能够查询到产品的主要技术规格、照片和其他可公开的信息；服务类企业应该通过各种手段把详尽的服务内容和条款列出。为使企业产品能够在网站上用更形象的手段体现，可以采用VRML编辑器构筑一些虚拟现实场景。9/12/202377WEB站点的典型内容站点的典型内容（3）技术支持资料 除了产品说明书之外，企业还应该掌握自己产品的更多信息，比如常见故障处理

39、、计算机产品的编程接口等。这些资料如果能够公开，可放入网站，以减轻企业技术支持人员的工作量。（4）企业营销网络 很多企业在总部以外都有其他分支机构，为此企业应该在网站上列出全球范围内所有可接洽到的办公场所，包括它们的电话、传真、电子邮件，并列出它们各自的职能。（5）收集客户反馈 在企业网站上应该至少带有一个客户反馈表单，用于收集客户和普通访问者对企业改进产品和服务的意见或建议。网络管理员应该经常检查提交上来的内容，并及时转交给企业决策部门使用。（6）其他针对企业经营特点的内容 加入与本网站有关的链接，如音响制品厂商可以加入音乐站点链接。但是，千万不要直接链接到竞争厂商的网站。9/12/2023

40、78dell9/12/202379ibm9/12/202380haier9/12/202381常用版面布局的形式常用版面布局的形式“T”结构布局 所谓“T”结构就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。因为菜单条背景较深，整体效果类似英文字母“T”，所以称为“T”形布局。如HAO等。优点：是页面结构清晰、主次分明，且是初学者最容易掌握的布局方法。缺点：是规矩呆板，如果色彩细节上再不注意，很容易让人看后乏味。9/12/202382hao1239/12/202383常用版面布局的形式常用版面布局的形式“国”字形布局 这是一个象形的说法，就是页面一般上下各有一个广告

41、条，左面是主菜单，右面放友情链接等，中间是主要内容。优点：是充分利用版面，信息量大。缺点：是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如CCTV。9/12/202384cctv9/12/202385常用版面布局的形式常用版面布局的形式 POP布局 POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。此类布局常用于时尚类站点，比如ELLE.com。优点：显而易见，漂亮吸引人缺点：速度慢。9/12/202386pop9/12/202387常用版面布局的形式常用版面布局的形式还有其它的一些布局方式，如“三”型布局（如）、“”型布局等，这些布局方式多出

42、现在国外的网站中。9/12/202388int9/12/202389布局原则布局原则 1、正常平衡-亦称匀称。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2、异常平衡-即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。3、对比-所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。4、凝视-所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。5、空白-空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网

43、页的格调十分有效。6、尽量用图片解说-此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的更多的心理因素。9/12/2023902.5 网站结构设计网站结构设计网站结构分为物理结构和逻辑链接结构。1、物理结构：网站文件在服务器上的目录结构存储方式。要分层次存放层次不要太深（不超过3层）；按栏目内容建立子目录。目录或文件的命名不要使用中文命名；名称要有意义；不要用长名。全局资源应该存放在独立的文件夹中（如global）图片文件存放在images文件夹中（分层设置）。9/12/2023912、逻辑链接结构：页面之间的相互链接关系，以目录为基础，可跨越目录结构。

44、目标：用最少的链接使用户有效地浏览方式：树状（一对一）：只有纵向链接简单直观，便于管理效率太低星状（一对多）：既有纵向也有横向链接访问方便，效率较高链接多，不易管理和维护9/12/202392结构方案结构方案1、前台：公共部分，是网站的核心用户：普通访问者浏览方式：一般不设限制，匿名访问目标：好的被访问效果2、后台：管理部分，以前台为依据用户：管理者浏览方式：授权访问目标：有效地维护网站9/12/202393网站策划书的撰写要点网站策划书的撰写要点l前期调研分析（建设网站前的市场分析）u了解相关行业的市场是怎样的，市场有什么样的特点，是否能够在Internet上开展公开公司业务u分析市场主要竞争者情况u分析公司自身条件、市场优势l网站目的及功能定位l网站技术解决方案u采用自建服务器，还是租用虚拟主机u选择操作系统u确定开发方案u确定网站安全性措施，防毒防黑方案u开发相关程序，如ASP、JSP、CGIl网站内容规划（75）9/12/202394本次课作业本次课作业l选择课程设计题目，以小组为单位提交一份网站策划书。l附一份分组名单及小组成员任务分配书。（国庆节前交）9/12/202395