第1章Web编程基础知识

第1章Web编程基础知识1.什么是Web2.Web的工作原理3.Internet网络协议4.IP地址、域名和URL5.超文本标记语言HTML6.可扩展标记语言XML本章小结本章介绍开发Web程序应该必备的基础知识，包括Web的基本概念和工作原理、Internet网络协议、IP地址、域名和统一资源定位器URL、超文本标记语言HTML及可扩展标记语言XML，为在本课程中学习Web程序设计方法和开发技术做好准备。1.1什么是WebWeb全称为WorldWideWebWeb是Internet提供的一种服务Web是存储在全世界Internet计算机中、数量巨大的文档的集合Web是一种超文本信息系统Web是图形化的和易于导航的Web与平台无关Web是分布式的、具有新闻性、动态的、交互的返回1.2Web的工作原理Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤：（1）用户打开计算机（客户机），启动浏览器程序（NetscapeNavigator,MicrosoftInternetExplorer等），并在浏览器中指定一个URL（UniformResourceLocator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。（2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器的文件路径名。返回（3）如果URL指向的是普通的HTML（HypertextMarkupLanguage，超文本标记语言）文档，Web服务器将直接把它传送给浏览器。HTML文档中可能包含用Java，JavaScript，ActiveX，VBScript等编写的小应用程序（applet），服务器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上执行。图1-1客户机/服务器模型返回（4）如果HTML文档中嵌有ASP程序，那么Web服务器就运行ASP程序，并将结果传送至浏览器。Web服务器运行ASP程序时还可能调用数据库服务器和其他服务器。（5）URL也可以指向VRML（VirtualRealityModelingLanguage）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web服务器发送的VRML文档。返回ASP.NET与ASP的主要区别体现在以下3个方面：（1）效率：ASP.NET比ASP高很多（2）可重用性：ASP.NET可以实现代码和内容的完全分离，使得维护更方便。（3）代码量：使用ASP.NET比使用ASP的代码量要小得多返回1.3Internet网络协议Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络。Internet使用的网络协议是TCP/IP协议，凡是连入Internet的计算机都必须安装和运行TCP/IP协议软件。返回1.3.1TCP/IP协议TCP/IP协议把整个网络分成4个层次：应用层、传输层、网络层和物理链路层。它们都建立在硬件基础之上。OSI参考模型TCP/IP参考模型应用层应用层表示层会话层传输层传输层网络层网络层数据链路层物理链路层物理层图1-2TCP/IP参考模型与OSI参考模型的对照返回1.3.2HTTP协议超文本传输协议HTTP（HyperTextTransferProtocol）其定义的事务处理由以下4个步骤组成：（1）客户端与服务器建立连接；（2）客户端向服务器提出请求；（3）如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件；（4）客户端和服务器断开连接。返回1.3.3远程登录协议TelnetTelnet是关于远程登录的一个协议。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种服务器，如Archie、Gopher、Wais、以及其它服务器，比如某图书馆的资料文献服务器等等返回1.3.4文件传输协议FTPFTP既是一种文件传输协议，也是一种服务。能使Internet上两台主机间互传（拷贝）文件FTP服务器•匿名FTP服务器；•用户名和口令登录连接、拷贝文件返回1.4IP地址、域名和URL1.4.1IP地址IP地址是识别Internet网络中的主机及网络设备的唯一标识表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个数不大于255，如210.29.135.122A类：用于规模很大主机数目很多的网络B类：B类地址用于中型到大型的网络C类：C类地址用于小型本地网络（LAN）返回1.4.2域名IP地址是连网计算机的地址标识DNS：域名服务系统，允许为主机分配字符名称，即域名。并实现域名与IP地址的转换7个组织模式的顶级域名分配如下：•com商业组织•edu教育机构•gov政府部门•mil军事部门•net网络中心•org上述以外的组织•int国际组织返回1.4.3统一资源定位器URLURL（UniformResourceLocator）就是用来确定某信息位置的方法格式：信息服务类型：//信息资源地址/文件路径URL的例子：•••telnet://odysseus.circe.com:70••gopher://gopher.internet.com•news:comp.sys.novell•wais://quake.think.com/directory-of-servers返回1.5超文本标记语言HTMLHTML是一种简单、通用的标记语言，可以用其制作包容图像、文字、声音等精彩内容的网页标记：字符和数据的语法结构通过标记来表示；是HTML语言的标签符号和用标签符号构成的各种元素的总称。标签：是描述性的标记，用一对中间包含若干字符表示，通常成对出现，前一个是起始标签，后一个为结束标签返回1.5.1HTML文档的基本构成基本HTML页面以HTML标签开始，以/HTML结束。在它们之间，就是HEAD和BODY。BODY部分是网页的主体，内容均会反映在页面上，用BODY…/BODY标签来界定，其内容的定义和组织是通过各类标签实现的。其形式如下：BODY标签1[属性[=属性值][属性[=属性值]…标签2[属性[=属性值][属性[=属性值]…[/标签2][/标签1]/BODY其中，属性是为标签实现某种功能而提供的一些具体参数，用属性值来定义。HTML语言规定，属性写在标签名的后面返回【例1-1】下列HTML代码（ch1-1.html）显示如图1-3所示的简单页面。HTMLHEADTitleAnExample./Title；/HEADBODYPalign=centerHello!Thisisanexample!/BODY/HTML图1-3例1-1浏览器显示结果返回查看实际效果1.5.2用HTML语言制作网页I.为网页加入标题：网页标题总是加在HEAD部分，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法如下：Title标题字符串/TitleII.在网页中显示文本信息：任何需要在网页中显示的文本串都可直接嵌入BODY中返回【例1-2】下列HTML代码（ch1-2.html）可在浏览器中显示如图1-4所示的不同格式的文本HTMLHEADTitleDisplayText/Title/HEADBODYPThisfirstparagraph!/PPThissecondparagraph!/PH1Thisisheading1!/H1H6Thisisheading6!/H6ULLiThisisfirstitemLiThisisseconditem/ULDLDT返回查看实际效果III.在网页中加入超链接网页中的超链接，它将引导浏览用户定位到URL地址代表的本地或远程的其他文档，也可以是本地文档的某个命名位置。在网页中定义超链接可以采用如下锚点格式：AHREF=URL超链接提示/A返回IV.在网页中插入图片在HTML文档中流行两种图像文件格式：jpeg和gif•gif图像颜色数是8位，可支持256种颜色，大部分图形显示器均支持显示gif文件。•jpeg图像颜色数是24位，支持16.7×106种颜色，适用于照片质量的图像，但其显示速度较慢（1）图片的插入。IMG标签用于在网页中插入图片，如：IMGALT=“图书馆ALIGN=centerSRC=./images/library.gif（2）建立图片链接。在A和/A之间嵌入IMG标签便可实现，如：AHREF=./departments/library.htmIMGALT=“图书馆SRC=./images/library.gif/A返回V.网页中表的定义和应用表格是最常见的文档形式，在HTML文档中，表格的使用不只是信息的一种表现形式，还常用在页面信息单元的定位和布局上，使网页版面美观而有序。1.表的定义：Table…/Table用来界定一张表TR定义表的一行TH定义表头TD定义单元格在网页中插入表格需要合理使用上述标签。首先要加入Table标签，然后用TR逐行定义表的行数，有一个TR就有一行；在每个TR之后要定义表的单元格，单元格可以是表头，也可以是表的数据，分别采用TH，TD。若干TD就定义了该行的若干单元格。返回【例1-3】下列HTML语句（ch1-3.html）定义一张表结构，它在浏览器中的显示如图1-5所示。HEADTitleThisisatable/Title/HEADBODYTableborder=1align=centerTRTDidTDMathTDEnglishTRTD99501TD86TD90TRTD99502TD92TD83/Table/BODY返回查看实际效果2.表的应用对版面布局非常有用的表格标签Table的主要属性有：align=left|center|right表的对齐方式width=像素点|百分比值%表的宽度border=像素点表边框粗细cellspacing=像素点表中单元格间的间隔宽度cellpadding=像素点表中单元格边界与内容的间隔距离有关单元格标签TD的主要属性有：align=left|center|right单元格内容的水平对齐方式valign=top|middle|bottom|baseline单元格内容的垂直对齐方式rowspan=n本单元格占n行colspan=n本单元格占n列nowrap自动换行属性返回VI.使用框架（Frame）分割窗口其基本结构如下：FramesetCols=宽度1，宽度2，…将浏览器水平分割成若干框架FrameSrc=HTML文档1定义在第1个框架中显示的文档FrameSrc=HTML文档2定义在第2个框架中显示的文档VII.网页中的注释标签!--…--生成注释。注释标签的功能是起注释作用，它在HTML文件中生成一个空格，容纳不在页面上出现的内容。返回1.6可扩展标记语言XML可扩展标记语言XML（eXtensibleMarkupLanguage）是W3C组织于1998年2月发布的标准。XML专门用来描述文本的结构HTML用于描述如何显示文本XML并没有一套固定的标记返回