PPT
【文档说明】Web基础知识Read课件.ppt，共(25)页，625.500 KB，由小橙橙上传
转载请保留链接：https://www.ichengzhen.cn/view-3289.html
以下为本文档部分文字说明：
第1章Web基础知识1.1Internet基础1.2Web简介1.3超文本标记语言HTML1.4可扩展标记语言XML1.5Web开发工具1.6本章小结第1页，共25页。1.1Internet基础1.1.1Internet概况l从网络互联的角
度来看Internet利用成千上万个具有特殊功能的专用计算机（称为路由器或网关），通过各种通信线路，把分散在各地的网络在物理上连接起来。l从网络通信的角度来看Internet正是依靠TCP/IP协议才能把各个国家、各个部门、各个机构的内部网络连接起来的
超级数据通信网。l从提供信息资源的角度来看Interne是一个集各个部门、各个领域内信息资源为一体的超级资源网。用户，都可以通过工具访问所有的信息资源，查询各种数据库、信息库，获取自己所需的各种信息资料。l从网络管理的角度来看Internet是一个不受政府或某个组织管理和控制的、包
括成千上万相互协作的组织和网络的集合体。连入Internet的每一个网络成员都自愿地承担对网络的管理并支付费用，友好地与相邻网络协作指导Internet上数据传输，共享网络资源，并且共同遵守TCP/IP协议的一切规定。第2页，共25页。1.1Internet基础1.1.2Inte
rne基本服务功能l电子邮件（E-mailElectronicMail）服务电子邮件是Internet提供的一项最基本的服务，也是Internet用户使用最频繁的一种服务功能。E_Mail的功能是用于
发送和接受信件，采用简单邮件传输协议（SMTP）。如图所示图1.1电子邮件服务lWWW(WorldWideWeb)服务WWW简称Web，它上集中了全球的信息资源，是存储和发布信息的地方，也是人们查询信息的场所。Internet包含成千上万的WWW服务器。Web浏览器和服务器用超文本传输协
议HTTP协议来传输Web文档。如图所示。第3页，共25页。1.1Internet基础l远程登录服务（Telnet）在网上人们常常需要调用远程计算机的资源同本地计算机协同工作，用多台计算机来共同完成一项较大任务。这种协同方式要求用户能够登录到远程
计算机中，为此人们开发了远程登录协议-Telnet。Internet上存在成千上万个各种主机（大、中、小巨型机）或服务器。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主
机上的程序来求解各种复杂的问题,再从远程主机返回服务的结果。l文件传输服务(FTPFileTransferProtocol)FTP既是一种文件传输协议，也是一种服务，提供这种服务的设施叫做FTP服务器。有了FTP的帮助就能使Internet上两台主机间互传
（拷贝）文件。l新闻和公告类服务Internet的新闻和公告类服务主要有电子公告栏（BBS）和网络新闻组（Usenet）。BBS允许用户上传和下载文件，讨论和发布通告，Usenet是针对某个主题的网上新闻组。1.1.3TCP/IP协议网络协议它定义了计算机进行信息交换所必须遵循的规则。Inter
net使用的网络协议是TCP/IP协议，TCP/IP协议是一个协议集，其中最重要的是TCP协议和IP协议。凡是连入Internet的计算机都必须运行TCP/IP协议。第4页，共25页。1.1Internet基础1.1.4IP地址、域名和URLlIP地址IP地
址是识别Internet网络中的主机及网络设备的唯一标识。每个IP地址通常分为网络地址和主机地址两部分，长度为32位(4个字节)，书写时每个字节用4个十进制数(0－255)表示，十进制数之间用“.”分隔即X.X.X.X。例如202.119.106.253。IP地址可分成五类，其中常用的为A、B
、C三类。IP地址组成如图所示。A类地址用于规模很大、主机数目非常多的网络，X.Y.Z为主机地址。B类地址用于中型到大型的网络。前面2个字节为网络地址，后面Y.Z为主机地址。C类地址用于小型本地网络。前面3个
字节为网络地址，后面Z为主机地址。l域名TCP/IP协议中提供了域名服务系统（DNS），允许为主机分配字符名称，即域名。在网络通信时由DNS自动实现域名与IP地址的转换。例如，南京师范大学Web服务器的域名为www.njnu.edu.cn。Internet中的域名采用分级命名机别，其基
本结构如下：计算机名.三级域名.二级域名.顶级域名第5页，共25页。1.1Internet基础顶级域名划分采用了两种划分模式，即组织模式和地理模式。有7个域对应于组织模式，其余的域对应于地理模式，如cn代表中国，us代表美国，jp代表日本等。互连网的域名管理机构将顶级域的管
理权分派给指定的管理机构，各管理机构对其管理的域继续进行划分，即划分成二级域，并将二级域的管理权授予其下属的管理机构，依此类推，便形成了树型域名结构，如图1.4所示。图1.4树型域名结构l统一资源定位器URL统一资源定位器URL（UniformResourceLocator）是用来定位
所需信息的具体路径的方法。URL指定Internet资源要说明它位于哪台计算机的哪个目录中,其格式如下：<信息服务类型>://<信息资源地址>/<文件路径>对于Internet，<信息服务类型>是指Internet的协议名，<信息资源地址>指定一个网络主机的域名或IP地址。在有些情况下，
主机域名后还要加上端口号。第6页，共25页。1.2Web简介1.2.1什么是WebWeb(WorldWideWeb)即WWW，又称环球网、万维网、全球信息网等，它是一种体系结构，通过它可以访问分布于Inte
rnet主机上的链接文档。这一说法包含以下几层含义：lWeb是Internet提供的一种服务。lWeb是存储在全世界Internet计算机中、数量巨大的文档的集合。lWeb上的海量信息是由彼此关联的文档组成的，这些文
档称为主页或页面。lWeb的内容保存在Web站点中，用户可通过浏览器访问Web站点。Web具有以下特点:lWeb是一种超文本信息系统lWeb是图形化的和易于导航的lWeb与平台无关lWeb是分布式的lWeb具有新闻性lWeb是动态的、
交互的1.2.2Web工作原理Web是基于客户机/服务器的一种体系结构,在Web方式下客户端软件常用浏览器，第7页，共25页。1.2Web简介客户机向服务器发送请求，要求执行某项任务，而服务器执行此项任务，并向客户机返回响应。Web服务器向浏览器提供服务的步骤：1、用户打开
计算机（客户机），启动浏览器程序，在浏览器中指定一个URL，浏览便向该URL所指向的Web服务器发出请求。2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文件路径名。3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。4、如果HTML文档中嵌有ASP或CG
I程序Web服务器就运行ASP或CGI程序，并将结果传送至浏览器5、URL也可以指向VRML（VirtualRealityModelingLanguage）文档。第8页，共25页。1.2Web简介1.2.3Web技术网页（Homepage）是因特网上从WWW
服务器到客户机的超文本载体，它一般用HTML语言写成。在网页中可以嵌入文本、图形、音频和视频信息，网页是一种多媒体作品。网页制作又是一种不断发展的、综合许多新技术的工作。Web动态技术分为网页的动态表现技术与网页的动态交互技术。前者是网页外观表现技
术,后者是网页的内容更新技术。网页的动态表现技术是指在浏览器端的动态网页，也就是DHTML（DynamicHTML）。DHTML是在HTML基础上扩展出来的几种新功能的总称。动态内容交互是指就是指网页内含有在服务器端执行的程序代码，当客
户端向服务器端提出请求时，程序的代码会先在服务器端执行，然后再将Web服务器端执行的结果传送给浏览器。Web服务器端执行的程序一般有CGI、ASP、JSP、PHP等。第9页，共25页。1.2Web简介Web正高速发展基本技术：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超文本标记语言HTML1.3.1HTML文档的基本构成支持HTTP的
浏览器均为图形用户界面(GUI)，GUI通常由标题栏和窗口作为其最基本的构成，对应于HTML文档中的头“HEAD”和体“BODY”。基本HTML页面以<HTML>标签开始，以</HTML>结束。HEAD部分用<HEAD>…</HEAD>标签界定，一般包含网页标题。
BODY部分是网页的主体，内容均会反映在页面上，页面形式如下：<HTML><HEAD>……</HEAD><BODY><标签1[属性[=属性值][属性[=属性值].....><标签2[属性[=属性值][属性[=属性值].....>.......[</标签2>][</标签1>
]</BODY></HTML>其中属性是为标签实现某种功能而提供的一些具体参数，具体用属性值来定义。HTML语言规定，属性写在标签名的后面。第11页，共25页。1.3超文本标记语言HTML【例1.1】使用HTML设计一个简单的网页。<HTML>
<HEAD><Title>AnExample.</Title></HEAD><BODY><Palign=center>Hello!Thisisanexample!</BODY></HTML>用浏览器将打开它，将显示图的页面。1.3.2用HTML
语言制作网页l为网页加入标题网页标题总是加在Head部分，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法是：<TITLE>标题字符串</TITLE>l在网页中显示文本信息任何欲在网页中显示的文本串可直接嵌入在BODY中。但文本若需分段、规定显示
格式则需加入标签控制。以下是用于文本控制的一些标签<P>…</P>分段标签，分别表示段落的开始和结束，也可单用一个标签<P>。<CENTER>….</CENTER>居中标签，包容的内容显示时居中。第12页，共25页。1.3超文本标记语言HTML<H1>…</H1>、<H2>、<H3>、<H4>、<
H5>、<H6>项目标题标签，每对标签定义一种字符串格式，共六种，字号依次减小。<UL>…</UL>无序表标签<OL>…</OL>有序表标签<DIR>…</DIR>目录表标签<MENU>…</MENU>菜单列
表标签无序表、有序表、目录表、菜单列表均指网页中若干项可列表显示的数据项目，相同的文本内容用不同的标签定义会出现不同的显示格式，上述标签及其子标签-项目标签<Li>被用来定义相应的数据项列表。例如：<OL>定义一个有序表<LI>FirstItem有序表的第一项<LI>SecondItem有序表的
第二项</OL><DL>…</DL>定义列表标签，和其子标签<DT>和<DD>配合使用，用来控制数据项目的显示，类似于术语及其定义的书写格式<BR>在文本中插入行中断的标签第13页，共25页。1.3超文本标记语言HTML【例1.2】在一个在网页中分段显示不同
格式文本的HTML代码。<Html><Head><Title>DisplayText</Title></Head><BODY><P>Thisfirstparagraph!</P>；定义一个段落文本<P>Thissecondparagraph!；定义
另一个段落<H1>Thisisheading1!</H1>；定义文本显示为H1格式<H6>Thisisheading6!</H6>；定义文本显示为H6格式<UL><LI>Thisisfirstitem；定义两个项目的无序表显示格式<LI>Thisiss
econditem</UL><DL>；定义一个定义表显示格式<DT>www<DD>wwwstandsforworldwideweb</DL></BODY></HTML>该文档在浏览器中显示如右图所示。第1
4页，共25页。1.3超文本标记语言HTMLl在网页中加入超链接超链接是网页的核心，正是超链接技术使Internet漫游梦想成真。锚标格式：<AHREF=URL>超链接提示</A>，其中URL是统一资源定位地址，即链接的目标位置。例如：
在网页上加入一个到搜狐网站的链接，可在HTML文档中插入如下语句：<AHREF=http://www.sohu.com>搜狐</A>l在网页中插入图片目前在HTML文档中流行两种图像文件格式：JPEG和GIF。1、图片的插入<IMG
>标签用于在网页中插入图片。标签的常用属性有：SRC、ALT、ALIGN等。lSRC属性：定义图像的来源，其值为带路径的图像文件名lALT属性：用来替代图片的字符串，通常会是图片的说明。lALIGN属性：定义图片的对齐方式2、建立图像链接图像链接指利用一幅图像做链接导引，在<A>和</A>之间
嵌入<IMG>标签便可实现。第15页，共25页。1.3超文本标记语言HTMLl网页中表的定义和应用1、表定义表由若干行、列的单元格组成，表的第一行通常称之为表头。与表定义相关的标签有：l<TABLE>….</TABLE>用来界定一张表。它有一个属性Border，其值用来设置表格线的粗细，单位是
象素点。l<TR>定义表的一行l<TH>定义表头。其属性Align表示表头内容的对齐方式l<TD>定义单元格(Cell)数据，有一个<TD>就有一个单元格。<TD>也支持Align属性。【例1.3】下列HTML语句定义一张表结构，在浏览器中的显示如图所
示。<HTML><HEAD><TITLE>表格标记应用</TITLE></HEAD><BODY><TABLE><CAPTION>课表</CAPTION><TR><TH>节次</TH><TH>星期一</TH><TH>星期二</TH><TH>星期
三</TH><TH>星期四</TH><TH>星期五</TH></TR><TR><TD>1、2</TD><TD>专业英语</TD><TD>操作系统</TD><TD>网络基础</TD><TD>专业英语</TD><TD>数据库</TD>第16页，共25页。1
.3超文本标记语言HTML</TR><TR><TD>3、4</TD><TD>Java</TD><TD>数据库</TD><TD>实验</TD><TD>Java</TD><TD>操作系统</TD></TR>
<TR><TD>5、6</TD><TD>网络基础</TD><TD>实验</TD><TD>实验</TD><TD>实验</TD><TD>操作系统</TD></TR></Table></BODY></BTML>2、表的应用表格标签<TABLE>的一些属性对版面布局非常有用，主要有：lali
gn=left|center|right；表的对齐方式lwidth=象素点|百分比值%；表的宽度lborder=象素点；表边框粗细第17页，共25页。1.3超文本标记语言HTMLlcellspacing=象素点；表中单元格间的间隔宽度lcellpadding=象
素点；表中单元格边界与内容的间隔距离<TD>的主要属性有：lalign=left|center|right；单元格内容的水平对齐方式lvalign=top|middle|bottom|baseline；单元格内容的垂直对齐方式lrowspan=n；本单元格占n行lcolspan=n；本单元格占n
列lnowrap；自动换行属性l使用框架（FRAME）分割窗口用HTML的<FRAMESET>…</FRAMESET>标签可以设计显示为多个分栏的效果，每个分栏被称之为一个框架。每个框架中显示一个HTML文档。使用框架的HTML文档的结构与其他HTML文档不同，
它不使用<BODY>标签，而使用<FRAMESET>标签。其基本结构如下：<FRAMESETCols=“宽度1,宽度2,…”>；将浏览器水平分割成若干个框架<FRAMESrc=HTML文档1>；定义在第一个框架中显示的文档<FRAMESrc=HTML文档2>；定义在第二个框架中显示的文档…</F
RAMESET>l网页中注释<!--……-->生成注释注释标签的功能起注释作用，它在HTML文件中生成一个空格,容纳不在页面上出现的内容。第18页，共25页。1.4可扩展标记语言XML可扩展标记语言XML（eXtensibleMarkupLanguage）是为了克服HTML缺乏灵活
性和伸缩性的缺点以及SGML过于复杂、不利于软件应用的缺点而发展起来的一种元标记语言。XML的用途主要有两个：1、作为元标记语言，定义各种实例标记语言标准；2、作为标准交换语言，担负起描述交换数据的作用。XML结合了SGML功能强大和HTML易用性
的特点，是未来网络科技的第二代HTML语言。【例1.4】XML与HTML的比较。<BODY>Herewehavesometext<H1>Thisisaheading</H1>Thisbitisnormaltext<B>Thisissomeboldte
xt</B>Andfinallysomemorenormaltext</BODY>如果上面的代码是HTML文档，将其加载到浏览器，就会显示如图所示的结果，其作用是格式化文档。如果上面的代码是XML文档，那么其中的标记就不
具有任何含义。浏览器只是把这些标记原封不动地显示出来。第19页，共25页。1.4可扩展标记语言XMLXML文档由专门的样式文档来执行，可以是级联样式单CSS或是可扩展样式表语言XSL。HTML的标记是给定的，用户不能增加需要使用的新标记，所以它不易扩展，而XML标记是可以扩展的，用户可
以根据需要定义新的标记。XML的标记是区分大小写的。一个XML文档只能有一个根标记，其他标记分层嵌套，从而形成一棵标记树。XML元素由一个开始标记和一个结束标记组成，它可以包含其他子元素。HTML中的某些元素不一定需要一个结束标
记（比如，LI和BR元素），并且某些属性不需要用引号引起来。但XML中的所有元素都必须有结束标记，同时所有属性都要用引号引起来。例如：<person><name>李明</name><birth>06/10/1980</birth><t
elephone>99999999</telephone></person>第20页，共25页。1.4可扩展标记语言XML【例1.5】使用XML在浏览器中显示员工的姓名、出生日期与电话号码等信息。1、编辑XML源文件。在记事本或其他文本编辑器
中输入以下代码，以ex1-002.xml存盘。<?xmlversion="1.0"encoding="GB2312"?><?xml-stylesheettype="text/xsl"href="ex1-002.
xsl"?><personlist><person><name>李明</name><birth>06/10/1982</birth><telephone>66666666</telephone></person><person><name>王华</name><birth>12/12
/1973</birth><telephone>88888888</telephone></person></personlist>第21页，共25页。1.4可扩展标记语言XML2、编辑XSL样式文件。在编辑器中输入以下样式文件，并以ex1-002.xsl的扩展名
存盘。<?xmlversion="1.0"encoding="GB2312"?><xsl:stylesheetxmlns:xsl="http://www.w3.org/TR/WD-xsl"><xsl:templatematch="/"><HTML><BODY><TAB
LEborder="2"><TR><TD>姓名</TD><TD>出生年月</TD><TD>电话号码</TD></TR><xsl:for-eachselect="personlist/person"><TR><TD>
<xsl:value-ofselect="name"/></TD><TD><xsl:value-ofselect="birth"/></TD><TD><xsl:value-ofselect="telephone"/></TD></TR></xsl:for-each></TABLE><
/BODY></HTML></xsl:template></xsl:stylesheet>3、显示输出结果在浏览器中使用ex1-00.xsl样式文件显示ex1-002.xml文件，结果如图所示第22页，共25页。1.5Web开发工具l1.5.1网页
设计工具1.FrontPage20002.DreamweaverMX3.FireworksMX4.FlashMXl1.5.2Web编程工具目前，最常用的三种动态网页交互技术有：ASP(ActiveServerPages)JSP(JavaSer
verPages)PHP(HypertextPreprocessor)。ASP、PHP、JSP三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。第23页，共25页。1.5Web开发工具1.ASPASP（ActiveServerPages）是一套微软开发服务
器端脚本环境，ASP内含于IIS3.0及以后版本之中，通过ASP可结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。ASP应用程序可以手工编码制作，也可以通过DreamweaverMX等可视化工具创作生成。2.PHPPHP（Hyp
ertextPreprocesso超文本预处理器）是一种易学习和使用的服务器端脚本语言。PHP除了能够操作页面，还能发送HTTP的标题；它不需要特殊的开发环境和IDE；它不仅支持多种数据库，还支持多种通
信协议；另外，PHP还具有极强的兼容性。3.JSPJSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言擎解释执行程序代码的功能。与ASP一样，JSP中的Java代码均在服务器端执行。JSP与ASP虽然有很多相似
之处，但两者也有重要区别：第一，ASP的编程语言是VBScript之类的脚本语言，JSP使用的是Java；第二，两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。第24页，共25页。1.6本章小结本章主要介绍了W
eb编程的基础知识，包括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页。
辽公网安备 21102102000191号
营业执照
