web开发基础知识 (2).ppt

《web开发基础知识 (2).ppt》由会员分享，可在线阅读，更多相关《web开发基础知识 (2).ppt（28页珍藏版）》请在三一办公上搜索。

1、第1章 Web编程基础知识,1.什么是Web2.Web的工作原理3.Internet网络协议4.IP地址、域名和URL5.超文本标记语言HTML6.可扩展标记语言XML本章小结,本章介绍开发Web程序应该必备的基础知识，包括Web的基本概念和工作原理、Internet网络协议、IP地址、域名和统一资源定位器URL、超文本标记语言HTML及可扩展标记语言XML，为在本课程中学习Web程序设计方法和开发技术做好准备。,1.1 什么是Web,Web全称为World Wide Web Web是Internet提供的一种服务 Web是存储在全世界Internet计算机中、数量巨大的文档的集合 Web是一

2、种超文本信息系统 Web是图形化的和易于导航的 Web与平台无关 Web是分布式的、具有新闻性、动态的、交互的,1.2 Web的工作原理,Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤：（1）用户打开计算机（客户机），启动浏览器程序（Netscape Navigator,Microsoft Internet Explorer等），并在浏览器中指定一个URL（Uniform Resource Locator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。（2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器的文件路径名。,（3

3、）如果URL指向的是普通的HTML（Hypertext Markup Language，超文本标记语言）文档，Web服务器将直接把它传送给浏览器。HTML文档中可能包含用Java，JavaScript，ActiveX，VBScript等编写的小应用程序（applet），服务器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上执行。图1-1 客户机/服务器模型,（4）如果HTML文档中嵌有ASP程序，那么Web服务器就运行ASP程序，并将结果传送至浏览器。Web服务器运行ASP程序时还可能调用数据库服务器和其他服务器。（5）URL也可以指向VRML（Virtual Reality Mo

4、deling Language）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web服务器发送的VRML文档。,ASP.NET与ASP的主要区别体现在以下3个方面：,（1）效率：ASP.NET比ASP高很多（2）可重用性：ASP.NET可以实现代码和内容的完全分离，使得维护更方便。（3）代码量：使用ASP.NET比使用ASP的代码量要小得多,1.3 Internet网络协议,Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络。Internet使用的网络协议是TCP/IP协议，凡是连入Internet的计算机都

5、必须安装和运行TCP/IP协议软件。,1.3.1 TCP/IP协议,TCP/IP协议把整个网络分成4个层次：应用层、传输层、网络层和物理链路层。它们都建立在硬件基础之上。,图1-2 TCP/IP参考模型与OSI参考模型的对照,1.3.2 HTTP协议,超文本传输协议HTTP（HyperText Transfer Protocol）其定义的事务处理由以下4个步骤组成：（1）客户端与服务器建立连接；（2）客户端向服务器提出请求；（3）如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件；（4）客户端和服务器断开连接。,1.3.3 远程登录协议Telnet,Telnet是关于远程登录的一

6、个协议。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种服务器，如Archie、Gopher、Wais、WWW以及其它服务器，比如某图书馆的资料文献服务器等等,1.3.4 文件传输协议FTP,FTP既是一种文件传输协议，也是一种服务。能使Internet上两台主机间互传（拷贝）文件 FTP服务器 匿名FTP服务器；用户名和口令登录连接、拷贝文件,1.4 IP地址、域名和URL,1.4.1 IP地址 IP地址是识别Internet网络中的主机及网络设备的唯一标识 表示：网络地

7、址+主机地址，长度为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（Uniform Resource Locator）就是用

8、来确定某信息位置的方法 格式：/URL的例子：http:/http:/www.whitehouse.govtelnet:/:70ftp:/ftp.w3.org/pub/www/docgopher:/news:comp.sys.novell wais:/,1.5 超文本标记语言HTML,HTML是一种简单、通用的标记语言，可以用其制作包容图像、文字、声音等精彩内容的网页 标记：字符和数据的语法结构通过标记来表示；是HTML语言的标签符号和用标签符号构成的各种元素的总称。标签：是描述性的标记，用一对中间包含若干字符表示，通常成对出现，前一个是起始标签，后一个为结束标签,1.5.1 HTML文档的基

9、本构成,基本HTML页面以标签开始，以结束。在它们之间，就是HEAD和BODY。BODY部分是网页的主体，内容均会反映在页面上，用标签来界定，其内容的定义和组织是通过各类标签实现的。其形式如下：其中，属性是为标签实现某种功能而提供的一些具体参数，用属性值来定义。HTML语言规定，属性写在标签名的后面,【例1-1】下列HTML代码（ch1-1.html）显示如图1-3所示的简单页面。An Example.；Hello!This is an example!图1-3 例1-1浏览器显示结果,查看实际效果,1.5.2 用HTML语言制作网页,为网页加入标题：网页标题总是加在HEAD部分，浏览该网页时

10、它会出现在浏览器窗口的标题栏中。表示标题的语法如下：标题字符串 在网页中显示文本信息：任何需要在网页中显示的文本串都可直接嵌入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,查看实际效果,在网页中加入超链接网

11、页中的超链接，它将引导浏览用户定位到URL地址代表的本地或远程的其他文档，也可以是本地文档的某个命名位置。在网页中定义超链接可以采用如下锚点格式：超链接提示,在网页中插入图片 在HTML文档中流行两种图像文件格式：jpeg和gif gif图像颜色数是8位，可支持256种颜色，大部分图形显示器均支持显示gif文件。jpeg图像颜色数是24位，支持16.7106种颜色，适用于照片质量的图像，但其显示速度较慢（1）图片的插入。标签用于在网页中插入图片，如：（2）建立图片链接。在和之间嵌入标签便可实现，如：,网页中表的定义和应用 表格是最常见的文档形式，在HTML文档中，表格的使用不只是信息的一种表现

12、形式，还常用在页面信息单元的定位和布局上，使网页版面美观而有序。表的定义：用来界定一张表 定义表的一行 定义表头 定义单元格在网页中插入表格需要合理使用上述标签。首先要加入标签，然后用逐行定义表的行数，有一个就有一行；在每个之后要定义表的单元格，单元格可以是表头，也可以是表的数据，分别采用，。若干就定义了该行的若干单元格。,【例1-3】下列HTML语句（ch1-3.html）定义一张表结构，它在浏览器中的显示如图1-5所示。,This is a table id Math English9950186 909950292 83,查看实际效果,表的应用 对版面布局非常有用的表格标签的主要属性有：

13、align=left|center|right 表的对齐方式width=像素点|百分比值%表的宽度border=像素点 表边框粗细cellspacing=像素点 表中单元格间的间隔宽度cellpadding=像素点 表中单元格边界与内容的间隔距离有关单元格标签的主要属性有：align=left|center|right 单元格内容的水平对齐方式valign=top|middle|bottom|baseline 单元格内容的垂直对齐方式rowspan=n本单元格占n行colspan=n 本单元格占n列nowrap自动换行属性,使用框架（Frame）分割窗口 其基本结构如下：将浏览器水平分割成若干

14、框架 定义在第1个框架中显示的文档 定义在第2个框架中显示的文档网页中的注释标签 生成注释。注释标签的功能是起注释作用，它在HTML文件中生成一个空格，容纳不在页面上出现的内容。,1.6 可扩展标记语言XML,可扩展标记语言XML（eXtensibleMarkup Language）是W3C组织于1998年2月发布的标准。XML专门用来描述文本的结构 HTML用于描述如何显示文本 XML并没有一套固定的标记,【例1-4】根据下列文档（ch1-4.html），比较XML文档和HTM L文档的区别,Here we have some text This is a heading This bit is normal text This is some bold text And finally some more normal text,查看实际效果,本 章 小 结,Web是一种基于客户机/服务器、采用Internet网络协议的体系结构，是一种基于Internet的超文本信息系统 Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络 IP地址是识别Internet中主机及网络设备的惟一标识 网页是用HTML或XML语言编制的文档文件，由浏览器解释并显示在用户浏览器的窗口中,