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

了解1、12.06.2020、网站建设和实践训练、第一章、12.06.2020、2、本章的学习目标、网站的基本特征和网站的基本内容。 正确理解静态网站和动态网站的基本概念。 正确理解网站的结构、网站的深度。 理解网站的分类和特征。 12.06.2020、3、本章的要点内容、网站的基本知识网站结构网站的深度网站的类型、12.06.2020、4、1.1网站的情况鉴赏、 网站的基本特征域名网站标志多网页统一风格的网页方便导航系统层次的列组织适当主题的内容用户可以与网站双向交流的列检索信息的功能用户指南和网站动态信息，12.06 . 页面内容比较固定，用户不能改变网站的形式、页面信息、操作方法。 静态网站的服务流如图1.1所示。 当用户请求页面文件时，客户端的计算机经由网络向服务器发送该请求，并且服务器向客户端(服务器实际上是文件服务器)发送页面文件(以HTML创建的文件)。 图1.1静态站点的服务流、12.06.2020、6、6、6,1.2.2动态站点、页面信息可根据需求和用户的阅览情况，实现与用户的交流和页面信息的自动更新，实现数据库的支持和远程动态维护可以根据用户的阅览条件和要求创建网页，有各种阅览者可以选择的方法。 在用户访问期间，每个主页都必须由服务器生成并发送给用户。 动态web站点一般使用数据库存储web站点的信息，其服务流如图1.2中所示。 图1.2动态站点的服务流、12.06.2020、7、1.3站点结构，每个站点都有逻辑结构和物理结构。 逻辑结构描述文档之间的关系，并定义文档之间的链接。 物理结构表示文档的实际位置，如服务器上的直接路径和数据库文件中的文档位置。 12.06.2020、8、(1)基本线型、单纯线型的组织结构，如图1.4所示能有秩序地显示信息间的关系。 另外，图1.4纯线型组织结构，1 .线型，1.3.1网站的逻辑结构，12.06.2020，9，(2)带选择的线型结构，在线型结构以预定顺序提供信息的情况下，用户不能与其他信息交换。 所选线型的组织结构在网页中提供了两个或多个选项以实现互动性，并指导用户最终以不同的顺序访问网页。 其形式如图1.5所示。 另外，图1.5带选项的线型组织结构，12.06.2020，10，(3)带选项的线型结构，在需要保存浏览路径的情况下，可以使用带选项的线型结构，用户可以选择并跳过不适当的页面。 这个网站的组织结构如图1.6所示。 该组织结构是网站整体结构的静态文档，但模拟了智能系统。 图1.6带选项的线型组织结构，12.06.2020，11，(4)带分支的线型结构，带分支的线型结构可以控制方向转换。 用户可以访问一个小分支，但分支页面结束后，线型结构会强制用户保持原始方向或返回到主路径。 图1.7带分支的线状组织结构，12.06.2020，12，2 .网格型，网格型为双重线性结构，各节点有水平方向和垂直方向的事件，各方向为直线。 网格是平面组织结构，有助于收集事件关系。 如果设计正确，网格提供水平和垂直方向，用户不会迷失方向。 12.06.2020、13、1.3.2层级，站点最常见的页面结构是树型或层级型。 层次从根页面(根页面是网站的主页)开始，主页或根页面是与其他页面不同的象征性页面。 树结构经常被用于描述网站的深度和宽度。 12.06.2020、14、1 .狭义树、狭义树给出了至少几个选项，这种组织结构是深度的，不是宽度的。图1.9狭义的树、12.06.2020、15、2 .广义的树、广义的树或广义的层次结构是基于选择的。 其主要缺点是主页上显示了很多选项，很多选项分散了。 请参见图1.10。 图1.10广义树、12.06.2020、16、3.Web树、web树的结构如图所示。 单纯的Web树没有交叉链接，所以如果想到达树的其他部分，总是要求回滚。 假定用户到达了图所示的Web树结构的a中的Web页，要到达Web页b，必须回到2层后再进入2层。 12.06.2020、17、4 .完整网格被认为是一个完整网格的结构，如果一个站点的所有页面都链接到其他页面。 图1.15所示的框图显示了具有5个网页的完全网格。 在完全网格中，链接数=页数乘以(页数-1)，意味着有5个页面的站点有20个链接。 图1.15完全网格的框图，12.06.2020，18，5 .混合形式，广义树过大时，层次过窄，隐藏了很多信息。 线型结构用户控制很少，而单纯的Web网络用户控制太多。 由此，提出了称为混合形式或混合层次结构的树是该结构的主要形式。 混合格式包括线型、跳转(层次之间的链接)和网格结构。 混合层次如图1.16所示。 混合层次可能是网站上最常用的网站的组织形式.12.06.2020、19、1.4用户和站点结构，用户访问一个站点有三个阶段。 首先，进入该站点之后访问该站点也被称为访问阶段的最后访问结束，用户从该站点退出。 理论上，12.06.2020、20、1.5站点的深度是用户点击三次就能找到所需内容的好规则。 因此，我们建议您设计目标是通过三次点击来查找信息内容。 建议：每次点击都提供达到目标的肯定反馈信息，如果最多只需要3次点击，就不需要反馈信息。 12.06.2020、21、1.6网站类型根据信息流、发布、服务的提供方法，通常分为政府网站、电子商务网站、信息资源服务网站、在线查询网站、远程教育网站、咨询网站、娱乐网站等由于不同类型网站的目标、访问者及其特征具有明显特征，不同形式的网站的设计方案也不同。 12.06.2020，22，1.6.1政府网站，1 .动态信息发布功能2 .在线调查功能3 .全文检索功能4 .公文发布，12.06.2020，23，1.6.2电子商务网站，电子商务网站主要用于支持几个组织电子商务中常见的模式有：企业对企业(BtoB )企业对客户(BtoC )客户对企业(CtoB )客户对政府机构(CtoG )商业机构对行政机关(BtoG )模式，12.06.2020，24，1 .企业对企业(BtoB )， 我国的阿里巴巴网站是以BtoB形式为主要模式的电子商务网站这是国际贸易领域最大、最活跃的网络市场之一，在200个国家和地区注册的56万会员，每天都为世界提供最新的3000多个商机。 我国著名电子商务网站阿里巴巴的主页(2222222222222222222222226这种电子商务主要是利用国际互联网的网络销售活动。 例如，花、书、计算机、汽车、各种类型的网络商务中心在网上提供各种消费商品的交易和服务。 12.06.2020、26、3 .客户对客户(CtoC )、淘宝网站是一个集成了个人竞价、集体谈判、标价购买和网络拍卖四种交易方式的CtoC电子商务平台。 主要提供一系列解决方案，包括买卖信息、网络交易和信用保障，请参见淘宝网主页() 12.06.2020、27、1.6.3企业信息网站、企业信息门户(EIP )的基本作用是为人们提供企业信息。企业信息门户提供了理解企业的访问门户，所有访问者都可以通过这个门户获得个人化的信息和服务。 对企业来说，信息门户是展示企业的窗口，能够无缝地整合企业的内容、商业活动、社区等，动态地公开存储在企业内部和外部的各种信息，同时还能够支持互联网上的虚拟社区。 企业信息门户强调结构化和非结构化数据的收集、访问、管理和无缝集成。 此类门户必须提供数据查询、分析和报告等基本功能，企业的员工、合作伙伴、客户和供应商可以很容易地通过企业信息门户获得所需的信息。 重点介绍了12.06.2020、28、1.6.4信息资源服务类网站、互联网资源和免费服务的网站。 资源包括电子刊物、免费软件、照片、电子书、技术资料、音乐和电影等免费服务，还包括电子邮件、BBS、虚拟社区、免费主页、传真等。 12.06.2020、29、1.6.5导航类网站导航系统网站是帮助人们搜索互联网的网站，被称为门户网站。 导航系统网站中还包含搜索引擎和网站目录。 这些是门户网站的关键点。 12.06.2020，30，1.6.6娱乐网站，娱乐游戏是工作和学习的休闲。 特别是网络游戏很受青少年欢迎。 娱乐游戏系网站是提供各种娱乐方式和在线游戏的网站，例如，近年来非常受欢迎的“共同世界”(主页的地址是)。 12.06.2020，31，1.6.7个人网站“拥有自己的个人主页”对时尚和追求新事物的年轻人有着特别的诱惑。 国内、国际许多PS也及时建立了免费的个人主页空间，吸引了个人“发热友”的加入。 有些个人主页的设计者根据自己的个人爱好在网上建立自己的“家”，召集兴趣相投的网上朋友商谈。 12.06.2020、32、1.6.8教育系网站是利用互联网提供远程教育服务的网站。 远程教育网站一般开设的专栏有在线课程、在线杂志、爱好游戏、社区服务、职业天地等。 12.06.2020，33，1.6.9财经类网站，上海证券之星是中国最大的金融证券类互联网网站之一，也是目前国内金融证券业最重要的应用服务业(ISP )之一。 国内最早开通的金融证券类网站，亚洲的互联网网站，通过ISO9001认证还是首次，2003年06月注册用户突破了600万人。 作为中国最大的金融证券互联网站，证券之星以“理性、实务、创新、预见性”为经营理念。 12.06.2020，34，1.6.10新闻网站，新闻网站主要以帮助人们获得足够信息的方式通知人们事件，新闻网站可以把访问者的注意变成商业利益。 12.06.2020，35，本章总结，本章介绍网站的结构和分类。 目的是在设计网站时，从网站的性质、内容、用户群等多方面来考虑。 公共网站访问者组很松，所以对用户的关怀会影响网站的设计构想。 商业网站和娱乐网站相比有很多不同，设计者无论访问者和用途，都应该注意不要对网站采用相同的设计标准。 一些网站使用简单的体系结构，如线型结构，而其他网站则显示复杂的层次和混合形式。 在设计网站的结构时，应该意识到科学的想法，在点击的深度和链接宽度之间取得平衡。 设计者必须理解网站的逻辑组织结构和物理组织结构。 实际上，网站的结构对设计者来说比