第1章动态网页的基础知识课件.ppt

1、 计算机与信息工程系刘 兵使用教材：动态网页制作潘晓南等编著中国铁道出版社 2005。1一、动态网页的特点：1、要有相关的网络知识 2、要有语言的基础 3、与一般的程序设计(如C语言)区别二、为什么要学习动态网页 动态网页是目前程序设计的一个主流计算机应用。动态网页的几种方式?(asp,php,jsp,)三、本课程主要研究的内容：1、动态网页的基本方式,(如何建立动态网页,如何发布动态网页)2、相关动态网页的设计技巧 四、考核办法：本课程共30学时，其中10学时授课，20学时实验 以完成上机任务为主50，25平时上机作业和课堂抽查考试，25的实验报告。五、上机时间：理论课时间：4，6，7周周二

2、晚上上机时间：5，8，9，11，12，13，14周周二晚上 上机地点：东7-416六、学习目标：完成一个动态网站，新浪申请一个博客，并完成相关内容 第1章 基础知识 本章主要了解动态网页基本概念及其工作环境。第1章 动态网页的基础知识1.1 Internet及其提供的服务1.2 WWW的基本概念1.3 Web程序设计的方式1.4 IIS上的WWW服务器实现1.5 本书说明1.6 本书所需的软件环境1.1 Internet1.1 Internet及其提供的服务及其提供的服务 1.1.1 什么是什么是Internetn从网络通信技术的观点来看，Internet是一个以TCP/IP通信协议为基础，连

3、接各个国家、各个部门、各个机构计算机网络的数据通讯网；n从信息资源的观点来看，Internet是一个集各个领域、各个学科的各种信息资源为一体的、供网上用户共享的数据资源网。1.1.2 Internet提供的服务提供的服务n1.远程登录服务Telnet（Remote Login）n2.文件传送服务FTP n3.电子邮件服务E-mail（Electronic Mail）n4.电子公告板系统（BBS）n5.万维网 n6.电子商务 n7.Internet电话 n8.其他丰富多彩的Internet服务 1.2 WWW的基本概念的基本概念n1.2.1 概述n1.2.2 Web浏览器的工作原理n1.2.3

4、统一资源定位器URLn1.2.4 超文本与超媒体n1.2.5 超文本标记语言HTMLn1.2.6 超文本传输协议n1.2.7 主页n1.2.1 概述概述nWWW是Word Wide Web的英文缩写，译为“万维网”或“全球信息网”.nWWW服务的基础是Web页面，每个服务站点都包括若干个相互关联的页面.n 每个站点都有一个主页，是进入某个站点的起始页，也就是第一页，相当于这个站点的窗口。nWWW的核心是Web服务器，由它提供各种形式的信息n1.2.2 Web浏览器的工作原理浏览器的工作原理 WWW基于客户机基于客户机/服务器模式服务器模式.n用户输入不同的URL，可以打开特定的Web服务器的相

5、应文档。nWeb浏览器最基本的功能是解释HTML文档。n1.2.2 Web浏览器的工作原理浏览器的工作原理 WWW基于客户机基于客户机/服务器模式服务器模式.统一资源定位符是文件名的扩展。n 一个URL包括了以上所有的信息，构成格式为：nprotocol:/machine.name:port/directory/filenamen 1.2.3 统一资源定位符统一资源定位符URL（Uniform Resource Locator）n超文本的概念是特德尼尔逊于1969年左右提出的。n蒂姆提出了一种超文本的数据结构，并把这种技术应用于描述和检索信息，实现了高效率的存取，从而发明了WWW的信息浏览服务

6、方式。n在WWW中的超文本，实际上是一种解决菜单与信息分离的机制，把可选菜单项嵌入文本中的概念称为“超文本”。n1.2.4 超文本与超媒体超文本与超媒体n超文本技术采用指针连结的网状交叉索引方式，对不同来源的信息加以链接。n超媒体是超文本的自然扩展，是超文本与多媒体的组合。n在超媒体中，链接的除了文本文件以外，还有音像和动画等。n1.2.4 超文本与超媒体超文本与超媒体n超文本标记语言HTML-Hyper Text Markup LanguagenHTML是一种专用的编程语言，用于编制要通过WWW显示的超文本文件页面。n1.2.5 超文本标记语言超文本标记语言HTMLnHTML对文件显示的具体

7、格式进行了详细的规定和描述。nHTML采用标准的位ASCII码文件形式，通过 一 系 列 格 式 化 方 法 表 示 各 种 超 链 接（hyperlink）和信息。n1.2.5 超文本标记语言超文本标记语言HTMLn用HTML编写的文档采用“.html”或者“.htm”作为后缀。n当WWW浏览器读取到HTML文件时，就以超文本方式显示给用户。n1.2.5 超文本标记语言超文本标记语言HTMLn例如，下面的HTML语句建立了一个按“专题分类查询信息”（information by subject），并将该条目与计算机“”中的文件“index.html”相链接，HTML语法如下：Informat

8、ion by Subject n超文本传输协议HTTP（Hyper Text Transfer Protocol）n可以简单地被看成是浏览器和Web服务器之间的会话。n1.2.6 超文本传输协议超文本传输协议nHTTP定义了简单事务处理程序，由下个步骤组成：n（1）客户机与服务器建立连接；n（2）客户机向服务器递交请求，在请求中指明所要求的特定文件；n（3）如果请求被接纳，那么服务器便发回一个应答。在应答中至少应当包括状态编号和该文件内容；n（4）客户机与服务器断开连接。n1.2.6 超文本传输协议超文本传输协议nHTTP协议是一个无状态协议。n问题：网页之间的用户名如何来传递？n1.2.6

9、超文本传输协议超文本传输协议n主页（Home Page）就是用户在访问Internet网上某个站点时，首先显示的第一个页面n从信息查询的角度来看，主页就是用户本次通过WWW在连接访问超文本各类信息资源的根；n1.2.7 主页主页n 从信息提供的角度来看，由于各个开发WWW服务器的机构在组织WWW信息时是以信息页为单位的，这些信息页被组织成树状结构以便检索，那个代表“树根”信息页的超文本就是该WWW服务器的初始页（主页）。n1.2.7 主页主页1.3 Web程序设计的方式程序设计的方式n通常的网络程序设计所采取的大都是一种叫客通常的网络程序设计所采取的大都是一种叫客户户/服务器（服务器（Clie

10、nt/Server 缩写缩写C/S）方式）方式n在网络上对数据库访问发展的必然趋势，即浏在网络上对数据库访问发展的必然趋势，即浏览器览器/服务器方式（服务器方式（Browse/Server 缩写缩写B/S）n1.3.1 1.3.1 浏览器浏览器/服务器方式及原理服务器方式及原理n n1.3.1 1.3.1 浏览器浏览器/服务器方式及原理服务器方式及原理n 这种三层式方式采用的浏览器/服务器方式工作原理如下：（1）首先客户Web浏览器发出请求要求访问Web服务器的某一网页，Web服务器检查文件的扩展名是不是特殊的网页（如ASP页），如果是ASP页，Web服务器就确实它应当调用ASP来处理该页。n

11、（2）Web服务器对该ASP页进行语法检查和编译。n（3）若在脚本程序中使用了ADO（ActiveX Data Objects）对象，则Web服务器会根据ADO对象所设置的参数来启动对应的ODBC驱动程序，而启动ODBC驱动程序之后，程序可以直接利用ADO对象来访问数据库，或通过ADO对象来发送SQL指令，进而达到存取数据库的目的。n1.3.1 1.3.1 浏览器浏览器/服务器方式及原理服务器方式及原理n n（4）最后如果有数据必须显示在浏览器上，则脚本程序会利用ASP所提供的输出对象送出数据形成动态的HTML文档，并且和静态HTML文档进行合并，然后由WEB服务器传送给前端的客户浏览器。n问

12、题：用户输入数据的验证是在Client上好还是Server上要好一些？n1.3.1 1.3.1 浏览器浏览器/服务器方式及原理服务器方式及原理 n浏览器/服务器方式的三层结构有以下好处：n（1）对于远程的前端用户来讲，他不需要特殊设置与软件安装.n（2）在Web开发者而言，所有的应用软件集中在服务器端开发管理n这种方式又叫零客户端，或叫瘦客户。n1.3.2 浏览器浏览器/服务器方式的好处服务器方式的好处n1.ASP1.ASPnASP全名Active Server Pages，n是一个WEB服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。nASP采用脚本语言V

13、BScript或 JavaScript作为自己的开发语言。n1.3.3 ASP、PHP、JSP的比较的比较nASP特点：n（1）使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。n（2）无须compile编译，容易编写，可在服务器端直接执行。n（3）使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。n（4）与浏览器无关n1.3.3 ASP、PHP、JSP的比较的比较n2。PHPnPHP是一种跨平台的服务器端的嵌入式脚本语言。n它大量地借用C，Java和Perl语言的语法,并耦合PHP本身的特性,使WEB开发者能够快速地写出

14、动态生成页面。n它支持目前绝大多数数据库。n2。PHPnP H P 是 完 全 免 费 的，可 以 从 P H P 官 方 站 点(http:/)自由下载。n而且可以不受限制地获得源码，甚至可以从中加进所需要的特色。n3.JSPnJSP是Sun公司推出的新一代站点开发语言。nJsp可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。nASP、PHP、JSP都提供在HTML中的混合编码。nASP、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持，并且各自有自身的技术特点。n1.1什么是.netn 微软新一代平台的正式名称叫做“新一代Win

15、dows服务”（NGWS），现在微软已经给这个平台注册了正式的商标MicroSoft.Net。在.Net环境中，微软不仅仅是平台和产品的开发者，并且还将作为架构服务提供商、应用程序提供商，开展全方位的Internet服务。1.3.4 ASP.NETnMicroSoft.Net平台的侧重点：从连接到互联网的单一网站或设备上，转移到计算机、设备和服务群组上，使其能合作，并提供更广泛更丰富的解决方案。1.3.4 ASP.NETnMicroSoft.Net环境中突破性改进在于：n1。使用统一的Internet标准（如XML）将不同的系统对接；n2。这是Internet上首个大规模的高度分布式应用服务架

16、构；1.3.4 ASP.NETn3。使用一个名为“联盟”的管理程序，这个程序能全面管理平台中运行的服务程序，并且为它们提供强大的安全保护后台；nMicroSoft.Net将互联网作为构建新一代操作系统的基础，对互联网和操作系统的设计思想进行延伸。这样开发人员创建出摆脱设备硬件束缚的应用程序，以便轻松实现互联网连接。1.3.4 ASP.NET1。ASP.NET的调试环境n操作系统：win 2000n浏览器：IE5.5以上n2。支持语言nASP.NET目前能支持3种语言：nC#，Jscrip,Visual Basicn3.软件要求：nwin2000+sp3，IE5.5，IIS5.01.3.4 AS

17、P.NETnASP.NET在执行脚本时要经过两次编译：n第一次是从脚本语言到MSIL（Microsoft Intermediate Language，微软的中间语言）；n第二次是MSIL到执行的机器码。1.3.4 ASP.NETnASP.NET与ASP运行速度的比较。nASP.NET 解决了把网页的内容和程序的代码分开。n比ASP面向对象的特点更加明显。1.3.4 ASP.NET1.4 IIS上的上的WWW服务器实现服务器实现n1.4.1 IIS概述概述n1.安全性安全性n 安全验证方面n 安全通信方面n2.可编程性可编程性n3.Internet标准支持标准支持1.4.2 IIS的安装的安装n

18、Web站点的主目录的路经是InetpubwwwrootnFTP站点的主目录的路径是Inetpubftproot。n如果用户在安装Windows 2000时没有选择安装IIS 5.0，过程如下：n（1）依次选择“开始设置控制面板添加/删除程序”。打开“添加/删除程序”窗口。n（2）然后单击“添加/删除 Windows 组件”，打开“Windows 组件向导”窗口 IIS主目录的设置过程如下：IIS主目录的设置过程如下：创建虚拟目录，可参照下面的步骤：创建虚拟目录，可参照下面的步骤：n。n（3）如果用户知道目录路径，可直接在“目录”文本框中输入目录路径。否者单击“浏览”按钮，打开“浏览文件夹”对话

19、框，选择目录路径。n（4）单击“下一步”按钮，打开“访问权限”对话框，在“允许下列权限”选项区域中，用户可以为此目录设置访问权限。例如，选择“写入”复选框，既允许访问者修改目录内容。n（5）访问权限设置完成后，单击“下一步”按钮，进入最后一步，打开“您已成功完成虚拟目录创建向导”对话框。单击“完成”按钮，虚拟目录创建完成。设置文件的Web共享属性来快速创建虚拟目录，具体操作步骤如下：n（1）打开“我的电脑”或“资源管理器”窗口，右击要共享的文件夹（2）选择“共享这个文件夹”单选按钮，此时会弹出“编辑别名”对话框。n（3）在“别名”框中键入该目录的别名。n（4）在“应用程序许可”选项区域中，通过选择单选按钮来设置目录中的应用程序许可权限.n1.4.4 设置默认的文档设置默认的文档n在每一个目录中都可以建立这样一个默认的文档，因为如果没有默认文档，用户用不带文件名的URL访问Web服务器时，WWW服务器将返回错误。n1.6 本书所需的软件环境本书所需的软件环境n本书的Web程序设计是以ASP.NET为基础，那么要运行ASP.NET必须要有.NET Framework SDK。它可以到http:/ S软件，可直接安装，因其本身带有.NET Framework SDK。另外，还需要有SQL Server 2000（或者SQL Server7.0、ACCESS）。