Web编程基础知识.ppt

第第1章章 Web编程基础知识编程基础知识 l1.什么是WebWebl2 2.WebWeb的工作原理l3.Internet网络协议l4.IP地址、域名和URLl5.超文本标记语言HTMLl6.可扩展标记语言XMLl本章小结l本章介绍开发本章介绍开发Web程序应该程序应该必备的基础知识，包括必备的基础知识，包括Web的基本概念和工作原理、的基本概念和工作原理、Internet网络协议、网络协议、IP地址、地址、域名和统一资源定位器域名和统一资源定位器URL、超文本标记语言、超文本标记语言HTML及及可扩展标记语言可扩展标记语言XML，为在，为在本课程中学习本课程中学习Web程序设计程序设计方法和开发技术做好准备。方法和开发技术做好准备。1.1 什么是什么是Web lWeb全称为World Wide Web lWeb是Internet提供的一种服务 lWeb是存储在全世界Internet计算机中、数量巨大的文档的集合 lWeb是一种超文本信息系统 lWeb是图形化的和易于导航的 lWeb与平台无关 lWeb是分布式的、具有新闻性、动态的、交互的1.2 Web的工作原理的工作原理 lWebWeb服务器向浏览器提供服务的过程大致可以归纳服务器向浏览器提供服务的过程大致可以归纳为以下为以下5 5个步骤：个步骤：l（1 1）用户打开计算机（客户机），启动浏览器程用户打开计算机（客户机），启动浏览器程序（序（Netscape Navigator,Microsoft Internet Netscape Navigator,Microsoft Internet ExplorerExplorer等），并在浏览器中指定一个等），并在浏览器中指定一个URLURL（Uniform Resource LocatorUniform Resource Locator，统一资源定位，统一资源定位器），浏览器便向该器），浏览器便向该URLURL所指向的所指向的WebWeb服务器发出服务器发出请求。请求。l（2 2）WebWeb服务器（也称为服务器（也称为HTTPHTTP服务器）接到浏览服务器）接到浏览器的请求后，把器的请求后，把URLURL转换成页面所在服务器的文件转换成页面所在服务器的文件路径名。路径名。l（3）如果如果URLURL指向的是普通的指向的是普通的HTMLHTML（Hypertext Markup Hypertext Markup LanguageLanguage，超文本标记语言）文档，超文本标记语言）文档，WebWeb服务器将直接把服务器将直接把它传送给浏览器。它传送给浏览器。HTMLHTML文档中可能包含用文档中可能包含用JavaJava，JavaScriptJavaScript，ActiveXActiveX，VBScriptVBScript等编写的小应用程序等编写的小应用程序（appletapplet），服务器也将它们随），服务器也将它们随HTMLHTML文档一道传送到浏览文档一道传送到浏览器，在浏览器所在的机器上执行。器，在浏览器所在的机器上执行。l图1-1客户机/服务器模型l（4）如果如果HTMLHTML文档中嵌有文档中嵌有ASPASP程序，那么程序，那么WebWeb服务服务器就运行器就运行ASPASP程序，并将结果传送至浏览器。程序，并将结果传送至浏览器。WebWeb服务器运行服务器运行ASPASP程序时还可能调用数据库服务器和程序时还可能调用数据库服务器和其他服务器其他服务器。l（5）URLURL也可以指向也可以指向VRMLVRML（Virtual Reality Virtual Reality Modeling LanguageModeling Language）文档。只要浏览器中配置有）文档。只要浏览器中配置有VRMLVRML插件，或者客户机上已安装插件，或者客户机上已安装VRMLVRML浏览器，就浏览器，就可以接收可以接收WebWeb服务器发送的服务器发送的VRMLVRML文档文档。ASP.NET与与ASP的主要区别体现的主要区别体现在以下在以下3个方面：个方面：l（1）效率效率 ：ASP.NETASP.NET比比ASPASP高很多高很多 l（2）可重用性可重用性 ：ASP.NETASP.NET可以实现代码和内可以实现代码和内容的完全分离，使得维护更方便。容的完全分离，使得维护更方便。l（3）代码量代码量 ：使用：使用ASP.NETASP.NET比使用比使用ASPASP的代码的代码量要小得多量要小得多1.3 Internet网络协议网络协议 lInternet是由各种不同类型、不同规模、是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络独立管理和运行的主机或计算机网络组成的一个全球性特大网络。组成的一个全球性特大网络。Internet使用的网络协议是使用的网络协议是TCP/IP协议，凡是协议，凡是连入连入Internet的计算机都必须安装和运的计算机都必须安装和运行行TCP/IP协议软件协议软件。1.3.1 TCP/IP协议协议 lTCP/IP协议把整个网络分成协议把整个网络分成4个层次：应用层、传输层、个层次：应用层、传输层、网络层和物理链路层。它们都建立在硬件基础之上。网络层和物理链路层。它们都建立在硬件基础之上。OSI参考模型 TCP/IP参考模型应用层应用层表示层会话层传输层传输层网络层网络层数据链路层物理链路层物理层图图1-2TCP/IP1-2TCP/IP参考模型与参考模型与OSIOSI参考模型的对照参考模型的对照 1.3.2 HTTP协议协议l超文本传输协议超文本传输协议HTTPHTTP（HyperText Transfer HyperText Transfer ProtocolProtocol）l其定义的事务处理由以下其定义的事务处理由以下4 4个步骤组成：个步骤组成：l（1 1）客户端与服务器建立连接；客户端与服务器建立连接；l（2 2）客户端向服务器提出请求；客户端向服务器提出请求；l（3 3）如果请求被接受，则服务器送回响应，如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件；在响应中包括状态码和所需的文件；l（4 4）客户端和服务器断开连接。客户端和服务器断开连接。1.3.3 远程登录协议远程登录协议TelnetlTelnetTelnet是关于远程登录的一个协议。是关于远程登录的一个协议。l用户可以通过用用户可以通过用TelnetTelnet连入某个主机连入某个主机 ，成为，成为该主机的终端而访问各种所需的信息，或运行该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题远程主机上的程序来求解各种复杂的问题l还可以利用还可以利用TelnetTelnet连到连到InternetInternet上的种种服务上的种种服务器，如器，如ArchieArchie、GopherGopher、WaisWais、WWWWWW以及其它以及其它服务器，比如某图书馆的资料文献服务器等等服务器，比如某图书馆的资料文献服务器等等 1.3.4 文件传输协议文件传输协议FTP lFTP既是一种文件传输协议，也是一种服务。既是一种文件传输协议，也是一种服务。l能使能使Internet上两台主机间互传（拷贝）文件上两台主机间互传（拷贝）文件lFTP服务器服务器 匿名匿名FTP服务器；服务器；用户名和口令登录连接、拷贝文件用户名和口令登录连接、拷贝文件1.4 IP地址、域名和地址、域名和URL1.4.1 IP地址地址lIP地址是识别Internet网络中的主机及网络设备的唯一标识 l表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个数不大于255，如210.29.135.122 lA类：用于规模很大主机数目很多的网络 lB类：B类地址用于中型到大型的网络 lC类：C类地址用于小型本地网络（LAN）1.4.2 域名域名lIPIP地址地址是连网计算机的地址标识是连网计算机的地址标识lDNSDNS：域名服务系统，允许为主机分配字符名称，域名服务系统，允许为主机分配字符名称，即域名。并实现域名与即域名。并实现域名与IPIP地址的转换地址的转换 l7 7个组织模式的顶级域名分配如下个组织模式的顶级域名分配如下：com 商业组织商业组织edu教育机构教育机构gov政府部门政府部门mil军事部门军事部门net网络中心网络中心org上述以外的组织上述以外的组织int国际组织国际组织1.4.3 统一资源定位器统一资源定位器URLlURLURL（Uniform Resource LocatorUniform Resource Locator）就是用来）就是用来确定某信息位置的方法确定某信息位置的方法 l格式格式 ：/lURL的例子的例子：http:/http:/www.whitehouse.govtelnet:/:70ftp:/ftp.w3.org/pub/www/docgopher:/news:comp.sys.novell wais:/ 超文本标记语言超文本标记语言HTML lHTMLHTML是一种简单、通用的标记语言，可以用其是一种简单、通用的标记语言，可以用其制作包容图像、文字、声音等精彩内容的网页制作包容图像、文字、声音等精彩内容的网页 l标记：字符和数据的语法结构通过标记来表示；标记：字符和数据的语法结构通过标记来表示；是是HTMLHTML语言的标签符号和用标签符号构成的各语言的标签符号和用标签符号构成的各种元素的总称。种元素的总称。l 标签：是描述性的标记，用一对标签：是描述性的标记，用一对中间包含中间包含若干字符表示，通常成对出现，前一个是起始若干字符表示，通常成对出现，前一个是起始标签，后一个为结束标签标签，后一个为结束标签1.5.1 HTML文档的基本构成文档的基本构成 l基本基本HTML页面以页面以标签开始，以标签开始，以结束。在它们结束。在它们之间，就是之间，就是HEAD和和BODY。lBODY部分是网页的主体，内容均会反映在页面上，用部分是网页的主体，内容均会反映在页面上，用标签来界定，其内容的定义和组织是通过标签来界定，其内容的定义和组织是通过各类标签实现的。其形式如下：各类标签实现的。其形式如下：其中，属性是为标签实现某种功能而提供的一些具体参数，用属性其中，属性是为标签实现某种功能而提供的一些具体参数，用属性值来定义。值来定义。HTML语言规定，属性写在标签名的后面语言规定，属性写在标签名的后面l【例例1-1】下列下列HTML代码（代码（ch1-1.html）显示如图）显示如图1-3所所示的简单页面。示的简单页面。An Example.；Hello!This is an example!图1-3例1-1浏览器显示结果查看实际效果1.5.2 用用HTML语言制作网页语言制作网页 I.为网页加入标题为网页加入标题：网页标题总是加在网页标题总是加在HEAD部分，浏览该网页时它会部分，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法出现在浏览器窗口的标题栏中。表示标题的语法如下如下：标题字符串II.在网页中显示文本信息在网页中显示文本信息：任何需要在网页中显示的文本串都可直接嵌入任何需要在网页中显示的文本串都可直接嵌入BODY中中【例例1-2】下列下列HTML代码（代码（ch1-2.html）可在浏览器中显示如图）可在浏览器中显示如图1-4所示的所示的不同格式的文本不同格式的文本Display Text This first paragraph!This second paragraph!This is heading 1!This is heading 6!This is first item This is second item wwwwww stands for world wide web查看实际效果III.III.在网页中加入超链接在网页中加入超链接网页中的超链接，它将引导浏览用户定位网页中的超链接，它将引导浏览用户定位到到URLURL地址代表的本地或远程的其他文地址代表的本地或远程的其他文档，也可以是本地文档的某个命名位置。档，也可以是本地文档的某个命名位置。在网页中定义超链接可以采用如下锚点格在网页中定义超链接可以采用如下锚点格式：式：超链接提示 IV.在网页中插入图片在网页中插入图片在在HTML文档中流行两种图像文件格式：文档中流行两种图像文件格式：jpeg和和gifgif图像颜色数是图像颜色数是8位，可支持位，可支持256种颜色，大部分图形显示器均支持显示种颜色，大部分图形显示器均支持显示gif文件。文件。jpeg图像颜色数是图像颜色数是24位，支持位，支持16.7106种颜色，适用于照片质量的图像，种颜色，适用于照片质量的图像，但其显示速度较慢但其显示速度较慢（1）图片的插入。）图片的插入。标签用于在网页中插入图片，如：标签用于在网页中插入图片，如：（2）建立图片链接）建立图片链接。在在和和之间嵌入之间嵌入标签便可实现，如标签便可实现，如：V.网页中表的定义和应用网页中表的定义和应用表格是最常见的文档形式，在表格是最常见的文档形式，在HTML文档中，表格的使用不只是信息的文档中，表格的使用不只是信息的一种表现形式，还常用在页面信息单元的定位和布局上，使网页版面美一种表现形式，还常用在页面信息单元的定位和布局上，使网页版面美观而有序观而有序。1.表的定义：用来界定一张表用来界定一张表 定义表的一行定义表的一行 定义表头定义表头 定义单元格定义单元格在网页中插入表格需要合理使用上述标签。首先要加入在网页中插入表格需要合理使用上述标签。首先要加入标标签，然后用签，然后用逐行定义表的行数，有一个逐行定义表的行数，有一个就有一行；在每个就有一行；在每个之后要定义表的单元格，单元格可以是表头，也可以是表的数之后要定义表的单元格，单元格可以是表头，也可以是表的数据，分别采用据，分别采用，。若干。若干就定义了该行的若干单元就定义了该行的若干单元格。格。【例例1-3】下列下列HTML语句（语句（ch1-3.html）定义一张表结）定义一张表结构，它在浏览器中的显示如图构，它在浏览器中的显示如图1-5所示。所示。ThisisatableidMathEnglish995018690995029283查看实际效果2.表的应用表的应用对版面布局非常有用的表格标签对版面布局非常有用的表格标签的主要属性有的主要属性有：align=left|center|right表的对齐方式width=像素点|百分比值%表的宽度border=像素点 表边框粗细cellspacing=像素点表中单元格间的间隔宽度cellpadding=像素点表中单元格边界与内容的间隔距离有关单元格标签有关单元格标签的主要属性有的主要属性有：align=left|center|right单元格内容的水平对齐方式valign=top|middle|bottom|baseline单元格内容的垂直对齐方式rowspan=n本单元格占n行colspan=n本单元格占n列nowrap自动换行属性VI.使用框架（使用框架（Frame）分割窗口）分割窗口其基本结构如下：将浏览器水平分割成若干框架将浏览器水平分割成若干框架 定义在第定义在第1个框架中显示的文档个框架中显示的文档 定义在第定义在第2个框架中显示的文档个框架中显示的文档VII.VII.网页中的注释标签网页中的注释标签 生成注释。注释标签的功能是起注释作用，它在HTML文件中生成一个空格，容纳不在页面上出现的内容。1.6 可扩展标记语言可扩展标记语言XMLl可扩展标记语言可扩展标记语言XML（eXtensibleMarkup Language）是是W3CW3C组织于组织于19981998年年2 2月发布的月发布的标准。标准。lXMLXML专门用来描述文本的结构专门用来描述文本的结构 lHTMLHTML用于描述如何显示文本用于描述如何显示文本 lXMLXML并没有一套固定的标记并没有一套固定的标记【例例1-4】根据下列文档（根据下列文档（ch1-4.html），比较），比较XML文文档和档和HTM L文档的区别文档的区别 HerewehavesometextThisisaheadingThisbitisnormaltextThisissomeboldtextAndfinallysomemorenormaltext查看实际效果本本 章章 小小 结结lWeb是一种基于客户机是一种基于客户机/服务器、采用服务器、采用Internet网络协议的体系结构，是一种基于网络协议的体系结构，是一种基于Internet的的超文本信息系统超文本信息系统 lInternet是由各种不同类型、不同规模、独立是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全管理和运行的主机或计算机网络组成的一个全球性特大网络球性特大网络l IP地址是识别地址是识别Internet中主机及网络设备的惟中主机及网络设备的惟一标识一标识 l网页是用网页是用HTML或或XML语言编制的文档文件，语言编制的文档文件，由浏览器解释并显示在用户浏览器的窗口中由浏览器解释并显示在用户浏览器的窗口中