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

1 24 04 2020 网站建设与实训 第1章 24 04 2020 2 本章学习目标 了解网站的基本特征和网站的基本内容 正确理解静态网站和动态网站的基本概念 正确理解网站的结构 网站深度 了解网站的分类及其特点 24 04 2020 3 本章要点内容 网站的基本知识网站结构网站的深度Web网站的类型 24 04 2020 4 1 1网站案例欣赏 网站的基本特征域名网站标志众多的网页统一风格的网页便捷的导航系统分层的栏目组织贴切主题的内容用户能与网站进行双向交流的栏目搜索信息的功能用户指南和网站动态信息 24 04 2020 5 1 2网站的基本知识 1 2 1静态网站不具备交互性 页面内容相对固定 用户不能改变网站的形式 页面信息和操作方式 静态网站的服务流程如图1 1所示 当用户发出请求一个页面文件后 客户端的计算机将这个请求通过网络发往服务器 服务器找到页面文件 用HTML制作的文件 传送给客户端 服务器实际上是一个文件服务器 图1 1静态网站的服务流程 24 04 2020 6 1 2 2动态网站 页面信息可以根据需求或用户的浏览状况 实现与用户的交流和页面信息的自动更新 具有数据库的支持和远程动态维护功能 网页可以根据用户的浏览条件或要求创建 而可以有多种可选择的方式供不同的浏览者选用 在用户的访问过程中 每一个主页都必须由服务器生成 然后传送给用户 动态网站一般使用数据库来存储网站信息 服务流程如图1 2所示 图1 2动态网站的服务流程 24 04 2020 7 1 3网站结构 任何一个网站都有逻辑结构和物理结构 逻辑结构描述文档间的关系 定义了文档间的链接 物理结构描述了文档的实际位置 例如 文档在服务器上的直接路径或在数据库文件中的位置 24 04 2020 8 1 基本线型 一个纯线型组织结构能有序地显示信息之间的关系 如图1 4所示 图1 4纯线型组织结构 1 线型 1 3 1网站的逻辑结构 24 04 2020 9 2 带抉择的线型结构 当线型结构以预先决定的顺序提供信息时 用户不可能与其它信息交流 带抉择的线型组织结构在网页内提供两个或更多的选择来实现交互性 而最终以指导用户到达另一顺序中的网页 其形式如图1 5所示 图1 5带抉择的线型组织结构 24 04 2020 10 3 带选项的线型结构 当必须要保留浏览的路径时 可以使用带选项的线型结构 用户可以通过选择跳过一些不适用的页面 这种网站的组织结构如图1 6所示 这个组织结构在整个网站的结构中都是静态文件 但却模拟了一个智能系统 图1 6带选项的线型组织结构 24 04 2020 11 4 带分支的线型结构 带分支的线型结构允许控制转向 虽然用户可以访问其中的一个小的分支 但当分支网页结束时 线型结构迫使用户返回 维持了原来的方向 或返回主路径 图1 7带分支的线型组织结构 24 04 2020 12 2 网格型 网格型是双线型结构 它在每一个节点都有水平方向和垂直方向的事件 每个方向上又是线性的 由于网格是一个平面组织结构 它有利于事件关系的收集 当设计正确时 网格提供了水平和垂直方向 在网站内用户不会感觉到迷失方向 24 04 2020 13 1 3 2层次结构 网站最普通的页面结构是树型或层次型 层次以根页面开始 根页面就是网站的主页 主页或根页面是一种标志性的网页 它不同于其他网页 树状结构常用于描述网站的深度和宽度 24 04 2020 14 1 狭义树 一个狭义树仅给出了较少的几种选择 这种组织结构重在深度 不是宽度 图1 9狭义树 24 04 2020 15 2 广义树 一个广义树或广义层次结构是基于选择的 它的主要缺点是主页显示了太多的选择 有许多选择发散出去 见图1 10 图1 10广义树 24 04 2020 16 3 Web树 Web树的结构如图所示 在一个纯Web树里 没有交叉链接 想到达树的其他部分经常要求回退 如果考虑用户已经到达了图所示的Web树结构中A处的网页 要到达网页B 不得不向上返回两层 然后再向前进两层 24 04 2020 17 4 完全的网格 如果一个网站中每个网页都链接到了其他网页 就认为这种结构是完全网格的结构 图1 15所示的框图显示了一个有5个网页的完全网格 在完全网格中 链接数 网页数乘以 网页数 1 这意味着有5个网页的网站就有20个链接 图1 15完全网格的框图 24 04 2020 18 5 混合形式 当广义树太大时 由于层次太窄 将隐藏太多的信息 线型结构提供太少的用户控制 而一个纯Web网络则具有太多的用户控制 由此提出了一种叫做混合形式或混合层次结构 树是该结构的主要形式 混合形式中包含线型 跳越 跨越层次的链接 和网格结构 混合层次结构如图1 16所示 混合层次结构可能是Web网站中使用最普遍的网站组织形式 24 04 2020 19 1 4用户和网站结构 用户访问一个网站时有三个阶段 首先是进入该网站其次是访问该网站也可以称为访问阶段最后是访问的结束 用户从网站退出 24 04 2020 20 1 5网站的深度 从理论上讲 一个好的规则是用户点击三次可以找到所需的内容 因此设计时建议以三次点击找到信息内容为目标 建议 每次点击都提供到达目标的正面反馈信息 如果最多只需要三次点击 则不需要反馈信息 24 04 2020 21 1 6Web网站的类型 根据信息流转 传递及提供服务的方式 通常可以将网站分为 政府类网站 电子商务类网站 信息资源服务类网站 在线查询类网站 远程教育网站 咨询求助类网站和娱乐类网站等 不同类型的网站的目标 访问者和其特征都有显著的特点 因此对不同形式的网站 其设计方案也是不同的 24 04 2020 22 1 6 1政府类网站 1 动态信息发布功能2 在线调查功能3 全文检索功能4 公文传送 24 04 2020 23 1 6 2电子商务网站 电子商务类网站是指着重提供主要用来支持一些组织的商业运作 网上电子商务活动的网站 电子商务常见的模式为企业对企业 BtoB 企业对客户 BtoC 客户对客户 CtoC 客户对企业 CtoB 客户对政府机构 CtoG 商业机构对行政机构 BtoG 模式 24 04 2020 24 1 企业对企业 BtoB 我国的阿里巴巴网站是一家以BtoB形式为主要模式的电子商务网站 它是在国际贸易领域中最大 最活跃的网上市场之一 拥有200个国家或地区注册的56万会员 每天提供来自全球最新的3000多个商业机会 我国著名的电子商务网站阿里巴巴的主页 24 04 2020 25 2 企业对客户 BtoC BtoC是BusinesstoConsumer的简称 是企业与消费者之间进行的电子商务活动 这类电子商务主要是借助于国际互联网所开展的在线式销售活动 如网上提供鲜花 书籍 计算机 汽车和各种消费商品交易和服务的各种类型的网络商务中心 24 04 2020 26 3 客户对客户 CtoC 淘宝网站 是一个集个人竞价 集体议价 标价求购和在线拍卖四种交易方式于一体的CtoC电子商务平台 主要提供买卖信息 在线交易和信用保障在内的一系列解决方案 淘宝网主页 24 04 2020 27 1 6 3企业信息网站 企业信息门户 EnterpriseInformationPortal EIP 的基本作用是为人们提供企业信息 企业信息门户提供了一个了解企业的访问入口 所有访问者都可以通过这个入口获得个性化的信息和服务 对企业来说 信息门户既是一个展示企业的窗口 又可以无缝地集成企业的内容 商务活动及社区等 动态地发布存储在企业内部和外部的各种信息 同时还可以支持网上的虚拟社区 企业信息门户强调对结构化与非结构化数据的收集 访问 管理和无缝集成 这类门户必须提供数据查询 分析和报告等基本功能 企业员工 合作伙伴 客户及供应商都可以通过企业信息门户方便地获取自己所需的信息 24 04 2020 28 1 6 4信息资源服务类网站 着重提供Internet网络资源和免费服务的网站 资源包括电子刊物 自由软件 图片 电子图书 技术资料 音乐和影视等免费服务包括电子邮件 BBS 虚拟社区 免费主页 传真等 24 04 2020 29 1 6 5导航类网站 导航类网站是帮助人们探索因特网的网站 被称为门户网站 导航类网站也包括搜索引擎或网站目录 这些是门户网站的关键 24 04 2020 30 1 6 6娱乐网站 娱乐游戏是工作和学习之余的消遣 特别是网上游戏深受青少年的青睐 娱乐游戏类网站 就是提供各种娱乐方式和在线游戏的网站 例如近年来非常流行的 联众世界 主页地址为 24 04 2020 31 1 6 7个人网站 拥有自己的个人主页 对于那些追求时尚 新事物的年轻人具有特别的诱惑 国内 国际的很多ISP也不失时机地推出了免费个人主页空间 吸引个人 发烧友 的加盟 一些个人主页设计者根据自己的个人爱好在网上搭建起自己的 屋 聚集爱好相投的网上朋友共同切磋 24 04 2020 32 1 6 8教育类网站 是利用互联网进行远程教育服务的网站 远程教育网站一般开设的栏目有 网上课程 网上杂志 趣味游戏 社区服务 职业天地等 24 04 2020 33 1 6 9财经类网站 上海证券之星是中国最大的金融证券类互联网站之一 同时也是目前国内金融证券业最重要的应用服务提供商 ISP 之一 它是国内最早开通的金融证券类网站 在亚洲互联网站中 它是首家通过ISO9001认证 2003年06月注册用户突破600万 作为中国最大的金融证券互联网站 证券之星以 理性 务实 创新 远见 为经营理念 24 04 2020 34 1 6 10新闻网站 新闻网站主要是以帮助的方式通知人们一些事件 以便使人们获取足够的信息 新闻网站能把访问者的注意力转换成商业利润 24 04 2020 35 本章小结 本章介绍了Web网站的结构和分类 目的是要在设计网站时从网站的性质 内容和用户群等多个方面去考虑 公共网站的访问者群体很松散 对用户的考虑影响到网站的设计思路 商业网站和娱乐网站相比 就有很多不同 设计者应该注意对网站不要采用相同的设计标准 而不管访问者和用途是什么 一些网站使用简单的体系结构 像线型结构 而另一些网站则展示了复杂的层次或混合的形式 当设计网站结构时 应该注重认识科学方面的考虑 尽量做到对点击深度和链接宽度的平衡 设计者应该理解网