网站建设与实训 第1章 2019/2/5 科学出版社.

Presentation on theme: "网站建设与实训 第1章 2019/2/5 科学出版社."— Presentation transcript:

1 网站建设与实训 第1章 2019/2/5 科学出版社

2 本章学习目标 了解网站的基本特征和网站的基本内容。 正确理解静态网站和动态网站的基本概念。 正确理解网站的结构，网站深度。
了解网站的分类及其特点。 2019/2/5 科学出版社

3 本章要点内容 网站的基本知识 网站结构 网站的深度 Web网站的类型 2019/2/5 科学出版社

4 1.1 网站案例欣赏 网站的基本特征 科学出版社 域名 网站标志 众多的网页 统一风格的网页 便捷的导航系统 分层的栏目组织 贴切主题的内容
用户能与网站进行双向交流的栏目 搜索信息的功能 用户指南和网站动态信息 2019/2/5 科学出版社

5 1.2网站的基本知识 图1.1 静态网站的服务流程 科学出版社 1.2.1 静态网站 不具备交互性。
页面内容相对固定，用户不能改变网站的形式、页面信息和操作方式。 静态网站的服务流程如图1.1所示。当用户发出请求一个页面文件后，客户端的计算机将这个请求通过网络发往服务器，服务器找到页面文件（用HTML制作的文件）传送给客户端（服务器实际上是一个文件服务器）。 图1.1 静态网站的服务流程 2019/2/5 科学出版社

6 1.2.2动态网站 页面信息可以根据需求或用户的浏览状况，实现与用户的交流和页面信息的自动更新，具有数据库的支持和远程动态维护功能。 网页可以根据用户的浏览条件或要求创建，而可以有多种可选择的方式供不同的浏览者选用。 在用户的访问过程中，每一个主页都必须由服务器生成，然后传送给用户。动态网站一般使用数据库来存储网站信息， 服务流程如图1.2所示。 图1.2 动态网站的服务流程 2019/2/5 科学出版社

7 1.3 网站结构 任何一个网站都有逻辑结构和物理结构。 逻辑结构描述文档间的关系，定义了文档间的链接。
物理结构描述了文档的实际位置，例如，文档在服务器上的直接路径或在数据库文件中的位置。 2019/2/5 科学出版社

8 1.3.1 网站的逻辑结构 1.线型 (1)基本线型 科学出版社 一个纯线型组织结构能有序地显示信息之间的关系，如图1.4所示。
图1.4 纯线型组织结构 2019/2/5 科学出版社

9 (2)带抉择的线型结构 图1.5 带抉择的线型组织结构 科学出版社
当线型结构以预先决定的顺序提供信息时，用户不可能与其它信息交流。带抉择的线型组织结构在网页内提供两个或更多的选择来实现交互性，而最终以指导用户到达另一顺序中的网页。其形式如图1.5所示。 图1.5 带抉择的线型组织结构 2019/2/5 科学出版社

10 (3)带选项的线型结构 图1.6 带选项的线型组织结构 科学出版社
当必须要保留浏览的路径时，可以使用带选项的线型结构，用户可以通过选择跳过一些不适用的页面。这种网站的组织结构如图1.6所示。这个组织结构在整个网站的结构中都是静态文件，但却模拟了一个智能系统。 图1.6 带选项的线型组织结构 2019/2/5 科学出版社

11 (4)带分支的线型结构 图1.7 带分支的线型组织结构 科学出版社
带分支的线型结构允许控制转向。虽然用户可以访问其中的一个小的分支，但当分支网页结束时，线型结构迫使用户返回，维持了原来的方向，或返回主路径。 图1.7 带分支的线型组织结构 2019/2/5 科学出版社

12 2.网格型 网格型是双线型结构，它在每一个节点都有水平方向和垂直方向的事件，每个方向上又是线性的。由于网格是一个平面组织结构，它有利于事件关系的收集。当设计正确时，网格提供了水平和垂直方向，在网站内用户不会感觉到迷失方向。 2019/2/5 科学出版社

13 1.3.2 层次结构 网站最普通的页面结构是树型或层次型。
层次以根页面开始(根页面就是网站的主页)，主页或根页面是一种标志性的网页，它不同于其他网页。 树状结构常用于描述网站的深度和宽度。 2019/2/5 科学出版社

14 1.狭义树 一个狭义树仅给出了较少的几种选择，这种组织结构重在深度，不是宽度。 图1.9 狭义树 2019/2/5 科学出版社

15 2.广义树 一个广义树或广义层次结构是基于选择的。它的主要缺点是主页显示了太多的选择，有许多选择发散出去，见图1.10。 图1.10 广义树 2019/2/5 科学出版社

16 3.Web树 Web树的结构如图所示。在一个纯Web树里，没有交叉链接，想到达树的其他部分经常要求回退。如果考虑用户已经到达了图所示的Web树结构中A处的网页，要到达网页B，不得不向上返回两层，然后再向前进两层。 2019/2/5 科学出版社

17 4.完全的网格 如果一个网站中每个网页都链接到了其他网页，就认为这种结构是完全网格的结构。图1.15所示的框图显示了一个有5个网页的完全网格。在完全网格中，链接数=网页数乘以(网页数-1)，这意味着有5个网页的网站就有20个链接。 图1.15 完全网格的框图 2019/2/5 科学出版社

18 5.混合形式 当广义树太大时，由于层次太窄，将隐藏太多的信息。线型结构提供太少的用户控制，而一个纯Web网络则具有太多的用户控制。 由此提出了一种叫做混合形式或混合层次结构，树是该结构的主要形式。混合形式中包含线型、跳越（跨越层次的链接）和网格结构。混合层次结构如图1.16所示。混合层次结构可能是Web网站中使用最普遍的网站组织形式。 2019/2/5 科学出版社

19 1.4 用户和网站结构 用户访问一个网站时有三个阶段。 科学出版社 首先是进入该网站 其次是访问该网站也可以称为访问阶段
最后是访问的结束，用户从网站退出。 2019/2/5 科学出版社

20 1.5 网站的深度 从理论上讲，一个好的规则是用户点击三次可以找到所需的内容。因此设计时建议以三次点击找到信息内容为目标。
建议：每次点击都提供到达目标的正面反馈信息,如果最多只需要三次点击，则不需要反馈信息。 2019/2/5 科学出版社

21 1.6 Web网站的类型 根据信息流转、传递及提供服务的方式，通常可以将网站分为：政府类网站、电子商务类网站、信息资源服务类网站、在线查询类网站、远程教育网站、咨询求助类网站和娱乐类网站等。 不同类型的网站的目标、访问者和其特征都有显著的特点，因此对不同形式的网站，其设计方案也是不同的。 2019/2/5 科学出版社

22 1.6.1 政府类网站 1.动态信息发布功能 2.在线调查功能 3.全文检索功能 4.公文传送 2019/2/5 科学出版社

23 1.6.2 电子商务网站 电子商务类网站是指着重提供主要用来支持一些组织的商业运作、网上电子商务活动的网站。 电子商务常见的模式为
企业对企业(B to B) 企业对客户(B to C) 客户对客户(C to C) 客户对企业(C to B) 客户对政府机构(C to G) 商业机构对行政机构(B to G)模式 2019/2/5 科学出版社

24 1．企业对企业(B to B) 我国的阿里巴巴网站是一家以B to B形式为主要模式的电子商务网站，它是在国际贸易领域中最大、最活跃的网上市场之一，拥有 200个国家或地区注册的 56万会员，每天提供来自全球最新的3000多个商业机会。我国著名的电子商务网站阿里巴巴的主页（ 2019/2/5 科学出版社

25 2．企业对客户（ B to C） B to C是Business to Consumer的简称，是企业与消费者之间进行的电子商务活动。
这类电子商务主要是借助于国际互联网所开展的在线式销售活动。 如网上提供鲜花、书籍、计算机、汽车和各种消费商品交易和服务的各种类型的网络商务中心。 2019/2/5 科学出版社

26 3．客户对客户（ C to C） 淘宝网站，是一个集个人竞价、集体议价、标价求购和在线拍卖四种交易方式于一体的C to C电子商务平台。主要提供买卖信息、在线交易和信用保障在内的一系列解决方案，淘宝网主页 ( 2019/2/5 科学出版社

27 1.6.3 企业信息网站 企业信息门户(Enterprise Information Portal，EIP)的基本作用是为人们提供企业信息。 企业信息门户提供了一个了解企业的访问入口，所有访问者都可以通过这个入口获得个性化的信息和服务。 对企业来说，信息门户既是一个展示企业的窗口，又可以无缝地集成企业的内容、商务活动及社区等，动态地发布存储在企业内部和外部的各种信息，同时还可以支持网上的虚拟社区。 企业信息门户强调对结构化与非结构化数据的收集、访问、管理和无缝集成，这类门户必须提供数据查询、分析和报告等基本功能，企业员工、合作伙伴、客户及供应商都可以通过企业信息门户方便地获取自己所需的信息。 2019/2/5 科学出版社

28 1.6.4信息资源服务类网站 着重提供Internet网络资源和免费服务的网站. 科学出版社
资源包括电子刊物、自由软件、图片、电子图书、技术资料、音乐和影视等 免费服务包括电子邮件、BBS、虚拟社区、免费主页、传真等 2019/2/5 科学出版社

29 1.6.5 导航类网站 科学出版社 导航类网站是帮助人们探索因特网的网站,被称为门户网站.
导航类网站也包括搜索引擎或网站目录，这些是门户网站的关键。 2019/2/5 科学出版社

30 1.6.6 娱乐网站 娱乐游戏是工作和学习之余的消遣。特别是网上游戏深受青少年的青睐。
娱乐游戏类网站，就是提供各种娱乐方式和在线游戏的网站，例如近年来非常流行的“联众世界”（主页地址为 2019/2/5 科学出版社

31 1.6.7 个人网站 “拥有自己的个人主页”对于那些追求时尚、新事物的年轻人具有特别的诱惑。
国内、国际的很多ISP也不失时机地推出了免费个人主页空间，吸引个人“发烧友”的加盟。 一些个人主页设计者根据自己的个人爱好在网上搭建起自己的“屋”，聚集爱好相投的网上朋友共同切磋。 2019/2/5 科学出版社

32 1.6.8 教育类网站 是利用互联网进行远程教育服务的网站。
远程教育网站一般开设的栏目有：网上课程、网上杂志、趣味游戏、社区服务、职业天地等。 2019/2/5 科学出版社

33 1.6.9 财经类网站 上海证券之星是中国最大的金融证券类互联网站之一，同时也是目前国内金融证券业最重要的应用服务提供商(ISP)之一。它是国内最早开通的金融证券类网站，在亚洲互联网站中，它是首家通过ISO9001认证，2003年06月 注册用户突破600万。作为中国最大的金融证券互联网站, 证券之星以“理性、务实、创新、远见”为经营理念。 2019/2/5 科学出版社

34 1.6.10 新闻网站 新闻网站主要是以帮助的方式通知人们一些事件，以便使人们获取足够的信息，新闻网站能把访问者的注意力转换成商业利润。
2019/2/5 科学出版社

35 本章小结 本章介绍了Web网站的结构和分类。目的是要在设计网站时从网站的性质、内容和用户群等多个方面去考虑。公共网站的访问者群体很松散，对用户的考虑影响到网站的设计思路。商业网站和娱乐网站相比，就有很多不同，设计者应该注意对网站不要采用相同的设计标准，而不管访问者和用途是什么。 一些网站使用简单的体系结构，像线型结构，而另一些网站则展示了复杂的层次或混合的形式。当设计网站结构时，应该注重认识科学方面的考虑，尽量做到对点击深度和链接宽度的平衡。设计者应该理解网站的逻辑组织结构和物理组织结构。 事实上，网站结构对设计者来说比用户更有用，网站结构能促进网站的组织。用户不关心网站的形式，因为他们仅仅想找到期望的内容或试图完成特定的任务。 2019/2/5 科学出版社

36 实训 1 浏览不同类型的网站 1． 实训目的 1)了解不同类型网站的主体和设计风格。 2)比较分析不同网站的共同点。
实训 1 浏览不同类型的网站 1．  实训目的 1)了解不同类型网站的主体和设计风格。 2)比较分析不同网站的共同点。 3)掌握网站的逻辑结构。 4)学时：2学时。 2．  实训内容 1)浏览指定网站。 2)找出网站的基本特征和网站的基本内容。 3)比较不同风格网站的连接关系和深度。 2019/2/5 科学出版社