第一章动态网页设计概述PPT课件

.,1,西亚斯国际学院宋小芹songhui00,动态网页设计,课程的性质与任务,是高等职业院校计算机及应用专业的一门主干专业课。本课程是使学生能运用所学的ASP知识，根据实际问题进行ASP动态网站的创建与维护、ASP动态网页的编写、通过ASP动态网页访问数据库，使学生具有ASP动态网站开发的初步能力。,预备知识,在学习本课程之前，最好学过以下课程：网页设计Dreamweaver创建网页。程序设计语言能够使用VisualBasic进行程序设计。数据库应用基础例如能够使用SQLServer或Access创建和管理数据库。,.,4,参考资料,.,5,第1章动态网页设计概述,1.1Web的开发历史,1.2动态网页概述,.,6,1.1Web的开发历史早期的站点大都是由多个静态页面组成的。静态网页的内容固定不变，静态网站不容易维护，为了不断更新网页内容，就必须重新制作网页，工作量大。另外静态网站也缺少和用户的交互性，用户只能被动地浏览网页的内容，不能和服务器进行信息交流。现在动态网站的开发技术已经成为网站的开发主流。,.,7,1.2动态网页概述1.2.1什么是动态网页一、动态网页的概念所谓“动态”主要体现在不同的访问者、不同的访问时间在访问同一个页面时可能得到不同的浏览页面，访问内容具有实时性，访问的过程具有交互性。,.,8,二、动态网页的特征动态网页主要由以下几个主要特征：网页的显示内容可以实时动态更新。用户和网站可以进行交互式信息交流。提供对数据库的管理和使用。提供对文件的管理操作。支持对“组件”的使用。,.,9,1.2.2动态网页的运行环境只要用户的计算机上装有浏览器即可运行静态网页，而动态网页则要求在Web服务器中要安装相应的服务器软件，由服务器软件来完成动态网页的解释工作及网站应用程序服务工作。不同的操作系统工作平台，可以选择安装不同的Web服务器软件，现在比较常用的是WINDOWS操作系统平台下的IIS和Linux操作系统平台下Apache服务器软件。,.,10,在以Windows2000为操作系统的平台上，主要使用的是IIS5.0作为Web服务器管理软件。当用户在计算机上安装了Windows2000Server版本之后，IIS5.0已经默认安装好了,.,11,1.2.3动态网页和静态网页的区别对于Web服务器来说，动态网页和静态网页有以下几方面的区别：组成内容不同。静态:由标记和文本构成的;动态由脚本、标记、文本文件扩展名不同。静态:扩展名是HTM或HTML;而动态网页的扩展名根据使用的不同网络编程技术有所区别，如ASP、JSP、PHP等.执行过程不同。查看代码结果不同。,.,12,1.2.4动态网页的工作过程在掌握动态网页工作过程之前，先简单介绍一下静态网页的工作过程：用户首先是在浏览器的地址栏中写上要访问的网页地址并回车发送这个申请。浏览器将申请发送到Web服务器上。Web服务器接收这些申请并根据.htm或.html的扩展名知道是HTML文件。Web服务器从硬盘或内存中读取正确的HTML文件然后送回给用户浏览器。HTML文件将会被用户的浏览器解释并将结果显示在用户浏览器上。,动态网页的具体实现过程如下：用户在浏览器的网址栏中添加扩展名为ASP的文件，发送对ASP文件的访问申请。浏览器将这个ASP文件的请求发送给WEB服务器(IIS)。服务器接收请求,根据asp扩展名知道这是个动态网页。Web服务器从硬盘中读取所需要的ASP文件。服务器将这个文件发送到一个叫做ASP.DLL特定文件中。此文件会被从头至尾解释执行,并生成响应的静态主页。将脚本输出结果和原来的静态HTML代码进行合并，最终以HTML代码形式回送给用户浏览器回送的HTML文档将会被用户浏览器解释执行并显示在用户浏览器上,硬盘,读ASP文件,返回找到的文件,访问网页,脚本引擎,数据库,ADO对象,访问,结果,申请使用库,处理结果,HTML网页,.,15,1.3Web标准,大多数网页设计人员都有这样的体验，每次主流浏览器版本的升级，都会使用户建立的网站变得过时，此时就需要升级或者重新建网站。同样，每当新的网络技术和交互设备出现时，设计人员也需要制作一个新版本来支持这种新技术或新设备，类似的问题举不胜举，例如，网站代码臃肿，浪费了大量的网络带宽；针对某种浏览器的DHTML特效屏蔽了部分潜在的客户，使之无法浏览网站等。这是一种恶性循环，是一种巨大的浪费。在W3C（W3C.org）的组织下，Web标准开始被建立（以2000年10月6日发布XML1.0为标志），并在网站标准组织（WebS）的督促下推广执行。,.,16,1.3Web标准,1.3.1Web标准的概念1.结构标准语言(1)HTML(2)XML(3)XHTML,.,17,html.xml.xhtml的区别,（1）HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord记事本写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。,.,18,HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。,.,19,关于标签，需要记住的是，它们是成双出现的。每当使用一个标签如,则必须以另一个标签将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别.基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分标题和正文。标题词夹在和标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。,.,20,（2）XMLXML是TheExtensibleMarkupLanguage(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考（/TR/2000/REC-XML-20001006）。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。,.,21,（3）XHTMLXHTML是TheExtensibleHyperTextMarkupLanguage可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0（参考/TR/xhtml1）。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。,.,22,1.3Web标准,2.表现标准语言当讨论Web标准时，总是提及结构和表现分离的重要性。结构是文档中的主体部分，由语义化、结构化的标记组成。表现是赋予内容的一种样式，在大多数情况下，表现就是文档看起来的样子。尽可能地把结构和表现相分离，这样当表现变化时，不用去更改结构。CSS（CascadingStyleSheets，层叠样式表）目前推荐遵循的是W3C于1998年5月12日推荐的CSS2（/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。,.,23,3.行为标准(1)DOM根据W3CDOM规范（/DOM/），DOM（DocumentObjectModel，文档对象模型）是一种与浏览器、平台、语言的接口，使得用户可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。,1.3Web标准,.,24,(2)ECMAScriptECMAScript是ECMA（EuropeanComputerManufacturersAssociation，欧洲计算机制造协会）制定的标准脚本语言。目前推荐遵循的是ECMAScript262。,.,25,1.3.2建立Web标准的目的简单地说，建立Web标准的目的是：提供最大利益给最多的网站用户；确保任何网站文档都能够长期有效；简化代码，降低建设成本；让网站更容易使用，能适应更多不同用户和更多网络设备；当浏览器版本更新或者出现新的网络交互设备时，确保所有应用能够继续正确执行。,1.3Web标准,.,26,1.3.3采用Web标准的优点1客户端的优点采用Web标准后，客户端带来的好处主要体现在以下5个方面：文件下载与页面显示速度更快；内容能被更多的用户所访问（包