《第1章Web编程基础知识ppt课件》由会员分享，可在线阅读，更多相关《第1章Web编程基础知识ppt课件（28页珍藏版）》请在金锄头文库上搜索。
1、第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全称为World Wide Web Web是Internet提供的一种服务 Web是存储在全世界Internet计算机中、数量巨大的文档的
2、集合 Web是一种超文本信息系统 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（Virt
4、ual Reality Modeling 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协
5、议，凡是连入Internet的计算机都必须安装和运行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 远程登录
6、协议Telnet,Telnet是关于远程登录的一个协议。 用户可以通过用Telnet连入某个主机 ，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题 还可以利用Telnet连到Internet上的种种服务器，如Archie、Gopher、Wais、WWW以及其它服务器，比如某图书馆的资料文献服务器等等,1.3.4 文件传输协议FTP,FTP既是一种文件传输协议，也是一种服务。 能使Internet上两台主机间互传（拷贝）文件 FTP服务器 匿名FTP服务器； 用户名和口令登录连接、拷贝文件,1.4 IP地址、域名和URL,1.4.1 IP地址 IP地址是识别In
7、ternet网络中的主机及网络设备的唯一标识 表示：网络地址+主机地址，长度为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 统一资源定
8、位器URL,URL（Uniform Resource Locator）就是用来确定某信息位置的方法 格式 ：/ URL的例子 ： http: / http: /www.whitehouse.gov telnet: /:70 ftp: /ftp.w3.org/pub/www/doc gopher: / news: comp.sys.novell wais: /,1.5 超文本标记语言HTML,HTML是一种简单、通用的标记语言，可以用其制作包容图像、文字、声音等精彩内容的网页 标记：字符和数据的语法结构通过标记来表示；是HTML语言的标签符号和用标签符号构成的各种元素的总称。 标签：是描述性的标
9、记，用一对中间包含若干字符表示，通常成对出现，前一个是起始标签，后一个为结束标签,1.5.1 HTML文档的基本构成,基本HTML页面以标签开始，以结束。在它们之间，就是HEAD和BODY。 BODY部分是网页的主体，内容均会反映在页面上，用标签来界定，其内容的定义和组织是通过各类标签实现的。其形式如下： 其中，属性是为标签实现某种功能而提供的一些具体参数，用属性值来定义。HTML语言规定，属性写在标签名的后面,【例1-1】 下列HTML代码（ch1-1.html）显示如图1-3所示的简单页面。 An Example.； Hello! This is an example! 图1-3 例1-1
10、浏览器显示结果,查看实际效果,1.5.2 用HTML语言制作网页,为网页加入标题 ： 网页标题总是加在HEAD部分，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法如下：标题字符串 在网页中显示文本信息 ： 任何需要在网页中显示的文本串都可直接嵌入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 ite
11、m This is second item www www stands for world wide web ,查看实际效果,在网页中加入超链接 网页中的超链接，它将引导浏览用户定位 到URL地址代表的本地或远程的其他文 档，也可以是本地文档的某个命名位置。 在网页中定义超链接可以采用如下锚点格 式： 超链接提示 ,在网页中插入图片 在HTML文档中流行两种图像文件格式：jpeg和gif gif图像颜色数是8位，可支持256种颜色，大部分图形显示器均支持显示gif文件。 jpeg图像颜色数是24位，支持16.7106种颜色，适用于照片质量的图像，但其显示速度较慢 （1）图片的插入。标签用于在
12、网页中插入图片，如： （2）建立图片链接。在和之间嵌入标签便可实现，如： ,网页中表的定义和应用 表格是最常见的文档形式，在HTML文档中，表格的使用不只是信息的 一种表现形式，还常用在页面信息单元的定位和布局上，使网页版面美 观而有序 。 表的定义 ： 用来界定一张表 定义表的一行 定义表头 定义单元格 在网页中插入表格需要合理使用上述标签。首先要加入标 签，然后用逐行定义表的行数，有一个就有一行；在每个 之后要定义表的单元格，单元格可以是表头，也可以是表的数 据，分别采用，。若干就定义了该行的若干单元 格。,【例1-3】 下列HTML语句（ch1-3.html）定义一张表结构，它在浏览器中
13、的显示如图1-5所示。, This is a table id Math English 9950186 90 9950292 83 ,查看实际效果,表的应用 对版面布局非常有用的表格标签的主要属性有： align=left|center|right 表的对齐方式 width=像素点|百分比值% 表的宽度 border=像素点 表边框粗细 cellspacing=像素点 表中单元格间的间隔宽度 cellpadding=像素点 表中单元格边界与内容的间隔距离 有关单元格标签的主要属性有： align=left|center|right 单元格内容的水平对齐方式 valign=top|middle
14、|bottom|baseline 单元格内容的垂直对齐方式 rowspan=n本单元格占n行 colspan=n 本单元格占n列 nowrap自动换行属性,使用框架（Frame）分割窗口 其基本结构如下： 将浏览器水平分割成若干框架 定义在第1个框架中显示的文档 定义在第2个框架中显示的文档 网页中的注释标签 生成注释。 注释标签的功能是起注释作用，它在HTML文件中 生成一个空格，容纳不在页面上出现的内容。,1.6 可扩展标记语言XML,可扩展标记语言XML（eXtensibleMarkup Language）是W3C组织于1998年2月发布的标准。 XML专门用来描述文本的结构 HTML用
15、于描述如何显示文本 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语言编制的文档文件，由浏览器解释并显示在用户浏览器的窗口中,
