JavaWeb应用开发原理与技术第2章.ppt

JavaWeb应用开发原理与技术第2章.ppt

《JavaWeb应用开发原理与技术第2章.ppt》由会员分享，可在线阅读，更多相关《JavaWeb应用开发原理与技术第2章.ppt（25页珍藏版）》请在冰豆网上搜索。

JavaWeb应用开发原理与技术,第2章简单的静态Web文档（HTML/XML）,第2章简单的静态Web文档（HTML/XML）,2.1HTML语言2.1.1用HTML创建一个简单的Web网页文件2.1.2HTML的段落级标记元素2.1.3HTML的文本级标记元素2.1.4表格制作2.1.5框架（FRAME）2.2XML语言2.2.1XML文档的创建2.2.2XML文档剖析2.2.3XML文档的显示（用CSS格式化XML文件）,重点:

掌握简单的Web文档的创建难点:

XML语言的使用学时:

2小时,2.1HTML语言,2.1.1用HTML创建一个简单的Web网页文件尽管可扩展标注语言（eXtensibleMarkupLanguage,XML）正被迅速地运用于业界。

但作为XML的基础HTML（HyperTextMarkupLanguage,超文本标记语言）仍然是用于创建Web文档的最常用方法。

HTML不是一种编程语言，而是一种含有一套语法规则的文本标记语言。

市场上有众多帮助用户制作Web文档的工具，如FrontPage、Dreamweaver等，但要想从本质上了解Web文档的组织结构和基本框架，掌握基本的HTML语法是十分必要的。

2.1HTML语言,2.1.1用HTML创建一个简单的Web网页文件编写Web文档编写一个文件名为test1.html的Web文档，可以使用任何一种文本编辑器录入下列示例文档并存盘（比如存放在C:

sample目录下）我们从这个简单的示例开始学习HTML的基本语法.在调试阶段，一个Web文档并不一定要将其放到Web服务器的发布目录上，可通过浏览器从本机硬盘上调出该Web文档来进行Web页面的显示。

本例中，在浏览器的URL栏内输入：

File:

/C:

sampletest1.html,2.1HTML语言,2.1.1用HTML创建一个简单的Web网页文件注释以“”结束，可在注释区间插入由任意字符组成的文本。

HTML“标记”元素的语法一般由“”引出，以“”作结尾。

以标记元素表明Web文档的开始，末尾以作为Web文档的结束标记元素。

一个Web文档主要包括窗口标题和文档主体两部分,2.1HTML语言,2.1.1用HTML创建一个简单的Web网页文件创建Web文档或称为制作网页一般并不采取上述“原始”的方法，而是借助市场上流行的网页制作工具，如微软公司的FrontPage等。

这些工具具有“WYSIWYG”（所见即所得）的效果，提高了网页制作的效率。

Web文档作完后，下一步为了使全球的用户能访问你的网页，你必须将其放在一台已接入Internet的Web服务器的发布目录中。

当用户利用浏览器发出访问某网页请求时，Web服务器按URL在其发布目录中找到对应的Web文档，将该文件发送给浏览器作为响应。

Web发布目录的创建与Web服务器运行的操作系统有关UNIX、LINUX、Windows2000安装HTTP服务以及设置Web发布目录的方法是不同的，读者可以查阅相关的安装手册或询问系统管理员。

2.1HTML语言,2.1.2HTML的段落级标记元素字体变化,2.1HTML语言,2.1.2HTML的段落级标记元素水平线标记元素该元素不需要以结尾，它会画出一条分隔线分隔出标记元素以上部分和以下部分。

列表标记元素.无序号列表（Unorderedlists）.有序号列表（Orderedlists）.定义式列表（Definelists）例：

test2.html特殊字符ASCII码中，有四个字符：

大于“”、小于“&在屏幕上会是"在屏幕上会是”,2.1HTML语言,2.1.3HTML的文本级标记元素超文本链接链接至另一Web文档。

既可以跳到另外一台机器上的文件，也可以跳到文档的另一个段落或本机的另一片文档。

例：

从当前文档链接到湖南科技大学的主页Linkto湖南科技大学在页面中插入图像为了显示一幅图像filename.gif，标记元素表示方法如下：

在页面中插入音频和视频在Web中加入音频文件须把HREF指定的URL写上相应的音频文件名。

例：

TestofSound加视频类似音频，例：

TestofVideo无论音频信息还是视频信息都要求用户端有相应的应用程序可以播放这些信息。

这些程序或是嵌入浏览器中（plug-in插件方式）或是独立存在。

2.1HTML语言,2.1.4表格制作在HTML中使用表格，应采用以开头，为结尾的标记元素。

表格的每一行以一个标签引出，同样以结尾，在该行中以加上分割出一个个的栏位来，即一栏对应一对标签。

最简单的表格例子（test3.html）见P21,2.1HTML语言,2.1.5框架（FRAME）框架：

即将屏幕分割成几块，每块对应着一个HTML文件。

框架是通过标志元素定义的。

最简单的框架例子（test4.html）见P22,2.2XML语言,随着Web应用的不断发展,HTML的局限性也明显地体现出来:

首先,HTML把数据和数据的表现形式混在了一起。

不能指定数据的层次结构来表现数据间诸如包含,重要性等这些细节。

它不能把数据简单地传送给客户端让客户端自行进行进一步的处理。

事实上,HTML总是在服务器端产生,客户端只是一个显示机器。

它只能提供一种显示方式给你的数据.如果你想提供不同的显示方式,你就不得不在服务器端重新产生这些数据和完整的HTML页。

不能用自己的特定应用标签来扩展它。

2.2XML语言,尽管利用HTML语言可以显示很漂亮的网页，但由于其将数据和显示格式混在一块，决定了它在Web的进一步应用中将会受到限制，因而出现了替代HTML语言的新一代标记语言XML。

可扩展标记语言XML（ExtensibleMarkupLanguage），是由万维网协会WebWideWebConsortium（简称W3C）的XML工作组定义的。

XML既像HTML一样，是一种与平台无关的、在Web上创建网页的语言，同时又是一种组织数据的标识方法，是可供其他高级语言读写的文本文件。

2.2XML语言,2.2.1XML文档的创建XML文档可以使用你最喜欢的文本编辑器来创建它，或者使用任何一种编程编辑器。

创建XML文档常用方法如下：

（1）在文本编辑器中打开一个新的空文本文件，并输入XML文档的内容；

（2）使用文本编辑器的“保存”命令把XML文件保存在硬盘上，并赋予文件名。

例：

有关学生信息的XML文档student.xml（P23）,2.2XML语言,2.2.2XML文档剖析从整体上划分XML文档，有两个主要组成部分：

序言（prolog）和XML文档元素（documentelement）序言:

student.xml文件的序言由第一至第八行组成XML的文档元素指出了XML文档中数据的逻辑结构和信息内容。

一个典型的元素有起始标签、元素内容和结束标签。

元素的内容可以是字符数据、其它（嵌套的）元素或两者的组合。

student.xml其余部分构造一份良好的XML文档它应满足一些条件XML文件的第一行必须是xml的声明。

XML文件中只能有一个根元素（标记）开始标记与结束标记必须成对使用空标记必须要有“/”符号结束。

所有标记不能交迭排列。

XML文件中英文字母的大小写有差异。

属性值设定时必须被标记符包围起来。

要注意特殊字符的使用。

2.2XML语言,XML文档的显示在显示XML数据的时候,你有两种选择:

创建一个CascadingStyleSheet（）来产生基于这些数据的HTML格式或者使用可扩展的格式语言eXtensibleStyleLanguage（）.选择什么方法依赖于要显示数据的复杂性.如果你只想有一个基本的输出的话,CSS是一个不错的选择.对于更多的复杂的输出,就需要使用XSL了.XSL也是使用一种类XML语法来描述如何将XML转换为HTML,2.2XML语言,XML文档的显示（用CSS格式化XML文件）XML文档是内容与表现形式分开的，这就使得不同的用户可以根据自己的需要来定义数据的表现形式。

XML文档的所有表现信息放在stylesheet（样式文件）中，样式文件是对XML文档在浏览器中表现的文字大小、颜色、字体等做特定规定的文件。

CSS（CascadingStyleSheets）层叠式样式文件允许对XML文档内容加入诸如字体、颜色、大小等样式。

CSS的定义由三个部分构成：

选择符（selector），属性（properties）和属性的取值（value）。

引用式是指XML文档本身不含有样式信息，通过引用外部CSS文件来定义网页文件的表现形式。

大部分XML文档都采用这种方式。

在XML文档的开头部分写一个关于样式的声明语句，格式如下：

内嵌式是指将CSS样式直接嵌入到XML文档内部，为元素设置style属性，并在属性值中给出对其样式的定义。

具体实现方法见例（P27），,2.2XML语言,XML文档的显示（用CSS格式化XML文件）具体实现方法见例（P27）编写XML文档,studinfo.xml编写样式文件mystyle.css在浏览器中打开studinfo.xml,2.2XML语言,XML文档的显示（用XSL格式化XML文件）可扩展样式单语言XSL（eXtensibleStylesheetLanguge），是通过XML进行定义的，遵守XML的语法规则，是XML的一种具体应用。

也就是说，XSL文件本身就是一个XML文档，系统可以使用同一个XML解释器对XML文档及其相关的XSL文档进行解释处理。

使用XSL定义XML文档显示方式的基本思想是：

通过定义转换模板，将XML源文档转换为带样式信息的可浏览文档。

限于目前浏览器的支持能力，大多数情况下是转换为一个HTML文档进行显示。

示例:

编写XML文档,studinfo1.xml编写样式文件mystyle.xsl在浏览器中打开studinfo1.xml,小结,1.HTML常用标记元素,小结,2.网页制作技术HTML、DHTML、JavaScript、VBScript、ASP、JSP、PHP等。

静态网页技术（描述）：

HTML动态网页技术（控制）：

DHTML技术，通过脚本技术（JavaScript、VBScript、JScript）、CSS及DOM的综合动态服务器网页技术（生成）：

在WWW服务器端动态生成网页的技术，如ASP、JSP、PHP,小结,3.网页制作工具软件FLASHFireworksAdobePhotoshopFrontPageDreamweaver,小结,4.XMLXML也是一种标记语言，但是XML比HTML有更强大的自我描述和数据处理和存储功能。

XML将数据的描述与显示分离。

XML依赖XSL来显示他的数据和页面。

IE显示XML数据的方式：

一是直接显示XML二是通过XSL来显示XML三是通过HTML的数据岛技术来显示XML数据。

XML数据转换成HTML。

数据库可以直接导出成XML文件。

练习,1.名词解释HTMLXMLCSS2.利用HTML创建一个静态网站。

3.创建描述图书信息的XML文件，并用CSS将其格式化显示。

谢谢！