动态网页的基础知识课件

1、 计算机与信息工程系刘 兵动态网页制作 计算机与信息工程系动态网页制作使用教材：动态网页制作潘晓南等编著中国铁道出版社 2005。1动态网页制作使用教材：动态网页制作潘晓南等编著中国铁道出版社 2005一、动态网页的特点： 1、要有相关的网络知识 2、要有语言的基础 3、与一般的程序设计(如C语言)区别动态网页制作一、动态网页的特点：动态网页制作二、为什么要学习动态网页 动态网页是目前程序设计的一个主流计算机应用。动态网页的几种方式? (asp,php,jsp,) 动态网页制作二、为什么要学习动态网页动态网页制作三、本课程主要研究的内容： 1、动态网页的基本方式,(如何建立动态网页,如何发布动

2、态网页) 2、相关动态网页的设计技巧 动态网页制作三、本课程主要研究的内容：动态网页制作四、考核办法： 本课程共30学时，其中10学时授课，20学时实验 以完成上机任务为主50，25平时上机作业和课堂抽查考试，25的实验报告。 动态网页制作四、考核办法：动态网页制作五、上机时间：理论课时间：4，6，7周周二晚上上机时间：5，8，9，11，12，13，14周周二晚上 上机地点： 东7416动态网页制作五、上机时间：动态网页制作六、学习目标：完成一个动态网站，新浪申请一个博客，并完成相关内容 动态网页制作六、学习目标：动态网页制作 第1章 基础知识 本章主要了解动态网页基本概念及其工作环境。 第1

3、章 基础知识第1章 动态网页的基础知识1.1 Internet及其提供的服务1.2 WWW的基本概念1.3 Web程序设计的方式1.4 IIS上的WWW服务器实现1.5 本书说明1.6 本书所需的软件环境第1章 动态网页的基础知识1.1 Internet及其提供1.1 Internet及其提供的服务 1.1.1 什么是Internet从网络通信技术的观点来看，Internet是一个以TCP/IP通信协议为基础，连接各个国家、各个部门、各个机构计算机网络的数据通讯网；从信息资源的观点来看，Internet是一个集各个领域、各个学科的各种信息资源为一体的、供网上用户共享的数据资源网。1.1 Int

4、ernet及其提供的服务 1.1.1 什么1.1.2 Internet提供的服务1. 远程登录服务Telnet（Remote Login）2. 文件传送服务FTP 3. 电子邮件服务E-mail（Electronic Mail） 4. 电子公告板系统（BBS） 5. 万维网 6. 电子商务 7. Internet电话 8. 其他丰富多彩的Internet服务 1.1.2 Internet提供的服务1.2 WWW的基本概念1.2.1 概述1.2.2 Web浏览器的工作原理1.2.3 统一资源定位器URL1.2.4 超文本与超媒体1.2.5 超文本标记语言HTML1.2.6 超文本传输协议1.2.

5、7 主页1.2 WWW的基本概念1.2.1 概述1.2.1 概述WWW是Word Wide Web的英文缩写，译为“万维网”或“全球信息网”.WWW服务的基础是Web页面，每个服务站点都包括若干个相互关联的页面. 每个站点都有一个主页，是进入某个站点的起始页，也就是第一页，相当于这个站点的窗口。 WWW的核心是Web服务器，由它提供各种形式的信息1.2.1 概述1.2.2 Web浏览器的工作原理 WWW基于客户机/服务器模式.1.2.2 Web浏览器的工作原理用户输入不同的URL，可以打开特定的Web服务器的相应文档。Web浏览器最基本的功能是解释HTML文档。1.2.2 Web浏览器的工作原

6、理 WWW基于客户机/服务器模式.1.2.2 Web浏览器的工作原理统一资源定位符是文件名的扩展。 一个URL包括了以上所有的信息，构成格式为：protocol:/:port/directory/filename 1.2.3 统一资源定位符URL（Uniform Resource Locator）统一资源定位符是文件名的扩展。1.2.3 统一资源定位符U超文本的概念是特德尼尔逊于1969年左右提出的。蒂姆提出了一种超文本的数据结构，并把这种技术应用于描述和检索信息，实现了高效率的存取，从而发明了WWW的信息浏览服务方式。在WWW中的超文本，实际上是一种解决菜单与信息分离的机制，把可选菜单项嵌入

7、文本中的概念称为“超文本”。1.2.4 超文本与超媒体超文本的概念是特德尼尔逊于1969年左右提出的。1.2.4超文本技术采用指针连结的网状交叉索引方式，对不同来源的信息加以链接。超媒体是超文本的自然扩展，是超文本与多媒体的组合。在超媒体中，链接的除了文本文件以外，还有音像和动画等。1.2.4 超文本与超媒体超文本技术采用指针连结的网状交叉索引方式，对不同来源的信息加动态网页的基础知识课件动态网页的基础知识课件超文本标记语言HTMLHyper Text Markup LanguageHTML是一种专用的编程语言，用于编制要通过WWW显示的超文本文件页面。1.2.5 超文本标记语言HTML1.2

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

9、tml”相链接，HTML语法如下： Information by Subject 例如，下面的HTML语句建立了一个按“专题分类查询信息”（i超文本传输协议HTTP（Hyper Text Transfer Protocol）可以简单地被看成是浏览器和Web服务器之间的会话。1.2.6 超文本传输协议1.2.6 超文本传输协议HTTP定义了简单事务处理程序，由下个步骤组成：（1）客户机与服务器建立连接；（2）客户机向服务器递交请求，在请求中指明所要求的特定文件；（3）如果请求被接纳，那么服务器便发回一个应答。在应答中至少应当包括状态编号和该文件内容；（4）客户机与服务器断开连接。1.2.6 超文

10、本传输协议HTTP定义了简单事务处理程序，由下个步骤组成：1.2.6HTTP协议是一个无状态协议。问题：网页之间的用户名如何来传递？1.2.6 超文本传输协议HTTP协议是一个无状态协议。1.2.6 超文本传输协议主页（Home Page）就是用户在访问Internet网上某个站点时，首先显示的第一个页面从信息查询的角度来看，主页就是用户本次通过WWW在连接访问超文本各类信息资源的根；1.2.7 主页1.2.7 主页 从信息提供的角度来看，由于各个开发WWW服务器的机构在组织WWW信息时是以信息页为单位的，这些信息页被组织成树状结构以便检索，那个代表“树根”信息页的超文本就是该WWW服务器的初

11、始页（主页）。1.2.7 主页1.2.7 主页1.3 Web程序设计的方式通常的网络程序设计所采取的大都是一种叫客户/服务器（Client/Server 缩写C/S）方式在网络上对数据库访问发展的必然趋势，即浏览器/服务器方式（Browse/Server 缩写B/S）1.3 Web程序设计的方式通常的网络程序设计所采取的大都1.3.1 浏览器/服务器方式及原理 1.3.1 浏览器/服务器方式及原理1.3.1 浏览器/服务器方式及原理 这种三层式方式采用的浏览器/服务器方式工作原理如下：（1）首先客户Web浏览器发出请求要求访问Web服务器的某一网页，Web服务器检查文件的扩展名是不是特殊的网页

12、（如ASP页），如果是ASP页，Web服务器就确实它应当调用ASP来处理该页。1.3.1 浏览器/服务器方式及原理这种三层式方式采用的浏（2）Web服务器对该ASP页进行语法检查和编译。（3）若在脚本程序中使用了ADO（ActiveX Data Objects）对象，则Web服务器会根据ADO对象所设置的参数来启动对应的ODBC驱动程序，而启动ODBC驱动程序之后，程序可以直接利用ADO对象来访问数据库，或通过ADO对象来发送SQL指令，进而达到存取数据库的目的。1.3.1 浏览器/服务器方式及原理 （2）Web服务器对该ASP页进行语法检查和编译。1.3.1（4）最后如果有数据必须显示在浏览

13、器上，则脚本程序会利用ASP所提供的输出对象送出数据形成动态的HTML文档，并且和静态HTML文档进行合并，然后由WEB服务器传送给前端的客户浏览器。（4）最后如果有数据必须显示在浏览器上，则脚本程序会利用AS问题：用户输入数据的验证是在Client上好还是Server上要好一些？1.3.1 浏览器/服务器方式及原理问题：用户输入数据的验证是在Client上好还是Server浏览器/服务器方式的三层结构有以下好处：（1）对于远程的前端用户来讲，他不需要特殊设置与软件安装.（2）在Web开发者而言，所有的应用软件集中在服务器端开发管理这种方式又叫零客户端，或叫瘦客户。1.3.2 浏览器/服务器方

14、式的好处浏览器/服务器方式的三层结构有以下好处：1.3.2 浏览器1.ASPASP全名Active Server Pages，是一个WEB服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript或 JavaScript作为自己的开发语言。1.3.3 ASP、PHP、JSP的比较1.ASP1.3.3 ASP、PHP、JSP的比较ASP特点：（1）使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。 （2）无须compile编译，容易编写，可在服务器端直接执行。（3）使用普通的文本编

15、辑器，如Windows的记事本，即可进行编辑设计。 （4）与浏览器无关1.3.3 ASP、PHP、JSP的比较ASP特点：1.3.3 ASP、PHP、JSP的比较2。PHPPHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C，Java和Perl语言的语法,并耦合PHP本身的特性,使WEB开发者能够快速地写出动态生成页面。它支持目前绝大多数数据库。2。PHP2。PHPPHP是完全免费的，可以从PHP官方站点()自由下载。而且可以不受限制地获得源码，甚至可以从中加进所需要的特色。2。PHP3.JSPJSP是Sun公司推出的新一代站点开发语言。Jsp可以在Serverlet和JavaBean

16、的支持下，完成功能强大的站点程序。3.JSPASP、PHP、JSP都提供在HTML中的混合编码。ASP、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持，并且各自有自身的技术特点。 ASP、PHP、JSP都提供在HTML中的混合编码。1.1什么是.net 微软新一代平台的正式名称叫做“新一代Windows服务”（NGWS），现在微软已经给这个平台注册了正式的商标MicroSoft.Net。在.Net环境中，微软不仅仅是平台和产品的开发者，并且还将作为架构服务提供商、应用程序提供商，开展全方位的Internet服务。1.3.4 ASP.NET1.1什么是.net

17、1.3.4 ASP.NETMicroSoft.Net平台的侧重点：从连接到互联网的单一网站或设备上，转移到计算机、设备和服务群组上，使其能合作，并提供更广泛更丰富的解决方案。1.3.4 ASP.NETMicroSoft.Net平台的侧重点：从连接到互联网的单一MicroSoft.Net环境中突破性改进在于：1。使用统一的Internet标准（如XML）将不同的系统对接；2。这是Internet上首个大规模的高度分布式应用服务架构；1.3.4 ASP.NETMicroSoft.Net环境中突破性改进在于：1.3.4 3。使用一个名为“联盟”的管理程序，这个程序能全面管理平台中运行的服务程序，并且

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

19、SP.NET在执行脚本时要经过两次编译：第一次是从脚本语言到MSIL（Microsoft Intermediate Language，微软的中间语言）；第二次是MSIL到执行的机器码。1.3.4 ASP.NETASP.NET在执行脚本时要经过两次编译：1.3.4 ASASP.NET与ASP运行速度的比较。ASP.NET 解决了把网页的内容和程序的代码分开。比ASP面向对象的特点更加明显。1.3.4 ASP.NETASP.NET与ASP运行速度的比较。1.3.4 ASP.1.4 IIS上的WWW服务器实现1.4.1 IIS概述1. 安全性 安全验证方面 安全通信方面2. 可编程性3. Inter

20、net标准支持1.4 IIS上的WWW服务器实现1.4.1 IIS概述1.4.2 IIS的安装Web站点的主目录的路经是InetpubwwwrootFTP站点的主目录的路径是Inetpubftproot。1.4.2 IIS的安装Web站点的主目录的路经是Ine如果用户在安装Windows 2000时没有选择安装IIS 5.0，过程如下：（1）依次选择“开始设置控制面板添加/删除程序”。打开“添加/删除程序”窗口。（2）然后单击“添加/删除 Windows 组件”，打开“Windows 组件向导”窗口如果用户在安装Windows 2000时没有选择安装IIS 动态网页的基础知识课件动态网页的基础知识课件IIS主目录的设置过程如下：IIS主目录的设置过程如下：IIS主目录的设置过程如下：IIS主目录的设置过程如下：创建虚拟目录，可参照下面的步骤：创建虚拟目录，可参照下面的步骤：创建虚拟目录，可参照下面的步骤：。创建虚拟目录，可参照下面的步骤：。（3）如果用户知道目录路径，可直接在“目录”文本框中输入目录路径。否者单击“浏览”按钮，打开“浏览文件夹”对话框，选择目录路径。（4） 单击“下一步”按钮，打开“访问权限”对话框，在“允许下列权限”选项区域中，