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

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

2、Web网页文件 尽管可扩展标注语言（eXtensible Markup Language , XML）正被迅速地运用于业界。但作为XML的基础HTML(HyperText Markup Language, 超文本标记语言)仍然是用于创建Web文档的最常用方法。 HTML不是一种编程语言，而是一种含有一套语法规则的文本标记语言。 市场上有众多帮助用户制作Web文档的工具，如FrontPage、Dreamweaver等，但要想从本质上了解Web文档的组织结构和基本框架，掌握基本的HTML语法是十分必要的。,2.1 HTML语言,2.1.1 用HTML创建一个简单的Web网页文件 编写Web文档 编

3、写一个文件名为test1.html的Web文档，可以使用任何一种文本编辑器录入下列示例文档并存盘（比如存放在C:sample目录下） 我们从这个简单的示例开始学习HTML的基本语法. 在调试阶段，一个Web文档并不一定要将其放到Web服务器的发布目录上，可通过浏览器从本机硬盘上调出该Web文档来进行Web页面的显示。 本例中，在浏览器的URL栏内输入： File:/C:sampletest1.html,2.1 HTML语言,2.1.1 用HTML创建一个简单的Web网页文件 注释 以“”结束，可在注释区间插入由任意字符组成的文本。 HTML“标记”元素的语法 一般由“”引出，以“”作结尾。 以

4、标记元素表明Web文档的开始，末尾以作为Web文档的结束标记元素。 一个Web文档主要包括窗口标题和文档主体两部分 ,2.1 HTML语言,2.1.1 用HTML创建一个简单的Web网页文件 创建Web文档或称为制作网页一般并不采取上述“原始”的方法，而是借助市场上流行的网页制作工具，如微软公司的FrontPage等。 这些工具具有“WYSIWYG”（所见即所得）的效果，提高了网页制作的效率。 Web文档作完后，下一步为了使全球的用户能访问你的网页，你必须将其放在一台已接入Internet的Web服务器的发布目录中。 当用户利用浏览器发出访问某网页请求时，Web服务器按URL在其发布目录中找到

5、对应的Web文档，将该文件发送给浏览器作为响应。 Web发布目录的创建与Web服务器运行的操作系统有关 UNIX、LINUX、Windows2000安装HTTP服务以及设置Web发布目录的方法是不同的，读者可以查阅相关的安装手册或询问系统管理员。,2.1 HTML语言,2.1.2 HTML的段落级标记元素 字体变化 见P16 水平线标记元素 见P17 列表标记元素 见P17。例：test2.html，见P18 特殊字符 见P19,2.1 HTML语言,2.1.3 HTML的文本级标记元素 超文本链接 链接至另一Web文档。既可以跳到另外一台机器上的文件，也可以跳到文档的另一个段落或本机的另一片

6、文档。 例：从当前文档链接到湖南科技大学的主页 Link to 湖南科技大学 在页面中插入图像 为了显示一幅图像filename.gif，标记元素表示方法如下： 在页面中插入音频和视频 在Web中加入音频文件须把HREF指定的URL写上相应的音频文件名。例：Test of Sound 加视频类似音频，例： Test of Video 无论音频信息还是视频信息都要求用户端有相应的应用程序可以播放这些信息。这些程序或是嵌入浏览器中(plug-in插件方式)或是独立存在。,2.1 HTML语言,2.1.3 HTML的文本级标记元素 超文本链接 链接至另一Web文档。既可以跳到另外一台机器上的文件，也

7、可以跳到文档的另一个段落或本机的另一片文档。 例：从当前文档链接到湖南科技大学的主页 Link to 湖南科技大学 在页面中插入图像 为了显示一幅图像filename.gif，标记元素表示方法如下： 在页面中插入音频和视频 在Web中加入音频文件须把HREF指定的URL写上相应的音频文件名。例：Test of Sound 加视频类似音频，例： Test of Video 无论音频信息还是视频信息都要求用户端有相应的应用程序可以播放这些信息。这些程序或是嵌入浏览器中(plug-in插件方式)或是独立存在。,2.1 HTML语言,2.1.4 表格制作 在HTML中使用表格，应采用以开头，为结尾的标

8、记元素。 表格的每一行以一个标签引出，同样以结尾，在该行中以加上分割出一个个的栏位来，即一栏对应一对标签。 最简单的表格例子(test3.html) 见P21,2.1 HTML语言,2.1.5 框架(FRAME) 框架：即将屏幕分割成几块，每块对应着一个HTML文件。 框架是通过标志元素定义的。 最简单的框架例子(test4.html) 见P22,2.2 XML语言,随着Web应用的不断发展,HTML的局限性也明显地体现出来: 首先,HTML把数据和数据的表现形式混在了一起。 不能指定数据的层次结构来表现数据间诸如包含,重要性等这些细节。 它不能把数据简单地传送给客户端让客户端自行进行进一步的

9、处理。事实上,HTML总是在服务器端产生,客户端只是一个显示机器。 它只能提供一种显示方式给你的数据.如果你想提供不同的显示方式,你就不得不在服务器端重新产生这些数据和完整的HTML页。 不能用自己的特定应用标签来扩展它。,2.2 XML语言,尽管利用HTML语言可以显示很漂亮的网页，但由于其将数据和显示格式混在一块，决定了它在Web的进一步应用中将会受到限制，因而出现了替代HTML语言的新一代标记语言XML。 可扩展标记语言XML（Extensible Markup Language），是由万维网协会Web Wide Web Consortium（简称W3C）的XML工作组定义的。 XML既

10、像HTML一样，是一种与平台无关的、在Web上创建网页的语言，同时又是一种组织数据的标识方法，是可供其他高级语言读写的文本文件。,2.2 XML语言,2.2.1 XML文档的创建 XML文档可以使用你最喜欢的文本编辑器来创建它，或者使用任何一种编程编辑器。创建XML文档常用方法如下： （1） 在文本编辑器中打开一个新的空文本文件，并输入XML文档的内容； （2） 使用文本编辑器的“保存”命令把XML文件保存在硬盘上，并赋予文件名。 例：有关学生信息的XML文档student.xml （P23）,2.2 XML语言,2.2.2 XML文档剖析 从整体上划分XML文档，有两个主要组成部分：序言（p

11、rolog）和XML文档元素（document element ） 上面示例网页文件的序言由第一至第八行组成 XML的文档元素指出了XML文档中数据的逻辑结构和信息内容。一个典型的元素有起始标签、元素内容和结束标签。元素的内容可以是字符数据、其它（嵌套的）元素或两者的组合。 构造一份良好的XML文档它应满足一些条件 P32,2.2 XML语言,XML文档的显示（用CSS格式化XML文件） XML文档是内容与表现形式分开的，这就使得不同的用户可以根据自己的需要来定义数据的表现形式。 XML文档的所有表现信息放在style sheet（样式文件）中，样式文件是对XML文档在浏览器中表现的字大小、颜色、字体等做特定规定的文件。 CSS（Cascading Style Sheets）层叠式样式文件允许对XML文档内容加入诸如字