网站建设与实践教程精选课件.ppt

网站建设与实训 第1章 坚持 本章学习目标 了解网站的基本特征和网站的基本内容。 正确理解静态网站和动态网站的基本概念。 正确理解网站的结构，网站深度。 了解网站的分类及其特点。 坚持 本章要点内容 网站的基本知识 网站结构 网站的深度 Web网站的类型 坚持 1.1 网站案例欣赏 网站的基本特征 域名 网站标志 众多的网页 统一风格的网页 便捷的导航系统 分层的栏目组织 贴切主题的内容 用户能与网站进行双向交流的栏目 有哪些信誉好的足球投注网站信息的功能 用户指南和网站动态信息 坚持 1.2网站的基本知识 1.2.1 静态网站 不具备交互性。 页面内容相对固定，用户不能改变网站的形式、页面信息和操作方式。 静态网站的服务流程如图1.1所示。当用户发出请求一个页面文件后，客户端的计算机将这个请求通过网络发往服务器，服务器找到页面文件（用HTML制作的文件）传送给客户端（服务器实际上是一个文件服务器）。 图1.1 静态网站的服务流程 坚持 1.2.2动态网站 页面信息可以根据需求或用户的浏览状况，实现与用户的交流和页面信息的自动更新，具有数据库的支持和远程动态维护功能。 网页可以根据用户的浏览条件或要求创建，而可以有多种可选择的方式供不同的浏览者选用。 在用户的访问过程中，每一个主页都必须由服务器生成，然后传送给用户。动态网站一般使用数据库来存储网站信息， 服务流程如图1.2所示。 图1.2 动态网站的服务流程 坚持 1.3 网站结构 任何一个网站都有逻辑结构和物理结构。 逻辑结构描述文档间的关系，定义了文档间的链接。 物理结构描述了文档的实际位置，例如，文档在服务器上的直接路径或在数据库文件中的位置。 坚持 (1)基本线型 一个纯线型组织结构能有序地显示信息之间的关系，如图1.4所示。 图1.4 纯线型组织结构 1.线型 1.3.1 网站的逻辑结构 坚持 (2)带抉择的线型结构 当线型结构以预先决定的顺序提供信息时，用户不可能与其它信息交流。带抉择的线型组织结构在网页内提供两个或更多的选择来实现交互性，而最终以指导用户到达另一顺序中的网页。其形式如图1.5所示。 图1.5 带抉择的线型组织结构 坚持 (3)带选项的线型结构 当必须要保留浏览的路径时，可以使用带选项的线型结构，用户可以通过选择跳过一些不适用的页面。这种网站的组织结构如图1.6所示。这个组织结构在整个网站的结构中都是静态文件，但却模拟了一个智能系统。 图1.6 带选项的线型组织结构 坚持 (4)带分支的线型结构 带分支的线型结构允许控制转向。虽然用户可以访问其中的一个小的分支，但当分支网页结束时，线型结构迫使用户返回，维持了原来的方向，或返回主路径。 图1.7 带分支的线型组织结构 坚持 2.网格型 网格型是双线型结构，它在每一个节点都有水平方向和垂直方向的事件，每个方向上又是线性的。由于网格是一个平面组织结构，它有利于事件关系的收集。当设计正确时，网格提供了水平和垂直方向，在网站内用户不会感觉到迷失方向。 坚持 1.3.2 层次结构 网站最普通的页面结构是树型或层次型。 层次以根页面开始(根页面就是网站的主页)，主页或根页面是一种标志性的网页，它不同于其他网页。 树状结构常用于描述网站的深度和宽度。 坚持 1.狭义树 一个狭义树仅给出了较少的几种选择，这种组织结构重在深度，不是宽度。 图1.9 狭义树 坚持 2.广义树 一个广义树或广义层次结构是基于选择的。它的主要缺点是主页显示了太多的选择，有许多选择发散出去，见图1.10。 图1.10 广义树 坚持 3.Web树 Web树的结构如图所示。在一个纯Web树里，没有交叉链接，想到达树的其他部分经常要求回退。如果考虑用户已经到达了图所示的Web树结构中A处的网页，要到达网页B，不得不向上返回两层，然后再向前进两层。 坚持 4.完全的网格 如果一个网站中每个网页都链接到了其他网页，就认为这种结构是完全网格的结构。图1.15所示的框图显示了一个有5个网页的完全网格。在完全网格中，链接数=网页数乘以(网页数-1)，这意味着有5个网页的网站就有20个链接。 图1.15 完全网格的框图 坚持 5.混合形式 当广义树太大时，由于层次太窄，将隐藏太多的信息。线型结构提供太少的用户控制，而一个纯Web网络则具有太多的用户控制。 由此提出了一种叫做混合形式或混合层次结构，树是该结构的主要形式。混合形式中包含线型、跳越（跨越层次的链接）和网格结构。混合层次结构如图1.16所示。混合层次结构可能是Web网站中使用最普遍的网站组织形式。 坚