1、第第1章章 Web基础知识基础知识 1.1 Internet基础基础 1.2 Web简介简介 1.3 超文本标记语言超文本标记语言HTML 1.4 可扩展标记语言可扩展标记语言XML 1.5 Web开发工具开发工具 1.6 本章小结本章小结 第1页，共25页。1.1 Internet基础基础 1.1.1 Internet概况概况 l l 从网络互联的角度来看从网络互联的角度来看 Internet利用成千上万个具有特殊功能的专用计算机（称为路由器或网关），通过 各种通信线路，把分散在各地的网络在物理上连接起来。l 从网络通信的角度来看从网络通信的角度来看 Internet正是依靠TCP/IP协议
2、才能把各个国家、各个部门、各个机构的内部网络连接起来的超级数据通信网。l 从提供信息资源的角度来看从提供信息资源的角度来看 Interne是一个集各个部门、各个领域内信息资源为一体的超级资源网。用户，都可以通过工具访问所有的信息资源，查询各种数据库、信息库，获取自己所需的各种信息资料。l 从网络管理的角度来看从网络管理的角度来看 Internet是一个不受政府或某个组织管理和控制的、包括成千上万相互协作的 组织和网络的集合体。连入Internet的每一个网络成员都自愿地承担对网络的管理并支 付费用，友好地与相邻网络协作指导Internet上数据传输，共享网络资源，并且共同遵 守TCP/IP协议
3、的一切规定。第2页，共25页。1.1 Internet基础基础1.1.2 Interne基本服务功能基本服务功能l l 电子邮件（电子邮件（E-mail Electronic Mail）服务）服务 电子邮件是Internet提供的一项最基本的服务，也是Internet用户使用最频繁的一种服务 功能。E_Mail 的功能是用于发送和接受信件，采用简单邮件传输协议（SMTP）。如图所示 图图1.1 1.1 电子邮件服务电子邮件服务l l WWW(World Wide Web)服务服务 WWW简称Web，它上集中了全球的信息资源，是存储和发布信息的地方，也是人们查询信息的场所。Internet包含成
4、千上万的WWW服务器。Web浏览器和服务器用超文本传输协议HTTP协议来传输Web文档。如图所示。第3页，共25页。1.1 Internet基础基础 l l 远程登录服务（远程登录服务（Telnet）在网上人们常常需要调用远程计算机的资源同本地计算机协同工作，用多台计算机来共同完成一项较大任务。这种协同方式要求用户能够登录到远程计算机中，为此人们开发了远程登录协议-Telnet。Internet上存在成千上万个各种主机（大、中、小巨型机）或服务器。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题,再从远程主机返回服务的结果
5、。l l 文件传输服务文件传输服务(FTP File Transfer Protocol)FTP既是一种文件传输协议，也是一种服务，提供这种服务的设施叫做FTP服务器。有了FTP的帮助就能使Internet上两台主机间互传（拷贝）文件。l l 新闻和公告类服务新闻和公告类服务 Internet的新闻和公告类服务主要有电子公告栏（BBS）和网络新闻组（Usenet）。BBS允许用户上传和下载文件，讨论和发布通告，Usenet是针对某个主题的网上新闻组。1.1.3 TCP/IP 协议协议 网络协议它定义了计算机进行信息交换所必须遵循的规则。Internet使用的网络协议是TCP/IP协议，TCP/
6、IP协议是一个协议集，其中最重要的是TCP协议和IP协议。凡是连入Internet的计算机都必须运行TCP/IP协议。第4页，共25页。1.1 Internet基础基础1.1.4 IP地址、域名和地址、域名和URL l l IP地址地址 IP地址是识别Internet网络中的主机及网络设备的唯一标识。每个IP地址通常分为网络地址和主机地址两部分，长度为32位(4个字节)，书写时每个字节用4个十进制数(0255)表示，十进制数之间用“.”分隔即X.X.X.X。例如202.119.106.253。IP地址可分成五类，其中常用的为A、B、C三类。IP地址组成如图所示。A类地址类地址用于规模很大、主机
7、数目非常多的 网络，X.Y.Z为主机地址。B类地址类地址用于中型到大型的网络。前面2个字 节为网络地址，后面Y.Z为主机地址。C类地址类地址用于小型本地网络。前面3个字节为 网络地址，后面Z为主机地址。l l 域名域名 TCP/IP协议中提供了域名服务系统（DNS），允许为主机分配字符名称，即域名。在网络通信时由DNS自动实现域名与IP地址的转换。例如，南京师范大学Web服务器的域名为。Internet中的域名采用分级命名机别，其基本结构如下：计算机名.三级域名.二级域名.顶级域名 第5页，共25页。1.1 Internet基础基础 顶级域名划分采用了两种划分模式，即组织模式和地理模式。有7个
8、域对应于组织模式，其余的域对应于地理模式，如cn代表中国，us代表美国，jp代表日本等。互连网的域名管理机构将顶级域的管理权分派给指定的管理机构，各管理机构对其管理的域继续进行划分，即划分成二级域，并将二级域的管理权授予其下属的管理机构，依此类推，便形成了树型域名结构，如图1.4所示。图图1.4 1.4 树型域名结构树型域名结构 l l 统一资源定位器统一资源定位器URL 统一资源定位器URL（Uniform Resource Locator）是用来定位所需信息的具体路径的方法。URL指定Internet资源要说明它位于哪台计算机的哪个目录中,其格式如下：:/对于Internet，是指Inte
9、rnet的协议名，指定一个网络主机的域名或IP地址。在有些情况下，主机域名后还要加上端口号。第6页，共25页。1.2 Web简介简介 1.2.1 什么是什么是Web Web(World Wide Web)即WWW，又称环球网、万维网、全球信息网等，它是一种体系结构，通过它可以访问分布于Internet主机上的链接文档。这一说法包含以下几层含义：l l Web是Internet提供的一种服务。l Web是存储在全世界Internet计算机中、数量巨大的文档的集合。l Web上的海量信息是由彼此关联的文档组成的，这些文档称为主页或页面。l Web的内容保存在Web站点中，用户可通过浏览器访问Web
10、站点。Web具有以下特点:l Web是一种超文本信息系统 l Web是图形化的和易于导航的 l Web与平台无关 l Web是分布式的 l Web具有新闻性 l Web是动态的、交互的 1.2.2 Web工作原理工作原理 Web是基于客户机/服务器的一种体系结构,在Web方式下客户端软件常用浏览器，第7页，共25页。1.2 Web简介简介 客户机向服务器发送请求，要求执行某项任务，而服务器执行此项任务，并向客户机返回响应。Web服务器向浏览器提供服务的步骤服务器向浏览器提供服务的步骤：1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个URL，浏 览便向该URL所指向的Web服务器
11、发出请求。2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文件路径名。3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程序，并 将结果传送至浏览器5、URL也可以指向VRML（Virtual Reality Modeling Language）文档。第8页，共25页。1.2 Web简介简介 1.2.3 Web技术技术 网页（Homepage）是因特网上从WWW服务器到客户机的超文本载体，它一般用HTML语言写成。在网页中可以嵌入文本、图形、音频和视频信息，网页是一种多媒体作品
12、。网页制作又是一种不断发展的、综合许多新技术的工作。Web动态技术分为网页的动态表现技术与网页的动态交互技术。前者是网页外观表现技术,后者是网页的内容更新技术。网页的动态表现技术是指在浏览器端的动态网页，也就是DHTML（Dynamic HTML）。DHTML是在HTML基础上扩展出来的几种新功能的总称。动态内容交互是指就是指网页内含有在服务器端执行的程序代码，当客户端向服务器端提出请求时，程序的代码会先在服务器端执行，然后再将Web服务器端执行的结果传送给浏览器。Web服务器端执行的程序一般有CGI、ASP、JSP、PHP等。第9页，共25页。1.2 Web简介简介 Web正高速发展基本技术
13、：正高速发展基本技术：1、服务器技术 2、HTML/DHTML技术 3、Java技术 4、JavaScript技术 5、ActiveX技术和VBScript技术 6、VRML技术 7、XML技术 8、CGI技术 9、服务器API技术 10、ASP技术 11、ASP.NET技术 ASP.NET是面向下一代企业级的网络计算Web平台，是对传统ASP技术的重大升级和更新。ASP.NET是建立.NET Framework的公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序。第10页，共25页。1.3超文本标记语言超文本标记语言HTML 1.3.1 HTML文档的基本构成文档的基本
14、构成 支持HTTP的浏览器均为图形用户界面(GUI)，GUI通常由标题栏和窗口作为其最基本的构成，对应于HTML文档中的头“HEAD”和体“BODY”。基本HTML页面以标签开始，以结束。HEAD部分用标签界定，一般包含网页标题。BODY部分是网页的主体，内容均会反映在页面上，页面形式如下：.其中属性是为标签实现某种功能而提供的一些具体参数，具体用属性值来定义。HTML语言规定，属性写在标签名的后面。第11页，共25页。1.3超文本标记语言超文本标记语言HTML【例例1.1】使用HTML设计一个简单的网页。An Example.Hello!This is an example!用浏览器将打开它
15、，将显示图的页面。1.3.2 用用HTML语言制作网页语言制作网页l l 为网页加入标题为网页加入标题 网页标题总是加在Head部分，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法是：标题字符串l l 在网页中显示文本信息在网页中显示文本信息 任何欲在网页中显示的文本串可直接嵌入在BODY中。但文本若需分段、规定显示格式则需加入标签控制。以下是用于文本控制的一些标签 分段标签，分别表示段落的开始和结束，也可单用一个标签。.居中标签，包容的内容显示时居中。第12页，共25页。1.3超文本标记语言超文本标记语言HTML 、项目标题标签，每对标签定义一种字符串格式，共六种，字号依次减小。
16、无序表标签 有序表标签 目录表标签 菜单列表标签 无序表、有序表、目录表、菜单列表均指网页中若干项可列表显示的数据项目，相同的文本内容用不同的标签定义会出现不同的显示格式，上述标签及其子标签-项目标签被用来定义相应的数据项列表。例如：定义一个有序表 First Item有序表的第一项 Second Item有序表的第二项 定义列表标签，和其子标签和配合使用，用来控制数据项目的显示，类似于术语及其定义的书写格式 在文本中插入行中断的标签 第13页，共25页。1.3超文本标记语言超文本标记语言HTML【例1.2】在一个在网页中分段显示不同格式文本的HTML代码。Display Text This
17、first paragraph!；定义一个段落文本 This second paragraph!；定义另一个段落 This is heading 1!；定义文本显示为H1格式 This is heading 6!；定义文本显示为H6格式 This is first item；定义两个项目的无序表显示格式 This is second item ；定义一个定义表显示格式 www www stands for world wide web 该文档在浏览器中显示如右图所示。第14页，共25页。1.3超文本标记语言超文本标记语言HTMLl在网页中加入超链接在网页中加入超链接 超链接是网页的核心，正是超
18、链接技术使Internet漫游梦想成真。锚标格式：超链接提示，其中URL是统一资源定位地址，即链接的目标位置。例如：在网页上加入一个到搜狐网站的链接，可在HTML文档中插入如下语句：搜狐 l 在网页中插入图片在网页中插入图片目前在HTML文档中流行两种图像文件格式：JPEG和GIF。1、图片的插入图片的插入 标签用于在网页中插入图片。标签的常用属性有：SRC、ALT、ALIGN等。l SRC属性：定义图像的来源，其值为带路径的图像文件名 l ALT属性：用来替代图片的字符串，通常会是图片的说明。l ALIGN属性：定义图片的对齐方式 2、建立图像链接建立图像链接 图像链接指利用一幅图像做链接导
19、引，在和之间嵌入标签便可实现。第15页，共25页。1.3超文本标记语言超文本标记语言HTMLl网页中表的定义和应用网页中表的定义和应用 1、表定义表定义 表由若干行、列的单元格组成，表的第一行通常称之为表头。与表定义相关的标签有：l .用来界定一张表。它有一个属性Border，其值用来设置表格线 的粗细，单位是象素点。l 定义表的一行 l 定义表头。其属性Align表示表头内容的对齐方式 l 定义单元格(Cell)数据，有一个就有一个单元格。也支持Align属性。【例例1.31.3】下列HTML语句定义一张表结构，在浏览器中的显示如图所示。表格标记应用课表 节次星期一星期二星期三 星期四星期五
20、 1、2专业英语操作系统 网络基础专业英语数据库第16页，共25页。1.3超文本标记语言超文本标记语言HTML 3、4Java数据库 实验Java操作系统 5、6网络基础实验 实验实验操作系统 2、表的应用表的应用 表格标签的一些属性对版面布局非常有用，主要有：l align=left|center|right；表的对齐方式 l width=象素点|百分比值%；表的宽度 l border=象素点；表边框粗细第17页，共25页。1.3 超文本标记语言超文本标记语言HTML l cellspacing=象素点 ；表中单元格间的间隔宽度 l cellpadding=象素点 ；表中单元格边界与内容的间
21、隔距离的主要属性有：l align=left|center|right ；单元格内容的水平对齐方式 l valign=top|middle|bottom|baseline ；单元格内容的垂直对齐方式 l rowspan=n ；本单元格占n行 l colspan=n ；本单元格占n列 l nowrap ；自动换行属性 l 使用框架（使用框架（FRAME）分割窗口）分割窗口 用HTML的标签可以设计显示为多个分栏的效果，每个分栏被称之为一个框架。每个框架中显示一个HTML文档。使用框架的HTML文档的结构与其他HTML文档不同，它不使用标签，而使用标签。其基本结构如下：；将浏览器水平分割成若干个框
22、架 ；定义在第一个框架中显示的文档 ；定义在第二个框架中显示的文档 l 网页中注释网页中注释 生成注释 注释标签的功能起注释作用，它在HTML文件中生成一个空格,容纳不在页面上出现的内容。第18页，共25页。1.4 可扩展标记语言可扩展标记语言XML 可扩展标记语言XML（eXtensible Markup Language）是为了克服HTML缺乏灵活性和伸缩性的缺点以及SGML过于复杂、不利于软件应用的缺点而发展起来的一种元标记语言。XML的用途主要有两个：1、作为元标记语言，定义各种实例标记语言标准；2、作为标准交换语言，担负起描述交换数据的作用。XML结合了SGML功能强大和HTML易用
23、性的特点，是未来网络科技的第二代HTML语言。【例【例1.41.4】XMLXML与与HTMLHTML的比较。的比较。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 如果上面的代码是HTML文档，将其加载到浏览器，就会显示如图所示的结果，其作用是格式化文档。如果上面的代码是XML文档，那么其中的标记就不具有任何含义。浏览器只是把这些标记原封不动地显示出来。第19页，共25页。1.4 可扩展标记语言可扩展
24、标记语言XMLXML文档由专门的样式文档来执行，可以是级联样式单CSS 或是可扩展样式表语言XSL。HTML的标记是给定的，用户不能增加需要使用的新标记，所以它不易扩展，而XML标记是可以扩展的，用户可以根据需要定义新的标记。XML的标记是区分大小写的。一个XML文档只能有一个根标记，其他标记分层嵌套，从而形成一棵标记树。XML元素由一个开始标记和一个结束标记组成，它可以包含其他子元素。HTML中的某些元素不一定需要一个结束标记（比如，LI和BR元素），并且某些属性不需要用引号引起来。但XML中的所有元素都必须有结束标记，同时所有属性都要用引号引起来。例如：李明 06/10/1980 9999
25、9999 第20页，共25页。1.4 可扩展标记语言可扩展标记语言XML【例例1.5】使用XML在浏览器中显示员工的姓名、出生日期与电话号码等信息。1、编辑XML源文件。在记事本或其他文本编辑器中输入以下代码，以ex1-002.xml存盘。李明 06/10/1982 66666666 王华 12/12/1973 88888888 第21页，共25页。1.4 可扩展标记语言可扩展标记语言XML 2、编辑XSL样式文件。在编辑器中输入以下样式文件，并以ex1-002.xsl的扩展名存盘。姓名 出生年月 电话号码 3 3、显示输出结果显示输出结果 在浏览器中使用ex1-00.xsl样式文件显示ex1
26、-002.xml文件，结果如图所示 第22页，共25页。1.5 Web开发工具开发工具l1.5.1网页设计工具网页设计工具 1.FrontPage 2000 1.FrontPage 2000 2.Dreamweaver MX2.Dreamweaver MX 3.Fireworks MX 3.Fireworks MX4.Flash MX4.Flash MX l1.5.2 Web编程工具编程工具 目前，最常用的三种动态网页交互技术有：ASP(Active Server Pages)JSP(JavaServer Pages)PHP(Hypertext Preprocessor)。ASP、PHP、JS
27、P三者都提供在 HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。第23页，共25页。1.5 Web开发工具开发工具 1.ASP ASP（Active Server Pages）是一套微软开发服务器端脚本环境，ASP内含于IIS 3.0及以后版本之中，通过ASP可结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。ASP应用程序可以手工编码制作，也可以通过Dreamweaver MX等可视化工具创作生成。2.PHP PHP（Hypertext Preprocesso超文本预处理器）是一种易学习和使用的服务器端脚本语言。PHP除了能够操作页
28、面，还能发送HTTP的标题；它不需要特殊的开发环境和IDE；它不仅支持多种数据库，还支持多种通信协议；另外，PHP还具有极强的兼容性。3.JSP JSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言擎解释执行程序代码的功能。与ASP一样，JSP中的Java代码均在服务器端执行。JSP与ASP虽然有很多相似之处，但两者也有重要区别：第一，ASP的编程语言是VBScript之类的脚本语言，JSP使用的是Java；第二，两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。第24页，共25页。1.6 本章小结本章小结 本章主要介绍了Web编程的基础知识，
29、包括Web的基本概念和工作原理、Internet、IP地址、域名和统一资源定位器URL、超文本标记语言HTML以及可扩展标记语言XML。Web是一种基于客户机/服务器、采用Internet网络协议的体系结构，是一种基于Internet的超文本信息系统，它涉及到Web的许多技术，包括服务器技术、HTML技术、ASP技术、Java技术、ActiveX技术等。本章重点介绍了动态网页技术，为以后学习ASP.NET程序的设计方法和开发技术作好准备。习题习题 1.简述Web的特点。2.试描述WWW应用的基本原理。3.Web开发工具分为两大类，各有什么特点？4.简述HTML文档的结构特点。5.解释以下名词的含义：IP地址、URL、XML、域名、ASP、CGI、VRML第25页，共25页。
