《网站的规划与建设.ppt》由会员分享,可在线阅读,更多相关《网站的规划与建设.ppt(96页珍藏版)》请在三一文库上搜索。
1、第三章 网站的规划与建设,一、内容简介 各种类型网站的分析 网站的功能 网站建设的规划 网站建设的基本步骤 网站建设的技术实现方式,二、学习目标与重点 了解: Web网站的有关概念、规划与建设一个小型网站的基本步骤与方法。 掌握: 能利用网页制作工具实现网站建设的目的,并掌握创建网站的方法。 重点: 以网站规划与建设的总体框架为线索,重点了解在每个不同的阶段要解决什么问题。,3.1 网站的基本概念(掌握) 所谓网站,是指基于Web应用为基础,提供信息和服务的Internet网络站点。 网站的基本组成 网页和网站资源,1、网页:一个Web站点包含一组可供访问的页面,这些页面用HTML语言编写,其
2、中可包含文本、图形、声音和其它多媒体信息。这些页面通过超链接相互连接在一起。一个网站所包含的页面数量从几张到几百张不等。 2、网页空间:指用来存放网页的Web服务器的硬盘空间。 3、网址:指网站Web服务器在Internet上的IP地址。 4、域名:从技术上讲,域名是IP地址的符号表示,它采用一种层次命名的机制。从Internet文化角度看,域名是属于Internet文化的组成部分。,3.1.1 网站的基本组成部分,3.2 网站的分类(了解),由于网站的建设是一个新的话题,所以在规划和建设网站时,目前并没有一个固定的模式和准则,我们要想设计好一个网站,首先应该从认识已有的网站出发,分析总结各类
3、网站建设的成功与失败经验,在此基础上来进行归纳、创意。 下面介绍一般网站的分类,并对某些具体网站进行一些简单的分析。,3.2.1 政府网站(1),在Internet上发生的信息需求与供给总量中,80%与政府信息有关。各级政府是重要的权威信息的提供者,同时又是信息的最大使用者。从目前已建成的政府网站看,政府网站的主要功能是: 动态信息发布; 在线调查; 动态检索; 网上办公,3.2.1 政府网站(2),1、动态信息发布 网上的政府信息具有规模大、信息量大、权威性强等特点,这些信息大致可分为: 综合类:此类信息规模大、覆盖面广,综合性强,在国内网上的信息服务中起主导作用。 行业类:此类信息规模大、
4、专业性强,在政府信息中占主导作用,服务对象为本行业,信息没有完全开放。 宣传类:由于某些政府机构的特殊性和保密性等原因,政府网站一般只是对本部门的职能做了简单的介绍。,3.2.1 政府网站(3),2、在线调查 由于因特网具有实时交互性,政府可通过网站及时地获取社会公众的意见,作为政府工作和决策的参考意见。 3、动态检索 政府制定的大量法律、法规、政策信息必须具有方便的检索功能,这也是衡量政府网站对社会的开放程度以及对公众提供信息服务质量的标准之一。 4、网上办公 网上办公包括数据库查询、公文传送、资金转移等内容。它的逐步推广必然带来政府机构办公程序和方式的转变。,新闻性网站,尤其是实时播发新闻
5、的网站,越来越成为网民愿意光顾的站点(如新浪网)。很多受欢迎的大型或商业性站点,都拥有经常更新的新闻栏目。完善的新闻播发系统可以为站点吸引一批忠实的用户。因此拥有一套好的新闻系统是吸引用户的重要手段。,3.2.2 新闻性网站,新闻性网站的主要功能: 实时动态新闻发布 新闻资料检索,企业网站是具有商业目标,符合网络营销模式,促进电子商务发展的重要支撑性网站。这类网站一般都提供企业文化宣传、商品介绍网上营销、技术支持等多种服务,也是企业内部网(Intranet)对外展示的重要窗口。,3.2.3 企业网站,企业网站的主要功能: 商品介绍宣传 技术支持服务 网上营销 电子认证,许多网站为了生存和发展,
6、提出了建立“门户网站”的设想。 门户网站:即用户在上网时所选择浏览的第一个网站。 很多门户网站都在自己的网页中加入了搜索引擎的功能。搜索引擎使广大用户在信息海洋中自由快捷地浏览使用户可以方便的找到有关的资料。,3.2.4 搜索引擎网站,搜索引擎网站的一般检索功能: 布尔逻辑检索 词组检索 截词检索 字段检索,搜索引擎网站的特殊检索功能: 自然语言检索 多语种检索 区分大小写的检索,提供综合性服务是目前许多网站的发展趋势,这种服务通常有“免费” 和“收费”两种方式(如免费Email和免费的软件下载等) 。 此外,免费获得各种信息、软件、书籍、音乐及图片,是许多网民上网的主要目的。采用提供免费信息
7、的手段,已造就了许多知名的站点。,3.2.5 综合性网站,综合性服务网站的主要功能: 提供电子信箱服务 提供个人主页服务 提供其它的网上服务,这类网站主要以提供各种形式的网上远程教育为主,这也是目前网站建设的热点。 从目前大多数教育网站看,限于网络的带宽,一般还只能提供教育信息查询、网上注册、电子邮件答疑、文本课件浏览及下载等服务。,3.2.6 教育类网站,教育类网站的主要功能: 网上注册 视频点播 课件下载 虚拟课堂 网上测验、考核 电子图书借阅,目前网上拍卖、购物等活动越来越体现出网络的强大发展势头,越来越多的网民都相信网上购物能为生活带来更大的方便和实惠。在技术条件能够保证网民能得到便捷
8、以及安全服务的基础上,用户一般是会积极参与到网上购物的。,3.2.7 网上拍卖、购物等电子商务网站,电子商务类网站的主要功能: 电子交易 电子认证 电子支付 安全性,这类网站一般是出于个人兴趣和爱好由少数人或个人建立的。 个人主页制作的特点是业余化,但许多个人主页发布的信息已经相当专业化,制作水平也越来越高。,3.2.8 个人网站,个人网站的主要功能: 介绍个人的情况 提供网上信息资源服务,3.3 网站评析(了解),对网站进行评析是一项复杂的任务,不但没有现成的评判标准,而且随着个人文化素养的不同,评析的结果也可能五花八门,各不相同。 此外,在网上还有一些专门品评网站的网站,如: 热讯品网()
9、 网风品网() 百佳品网(),评价、分析一个网站的要点 1网站的目标定位 2版面的总体设计和栏目设置 3提供的内容 4网页的制作 5网站浏览的速度,交互设计 6网站扩展的前景,评价、分析一个网站的原则 我们在具体进行分析时,切记不要孤立地对单个网站进行评析,一定要将同类型的网站相互加以比较,这样才能看出其中的差别。此外,要养成经常浏览各种网站,细心分析的好习惯。日积月累,看得多了,必然对网站设计的“关窍”心领神会。,3.3.1 案例1 CCTV网站评析 1、CCTV网站概况 2、CCTV网络版的技术特点 3、CCTV网络版的版面特色 4、CCTV网络版的内容特点,1、总体设计特色 2、北京青年
10、报网络版与传统报纸相比较 3、北京青年报网络版与国外中文网络报纸的比较,3.3.2 案例2北京青年报网络版评析,1、网站概况 2、设计思想和方法 3、收入模式 4、华夏旅游网和携程旅行网的比较 5、网站前景,3.3.3 案例3 华夏旅游网评析,3.4 网站建设的整体规划 (掌握),在网站建设的全过程中,网站的整体策划及其开发是其中一个重要的环节,也是网站成功与否的重要因素。,网站的规划是对网站功能、结构、内容、外观四个方面的总体规划,而整个网站的规划与建设,大致上可以分为:策划、设计、制作、宣传推广、运行维护五个阶段。而在策划阶段,必须首先确定网站的主题与目标,即明确网站的定位。,网站的规划,
11、3.4.1 网站的主题(1),网站的主题就是该网站要表达的内容。 网站的主要内容的选定应该有一定的针对性,要进行前期调查,并进行可行性分析之后才能确定。,1、前期调查 前期调查的结果是形成调查分析报告,它是对调查工作的总结与分析。,3.4.1 网站的主题(2),前期调查的目的 前期调查的目的主要有以下几点: (1)分析了解目前各网站的发展情况。那些最符合潮流、受欢迎的原因、发展前景和趋势。 (2)根据调查结果,结合自身特点,进行可行性分析,初步确定本网站的内容。 (3)根据网站内容,初步考虑卡采用的实现技术。,3.4.1 网站的主题(3),前期调查采用的方式 前期调查的方式主要有以下几点: (
12、1)网上调查 (2)问卷调查 (3)对一定数量的网站进行研究 在调查过程中,要对收集到的数据进行分析比较,确定哪类网站是最受欢迎的。在根据分析结果并结合自身特点,逐步修改网站内容,最后确定网站的主题。,3.4.1 网站的主题(4),调查分析报告的主要内容: a. 进行了什么样的调查 b. 调查规模 c. 调查的对象 d.调查的覆盖率 e. 调查的结果 f. 调查的结论 g. 对主题选择的建议,3.4.1 网站的主题(5),2、主题的定位 所谓主题就是网站的题材,网络上的网站题材千奇百怪,琳琅满目。,3.4.1 网站的主题(6),1999年排名前100位的全美知名网站的10类题材如下: 第1类:
13、网上求职; 第2类:网上聊天/即时信息/ ICQ 第3类:网上社区/讨论/邮件列表 第4类:计算机技术; 第5类:网页/网站开发 第6类:娱乐网站; 第7类:旅行 第8类:参考/信息; 第9类:家庭/教育 第10类:生活/时尚,3.4.1 网站的主题(7),3、主题选择的原则 对众多的主题选择时应依据以下原则选定: 主题要小而精。定位要小,内容要精。 题材应结合本身的特点和优势。 题材勿滥。 目标不要太高。,3.4.1 网站的主题(8),3.4.2 网站名称的设计(1),网站的名称是网站主题的组成部分,而且是很关键的一个要素。网站的名称是否响亮、易记,对网站的形象和宣传推广,网站主题的表现也有
14、很大的影响。,1、确定网站名称的原则 网站名称一般可以按下列原则而定: 名称要合理:符合人类社会公认的文明标准和规范。 要容易记:中文网站应使用中文名称,字数在6个以内 名称要有特色:能体现一定的文化内涵,给人有视觉冲击和空间想象力。 总之,主题和名称的确立是设计网站的第一步,如能设计出一个既有特色又令人满意的名称,花费再多的时间和精力都是值得的。,3.4.2 网站名称的设计(2),3.4.3 网站的视觉形象的建立(1),一个好的网站,需要整体的形象包装和设计。在主题与名称确定后,就要对网站的整体形象进行构思。,1、网站的标志 首先要设计一个网站的标志(Logo),标志可以用中文、英文字母,还
15、可以是符号、各种图案等。 标志要设计的既有特色、醒目,又要符合网站的内涵。,3.4.3 网站的视觉形象的建立(2),2、网站的整体颜色基调 其次,还要对网站的整体的颜色基调或标准色彩进行设计,对网民来说,网站给人的第一印象是来自色彩的冲击。所谓“标准色彩”是指能体现网站形象和延伸内涵的色彩。 一般来说,一个网站的标准色彩不宜超过三种。标准色彩要用于网站的标志、标题、主菜单和主色块要给人一种整体统一的感觉。,3.4.3 网站的视觉形象的建立(3),3、网站标准字体的设计 网站的标准字体主要用于标志、标题、主菜单。在选用非默认字体(默认为宋体)时要考虑浏览者的计算机内不一定安装有该字体,这时可以考
16、虑采用图片的形式。,3.4.3 网站的视觉形象的建立(4),4、其余工作 完成主题和视觉形象的确定工作后,应编写网站主题说明的文档。它是网站建设的主要依据之一。,3.4.3 网站的视觉形象的建立(5),3.4.4 网站发展的目标(1),1、制定网站发展目标需要考虑的因素 建设一个网站从一开始就应该有一个明确的发展目标,制定网站发展目标需要考虑的因素主要有以下几点: 目标一定要切合实际,要适合网站的实际情况。 目标要随市场的需要而变化。 制定目标时一定要有前瞻性。,确定发展目标后,应编写网站目标说明的文档。它包含对近期目标、中期目标和最终目标的详细说明。,3.4.4 网站发展的目标(2),3.5
17、 网站内容与功能的设计 (掌握),网站发布的内容是网站设计的一项重点,它直接影响到一个网站的受欢迎程度,很显然最基本的要求是用户必须能够有效的使用网站和浏览网站的内容。 当整个网站的主题和目标确定之后,就可在此基础上来确定网站的内容。,3.5.1 确定网站的访问者,由于网站的内容是提供给浏览者看的,浏览者的访问量是网站存在地基础,因此首先应确定网站的访问者。,网站的访问者的确定一般可以依据以下几个因素而定: 网站的定位 网上调查 对已建成的同类型网站进行比较,3.5.1 确定网站的访问者(2),完成确定访问者的工作后,应编写访问者来源的分析报告。 主要包括:确定的网站访问者的类型,规定网站的定
18、位和发展方向。,3.5.1 确定网站的访问者(3),3.5.2 确定网站的内容和功能,1、网站内容的分类 网站内容很多,但一般可分为两大部分: 静态内容:静态内容指网站相对不变的部分。其主要作用是维持整个网站的风格,给访问者一个熟悉的浏览环境。 动态内容:是网站的主体部分,经常更新的内容,也是访问者主要浏览的内容,并以交互方式呈现。动态内容通常放在网站的后台数据库中,并用ASP语言编写服务器端的程序。,进行网站内容的设计时,一般应考虑以下几个方面: (1)及时从用户得到有关网站内容的反馈信息,并尽快对网站内容加以修改。 (2)网站上必须要有能够留住用户的动态内容,并随时修改和更新,主页上要注明
19、更新日期。,2、网站内容的设计,(3)网站的内容结构必须清晰,使用户可以尽快获得信息。 (4)注意突出网站的形象。 (5)不要包括一般化的Web参考信息和已非热点的链接。,2、网站内容的设计(续),(6)网页应由多种成分组成,如多媒体的链接。但图像和多媒体信息的使用要适中。文本内容应简明扼要、通俗易懂,文字编辑要正确。 (7)注意网页的结构应使用户能方便迅速的浏览。 (8)在页内增加与其他网站的链接,以便有效地推广网站。,2、网站内容的设计(续),(9)凡是提供下载的内容,应该提醒用户下载的时间以及文件的大小。 (10)尽量增加一些内容精彩的文章。 (11)注意要为主页加一个描述性的标题。,2
20、、网站内容的设计(续),网站的功能大致有以下几种: (1)提供各种信息库查询、咨询、服务。 (2)提供软件等各种媒体资源的下载服务。 (3)提供技术支持服务。,3、网站功能的设计,(4)提供各种消息的宣传,发布服务。 (5)提供各类电子商务的功能。 (6)提供各类远程教育服务。 (7)提供网络出版服务。,3、网站功能的设计(续),将已经分好组的内容和功能清单重新交有关人员讨论,最后确定各个分组的名称,作为网站主要部分的分类和分类名称的基础。,4、确定分组及分组的名称,5、确定网站的风格,从美工设计角度来看,网站的风格是指通过一定的颜色及图案组合、布局安排等设计来体现网站经营者的思想和倾向。 具
21、体制作时有三个方面的工作要作: 第一步:设置背景颜色或图案 第二步:设置文本的颜色 第三步:设置链接点的颜色,6、建立网站的结构层次图,网站的结构层次图是一种有关网站结构和组织方式的示意图。各主要内容或题目的详细内容被列在其下的副标题中。用这种方式组织起来的信息可以使访问者迅速找到所需信息的位置。 网站的结构层次图用可视化结构图形表示出来就是结构化蓝图,是能精确反映网站中各元素如何分组和联系的图表(P151)。,结构层次图:网站的结构层次图是一种有关网站结构、组织方式的示意图。,结构化蓝图:网站的结构化蓝图是网站结构层次图的可视化表示。,7、定义导航结构,导航系统是引导访问者如何从本网页到达指
22、定网页,并能方便地在不同部分之间跳转,以及能根据需要快速返回的超链接结构。 根据其作用地不同,可分为全局导航栏和局部导航栏(P151下图)。,导航系统主要有以下元素构成: 1导航栏目 2小型导航条 3导航目录 导航系统设计完成后,一定要为全局导航系统和局部导航系统做文档,这些文档应能反映导航系统的各项细节。,导航目录是最完整的导航系统,它反映了网站的逻辑结构,是网站内容的分类列表。 设计导航栏时应主要以下几点: 1、图表比文字效果好,图表下应附有文字说明。 2、应该使用标准醒目的常用颜色。 3、屏幕当前页面所对应的按钮应该相应变为灰色或以其它方式表示。 4、每个页面应包含“返回”或“前进”的按
23、钮。,最后是编写网站内容与功能的设计文档。文档中应包含: 网站的结构说明 网站的功能说明 网站的层次结构表,结构蓝图 全局导航栏与局部导航系统,3.6 网站结构的设计 (要求掌握),在完成了网站的策划或信息结构分析后就可以对网站进行更具体的分析和定位(即网站的结构设计)。 网站的目标、内容和功能是结构设计的决定因素。,3.6.1 网站结构的设计原则,1、网站结构的类别及其关系 网站的结构可以分为网站的物理结构和逻辑链接结构,两者之间既有联系又有区别。 网站的物理结构:是指网站文件的物理存储结构或存储的目录结构,也就是网站文件在服务器上存储的方式。 网站的逻辑链接结构:是网站在运行时抽象出来的拓
24、扑结构,它是建立在物理结构之上的。,网站的物理结构是指网站全部文件在服务器上存储时的目录结构。 网站的目录结构对站点本身的维护、内容的更新、未来的扩充和移植都有重要的影响。,1、网站的物理结构,为了建立一个清晰简明的目录结构,应主要如下几点: 1、主页文件一般置于Web服务器的虚拟根目录上; 2、不要将所有文件都放在虚拟根目录下; 3、按栏目内容建立子目录,并首先按主菜单栏目建立; 4、在每个主目录下建立独立的images目录; 5、目录层次不可过深,一般在三层以内; 6、全局资源应放在根目录下的Global目录中; 7、不要使用过长的目录名和中文目录名; 8、尽量使用意义明确的目录名。,2、
25、网站的逻辑链接结构 是指页面之间相互链接的拓扑结构,一般采用超链接的方式。它是建立在目录结构之上,但可以跨越目录结构。,一般链接结构有以下几种方式: 树状结构:采用一对一的形式,类似于DOS的目录结构。首页链接指向一级页面,一级链接指向二级等等。条理清晰,但效率较低。 星状链接结构:采用一对多的形式,每个页面相互之间都建立有链接。浏览方便高效,但结构不清晰,访问者易迷路。 混合链接结构:是以上两种结构方式的混合。使访问者既可快速方便到达所需页面,又可清楚知道自己的位置。,3.7 网站建设的技术实现 (了解),3.7.1 域名的注册,1985年,DNS一直受美国政府控制。 1992年美国政府授权
26、Network Solutions公司成立InterNIC,管理和维护COM、NET、ORG、GOV、EDU五个通用顶级域名的数据库服务器,并受理其下的二级域名的注册。 1999年美国商业部成立ICANN,并由它来管理域名系统、根服务器和IP地址的分配。 国内域名注册的权威机构是中国互联网络信息中心() ,用户可通过该网站在线注册。,3.7.2 网站硬件、软件平台的选择,网站的软、硬件平台产品很多,选型时应综合考虑扩展性、安全性、易维护性等多种因素来进行选择。,1、网站的组成,一个网站,尽管它们的形式、内容和规模千差万别,但它们的硬件结构组成基本类似,从逻辑上看都是由以下部件组成(P156图)
27、: 网络接入设备(如:路由器) 服务器(如:WWW、FTP、Email等服务器) 数据存储设备(如磁盘阵列等) 中间件(介于服务器和数据存储设备之间的部分,如网站中的各种应用和控制服务器) 研发、制作和维护部分(一般由工作站组成) 安全部分(主要在接入部分设置),2、选择接入方式和接入设备,广域线路服务(多种,见P157) 接入方式与接入设备(7种,P158) Web服务器的选择 (用Sun和PC服务器两大类) 系统软件的选择(主要包括网络操作系统、Web服务器软件、后台数据库软件等),群集(Cluster) 指一组被称为节点的相互独立的计算机 由一网络互联,并通过特殊的 软件结合组成一个单一
28、的计算机系统,为客户端提供一个单一的、可程序正常工作的服务系统。 例如:多服务器技术中的服务器群集。,选择服务器时应考虑的因素 在选择服务器时主要应考虑以下因素: 可管理性:包括是否方便快捷、界面是否友好、应用软件是否丰富等方面。 可用性:指服务器可供用户正常使用的时间百分比。 安全性:指系统能消除错误,确保系统安全稳定运行的性能。 高性能:指服务器具有较高的综合性能指标。 可扩展性:指服务器为扩展其性能所留有的余地。 模块化:指组成服务器的各功能部件具有模块化的结构,有些甚至还具有拔插的功能。,3.7 网站应用软件开发工具的选择,如果网站是运行在Linux平台上,则有C/C+、Perl、PH
29、P等多种开发工具。 如果是Windows NT/2000/XP平台,则应用程序的开发工具有:VBscript、JavaScript、ASP等,其中ASP是目前开发交互式应用程序最流行的一种。,ASP技术特点和工作过程,ASP(Active Server Page,即动态服务器页面)技术的特点和工作过程如下: 当用户浏览器浏览页面时,向服务器发出ASP页面请求,服务器逐行解释ASP脚本和HTML页面内容,动态生成纯HTML页面发回客户浏览器进行显示。 ASP与CGI(公共网关接口)技术的比较: 调用CGI的过程:客户端发出请求服务器端根据其请求启动一个CGI服务程序执行完后 由服务器将结果送回浏
30、览器显示。,3.8 网站技术人员的构成 (了解),一个大型网站应该由如下技术人员构成: 网页设计师 网络维护工程师 数据库管理工程师 网站编辑、采编等 网络程序员 项目开发工程师 系统管理工程师 网络协调工程师 资料录入人员,3.9 网站的功能、技术、成本、效益的综合分析(了解),网站建设的一个重要方面是对网站实现技术和解决方案的选择,主要应考虑以下因素: 1、要有足够的带宽来保证用户的快速访问。选择适合自身特点的网络结构和设备,合理分配带宽是很重要的。 2、要保证有足够的制作费用(包括美工制作费、布局规划费、网站维护费等)。,3.10 网站技术环境的选择与运行方式的确定(了解),技术环境:
31、所谓技术环境,是指由自己组织专业人员来开发网站还是委托专业公司进行设计。 运行方式: 运行方式指网站的运行是实行主机托管、虚拟主机方式管理,还是自己管理。,3.10.1 技术环境的选择,对于需要有网站,但缺乏建站经验的个人或单位,可将网站委托给专业网站建设服务商,由他们负责网站的设计和制作,甚至后期的维护工作。因此选择一个好的服务商是很重要的。有关网站建设的服务供应商主要有: ISP、 IAP、ICP 、ASP。,1、 ISP、IAP、ICP与ASP的概念,ISP(Internet Service Provider:Internet服务供应商) IAP( Internet Access Pro
32、vider:Internet接入提供商) ICP (Internet Content Provider:Internet内容供应商) ASP( (Application Service Provider:应用服务提供商),2、网站建设服务商的选择原则: 需要考虑连线速度 需要考虑可用带宽 需要考虑服务器的均衡负载 需要考虑是否提供强有力的技术支持,3.10.2 运行方式的确定,网站运行方式总体来讲分为独立运行和托管两种类型,其中托管方式又有主机托管与虚拟主机之分。,独立运行方式 此种方式是指网站建设单位自建、自管服务器,并通过PSTN、ADSL、DDN或光纤等与因特网相连。 托管方式 (1)主
33、机托管:指将网站服务器委托给ISP保管。 (2)虚拟主机:指租用ISP服务器的硬盘空间。形成一台虚拟主机。 (3)互联网数据中心(IDC):,3.11 网站创建示例(掌握),利用FrontPage 2000进行创建一个简单个人站点的操作。,本章小结,本章从网站建设的规划、步骤、技术实现等方面出发,比较详细地讨论了以下内容: 网站的基本概念、分类和评析。 网站建设的整体规划;内容、功能和结构的设计。 网站建设的基本步骤和技术实现;网站的综合分析、技术环境及运行方式的选择。 重点搞清楚网站有关的概念,掌握网站整体规划与建设的几个阶段,每个阶段所解决的问题。 本章未涉及到网站建设的具体技术。,2019年9月25日星期三,网络信息制作与发布 制作人 何丰如,95,Q&A,?,2019年9月25日星期三,网络信息制作与发布 制作人 何丰如,96,谢谢!,