《Web基础知识Read课件》由会员分享,可在线阅读,更多相关《Web基础知识Read课件(25页珍藏版)》请在金锄头文库上搜索。
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/I
6、P协议是一个协议集,其中最重要的是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(UniformResourceLocator)是用来定位所需信息的具体路径的方法。URL指定Internet资源要说明它位于哪台计算机的哪个目录中,其格式如下::/对于Internet,是指Inter
9、net的协议名,指定一个网络主机的域名或IP地址。在有些情况下,主机域名后还要加上端口号。第6页,共25页。1.2 Web简介简介 1.2.1 什么是什么是WebWeb(WorldWideWeb)即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(VirtualRealityModelingLanguage)文档。第8页,共25页。1.2 Web简介简介 1.2.3 Web技术技术 网页(Homepage)是因特网上从WWW服务器到客户机的超文本载体,它一般用HTML语言写成。在网页中可以嵌入文本、图形、音频和视频信息,网页是一种多媒体作品。网
12、页制作又是一种不断发展的、综合许多新技术的工作。Web动态技术分为网页的动态表现技术与网页的动态交互技术。前者是网页外观表现技术,后者是网页的内容更新技术。网页的动态表现技术是指在浏览器端的动态网页,也就是DHTML(DynamicHTML)。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是建立.NETFramework的公共语言运行库上的编程框架,可用于在服务器上生成功能强大的Web应用程序。 第10页,共25页。1.3超文本标记语言超文本标记语言HTML 1.3.1 HTML文档的基本构成文档的基本构成 支持HTTP的浏览器
14、均为图形用户界面(GUI),GUI通常由标题栏和窗口作为其最基本的构成,对应于HTML文档中的头“HEAD”和体“BODY”。 基本HTML页面以标签开始,以结束。HEAD部分用标签界定,一般包含网页标题。BODY部分是网页的主体,内容均会反映在页面上,页面形式如下: . 其中属性是为标签实现某种功能而提供的一些具体参数,具体用属性值来定义。HTML语言规定,属性写在标签名的后面。第11页,共25页。1.3超文本标记语言超文本标记语言HTML【例例1.1】使用HTML设计一个简单的网页。 AnExample. Hello!Thisisanexample! 用浏览器将打开它,将显示图的页面。1.
15、3.2 用用HTML语言制作网页语言制作网页l l 为网页加入标题为网页加入标题 网页标题总是加在Head部分,浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法是: 标题字符串l l 在网页中显示文本信息在网页中显示文本信息 任何欲在网页中显示的文本串可直接嵌入在BODY中。但文本若需分段、规定显示格式则需加入标签控制。以下是用于文本控制的一些标签 分段标签,分别表示段落的开始和结束,也可单用一个标签。 . 居中标签,包容的内容显示时居中。 第12页,共25页。1.3超文本标记语言超文本标记语言HTML 、项目标题标签,每对标签定义一种字符串格式,共六种,字号依次减小。无序表标签有序
16、表标签目录表标签菜单列表标签无序表、有序表、目录表、菜单列表均指网页中若干项可列表显示的数据项目,相同的文本内容用不同的标签定义会出现不同的显示格式,上述标签及其子标签-项目标签被用来定义相应的数据项列表。例如:定义一个有序表 FirstItem有序表的第一项SecondItem有序表的第二项定义列表标签,和其子标签和配合使用,用来控制数据项目的显示,类似于术语及其定义的书写格式在文本中插入行中断的标签第13页,共25页。1.3超文本标记语言超文本标记语言HTML【例1.2】在一个在网页中分段显示不同格式文本的HTML代码。 DisplayTextThisfirstparagraph!;定义一
17、个段落文本Thissecondparagraph! ;定义另一个段落Thisisheading1!;定义文本显示为H1格式Thisisheading6!;定义文本显示为H6格式Thisisfirstitem;定义两个项目的无序表显示格式Thisisseconditem;定义一个定义表显示格式wwwwwwstandsforworldwideweb 该文档在浏览器中显示如右图所示。 第14页,共25页。1.3超文本标记语言超文本标记语言HTMLl在网页中加入超链接在网页中加入超链接 超链接是网页的核心,正是超链接技术使Internet漫游梦想成真。 锚标格式: 超链接提示 ,其中URL是统一资源定
18、位地址, 即链接的目标位置。 例如:在网页上加入一个到搜狐网站的链接,可在HTML文档中插入如下语句: 搜狐 l 在网页中插入图片在网页中插入图片目前在HTML文档中流行两种图像文件格式:JPEG和GIF。 1、图片的插入图片的插入 标签用于在网页中插入图片。标签的常用属性有:SRC、ALT、ALIGN等。 lSRC属性:定义图像的来源,其值为带路径的图像文件名 lALT属性:用来替代图片的字符串,通常会是图片的说明。 l ALIGN属性:定义图片的对齐方式 2、建立图像链接建立图像链接 图像链接指利用一幅图像做链接导引,在和之间嵌入标签便可实现。 第15页,共25页。1.3超文本标记语言超文
19、本标记语言HTMLl网页中表的定义和应用网页中表的定义和应用 1、表定义表定义 表由若干行、列的单元格组成,表的第一行通常称之为表头。与表定义相关的标签有: l.用来界定一张表。它有一个属性Border,其值用来设置表格线 的粗细,单位是象素点。 l定义表的一行 l定义表头。其属性Align表示表头内容的对齐方式 l定义单元格(Cell)数据,有一个就有一个单元格。也支持Align属性。 【例例1.31.3】下列HTML语句定义一张表结构,在浏览器中的显示如图所示。 表格标记应用课表节次星期一星期二星期三星期四星期五1、2专业英语操作系统网络基础专业英语数据库第16页,共25页。1.3超文本标
20、记语言超文本标记语言HTML 3、4Java数据库实验Java操作系统5、6网络基础实验实验实验操作系统 2、表的应用表的应用 表格标签的一些属性对版面布局非常有用,主要有: lalign=left|center|right;表的对齐方式 lwidth=象素点|百分比值%;表的宽度 lborder=象素点;表边框粗细第17页,共25页。1.3 超文本标记语言超文本标记语言HTML lcellspacing=象素点 ;表中单元格间的间隔宽度 lcellpadding=象素点 ;表中单元格边界与内容的间隔距离的主要属性有: lalign=left | center | right ;单元格内容的水
21、平对齐方式 lvalign=top | middle | bottom | baseline ;单元格内容的垂直对齐方式 lrowspan=n ;本单元格占n行 lcolspan=n ;本单元格占n列lnowrap;自动换行属性 l 使用框架(使用框架(FRAME)分割窗口)分割窗口 用HTML的标签可以设计显示为多个分栏的效果,每个分栏被称之为一个框架。每个框架中显示一个HTML文档。使用框架的HTML文档的结构与其他HTML文档不同,它不使用标签,而使用标签。其基本结构如下: ;将浏览器水平分割成若干个框架;定义在第一个框架中显示的文档 ;定义在第二个框架中显示的文档 l 网页中注释网页中
22、注释 生成注释 注释标签的功能起注释作用,它在HTML文件中生成一个空格,容纳不在页面上出现的内容。第18页,共25页。1.4 可扩展标记语言可扩展标记语言XML 可扩展标记语言XML(eXtensible Markup Language)是为了克服HTML缺乏灵活性和伸缩性的缺点以及SGML过于复杂、不利于软件应用的缺点而发展起来的一种元标记语言。 XML的用途主要有两个: 1、作为元标记语言,定义各种实例标记语言标准; 2、作为标准交换语言,担负起描述交换数据的作用。XML结合了SGML功能强大和HTML易用性的特点,是未来网络科技的第二代HTML语言。 【例【例1.41.4】XMLXML
23、与与HTMLHTML的比较。的比较。 HerewehavesometextThisisaheadingThisbitisnormaltextThisissomeboldtextAndfinallysomemorenormaltext 如果上面的代码是HTML文档,将其加载到浏览器,就会显示如图所示的结果,其作用是格式化文档。如果上面的代码是XML文档,那么其中的标记就不具有任何含义。浏览器只是把这些标记原封不动地显示出来。 第19页,共25页。1.4 可扩展标记语言可扩展标记语言XMLXML文档由专门的样式文档来执行,可以是级联样式单CSS或是可扩展样式表语言XSL。HTML的标记是给定的,用
24、户不能增加需要使用的新标记,所以它不易扩展,而XML标记是可以扩展的,用户可以根据需要定义新的标记。XML的标记是区分大小写的。一个XML文档只能有一个根标记,其他标记分层嵌套,从而形成一棵标记树。XML元素由一个开始标记和一个结束标记组成,它可以包含其他子元素。HTML中的某些元素不一定需要一个结束标记(比如,LI和BR元素),并且某些属性不需要用引号引起来。但XML中的所有元素都必须有结束标记,同时所有属性都要用引号引起来。例如: 李明06/10/198099999999第20页,共25页。1.4 可扩展标记语言可扩展标记语言XML【例例1.5】使用XML在浏览器中显示员工的姓名、出生日期
25、与电话号码等信息。 1、编辑XML源文件。在记事本或其他文本编辑器中输入以下代码,以ex1-002.xml存盘。 李明06/10/198266666666王华12/12/197388888888第21页,共25页。1.4 可扩展标记语言可扩展标记语言XML 2、编辑XSL样式文件。在编辑器中输入以下样式文件,并以ex1-002.xsl的扩展名存盘。 姓名出生年月电话号码 3 3、 显示输出结果显示输出结果 在浏览器中使用ex1-00.xsl样式文件显示ex1-002.xml文件,结果如图所示 第22页,共25页。1.5 Web开发工具开发工具l1.5.1网页设计工具网页设计工具 1. Fron
26、tPage 2000 1. FrontPage 2000 2. Dreamweaver MX2. Dreamweaver MX 3. Fireworks MX 3. Fireworks MX4. Flash MX4. Flash MX l1.5.2 Web编程工具编程工具 目前,最常用的三种动态网页交互技术有:ASP(ActiveServerPages)JSP(JavaServerPages) PHP(HypertextPreprocessor)。 ASP、PHP、JSP三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。 第23页,共25页。1.5 Web开发工具开
27、发工具 1. ASP ASP(ActiveServerPages)是一套微软开发服务器端脚本环境,ASP内含于IIS3.0及以后版本之中,通过ASP可结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。ASP应用程序可以手工编码制作,也可以通过DreamweaverMX等可视化工具创作生成。 2. PHPPHP(HypertextPreprocesso超文本预处理器)是一种易学习和使用的服务器端脚本语言。PHP除了能够操作页面,还能发送HTTP的标题;它不需要特殊的开发环境和IDE;它不仅支持多种数据库,还支持多种通信协议;另外,PHP还具有极强的兼容性
28、。 3. JSPJSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言擎解释执行程序代码的功能。与ASP一样,JSP中的Java代码均在服务器端执行。JSP与ASP虽然有很多相似之处,但两者也有重要区别:第一,ASP的编程语言是VBScript之类的脚本语言,JSP使用的是Java;第二,两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。第24页,共25页。1.6 本章小结本章小结 本章主要介绍了Web编程的基础知识,包括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页。