译成为Java字节代码,JSP页面就具有Java技术的所有优势,包括健壮的存储管理和安 全性。所以大型商业网站通常使用JSP进行开发 6一次编写,各处运行 作为Java平台的一部分,JSP拥有Java编程语言一次编写,各处运行的特点。随着 越来越多的供应商将JSP支持添加到他们的产品中,可以任意选择服务器和工具,更改 工具或服务器并不影响当前的JSP应用程序。 4快速编写Web页的工具 编写Web页最简单的工具是记事本。不过,现在市面上已经有很多Web页编辑器, 它们使编制web页的工作变得既简单又容易,例如 Front Page、 Dream weaver等。Word 中也有编制web页的功能,如果经常使用Word,用它编辑页面也是很方便的。 Netscape 浏览器自带有web页编辑器。下面介绍几种典型的Web页的编辑工具。 FrontPage FronηtPaεe是优秀的web页编辑器,可以方便、快捷地编辑web页样式。在编辑器 中提供了所见即所得、手工编辑HTML和预览web页三种编辑工具 它是一个非常简单实用的网页编辑软件,用它可以非常快速地编辑好一个网页,特别 适用于第一次做网页的朋友。要想用这个软件做一个好的网页,最重要的是掌握表格的 运用,相信做过网站的朋友都有这个体会。 FrontPage还可以做简单的多媒体课件、企业 策划书、产品演示说明书等,它具有上手快,易学、易用的特点。 FrontPage是初学者理想 的制作网页的集成工具 eamweaver Dream weaver是美国 Macromedia公司开发的集web页制作和管理网站于一体的 所见即所得web页编辑器,它是第一套针对专业Web页设计师的视觉化Web页开发工 具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的Web 页。是目前优秀的制作网页的集成工具之 3. TopPage IBM推出的 Netobjects Top Page是一种既适合专业网络开发人员又适合初学者的 工具。 NetObjects Top Page是一种全能的工具,小型企业、个人和学校均可用它很方便地 建立外观优美的网站。此外, Top Page还是一种先进的开发环境,在此环境中,网络设计 管理者可用动态HTML进行链接或制图、编辑级联式表格、建立可编辑的站点分布图、 修剪或滚动图像、建立 JavaScript应用程序、创立和管理框架。总之, Top Page可以创建
译成为 Java 字节代码,JSP 页面就具有 Java 技术的所有优势, 包括健壮的存储管理和安 全性。所以大型商业网站通常使用 JSP 进行开发。 6 . 一次编写,各处运行 作为 Java 平台的一部分, JSP 拥有 Java 编程语言一次编写, 各处运行的特点。随着 越来越多的供应商将 JSP 支持添加到他们的产品中, 可以任意选择服务器和工具, 更改 工具或服务器并不影响当前的 JSP 应用程序。 1 .4 快速编写 Web 页的工具 编写 Web 页最简单的工具是记事本。不过, 现在市面上已经有很多 Web 页编辑器, 它们使编制 Web 页的工作变得既简单又容易, 例如 Front Page、Dreamweaver 等。Word 中也有编制 Web 页的功能, 如果经常使用 Word, 用它编辑页面也是很方便的。Netscape 浏览器自带有 Web 页编辑器。下面介绍几种典型的 Web 页的编辑工具。 1 . FrontPage FrontPage 是优秀的 Web 页编辑器,可以方便、快捷地编辑 Web 页样式。在编辑器 中提供了所见即所得、手工编辑 H TML 和预览 Web 页三种编辑工具。 它是一个非常简单实用的网页编辑软件,用它可以非常快速地编辑好一个网页, 特别 适用于第一次做网页的朋友。要想用这个软件做一个好的网页, 最重要的是掌握表格的 运用,相信做过网站的朋友都有这个体会。FrontPage 还可以做简单的多媒体课件、企业 策划书、产品演示说明书等, 它具有上手快,易学、易用的特点。FrontPage 是初学者理想 的制作网页的集成工具。 2 . Dreamweaver Dreamweaver 是美国 Macromedia 公司开发的集 Web 页制作和管理网站于一体的 所见即所得 Web 页编辑器, 它是第一套针对专业 Web 页设计师的视觉化 Web 页开发工 具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的 Web 页。是目前优秀的制作网页的集成工具之一。 3 . TopPage IBM 推出的 NetObjects TopPage 是一种既适合专业网络开发人员又适合初学者的 工具。NetObjects T opPage 是一种全能的工具, 小型企业、个人和学校均可用它很方便地 建立外观优美的网站。此外, TopPage 还是一种先进的开发环境, 在此环境中,网络设计 管理者可用动态 H TML 进行链接或制图、编辑级联式表格、建立可编辑的站点分布图、 修剪或滚动图像、建立 JavaScript 应用程序、创立和管理框架。总之, TopPage 可以创建 · 16 ·
在所有浏览器上都能运行自如的网页,使用起来极其方便。 习题 说明HTML语言对网络的促进作用 12HTML语言和浏览器是什么关系? 3本书中所指的静态和动态是什么意思?通常所说的动态是什么意思? 14开发静态网页可以使用什么技术? 5开发动态网页可以使用什么技术? 16比较动态开发技术的特点。 7选择一种开发Web页的编辑工具,了解其使用方法,为编写Wεb应用程序做 准备 17
在所有浏览器上都能运行自如的网页,使用起来极其方便。 习题 1 .1 说明 H TML 语言对网络的促进作用。 1 .2 HT ML 语言和浏览器是什么关系 ? 1 .3 本书中所指的静态和动态是什么意思 ? 通常所说的动态是什么意思 ? 1 .4 开发静态网页可以使用什么技术 ? 1 .5 开发动态网页可以使用什么技术 ? 1 .6 比较动态开发技术的特点。 1 .7 选择一种开发 Web 页的编辑工具,了解其使用方法, 为编写 Web 应用程序做 准备。 · 17 ·
2章 HTML语言基本结构 要编写网页,先要了解HTML语言,它是网页编程的基础 HTML语言是由一些标记、字母和文字组成的。它以普通的文本文件保存,可以用 所熟悉的任何文字编辑器来编辑它,例如, Windows中所带的记事本、写字板或Word都 可以。通过HTML中简单的标记,可以在Web页面显示文本、图像、声音、视频,通过超 链接还可以连到其他任何web页面 本章主要介绍HTML语言的基本标记符,了解HTML语言的基本结构。如果已经 掌握,可直接学习下一章的内容 2.1基本结构标记 HTML语言通过一些标记符号告诉浏览器如何显示文本、图像和其他元素 HTML语言初期只有很少的一些标记,但由于在Web页上显示的内容越来越多,其标记 在不断增加,通过HTML的最新版本(如HTML40)可以了解最新最全的标记。这里 主要介绍一些HTML语言常用的标记。 2.1.1开始与结束标记 HTML文档的开始标记是<HTML>,它表示浏览器下面的内容是HTML文档, 在HTML文档结束处要有对应的</HTML>标记,它表示浏览器HTML文档结束 语法格式 <HTML> HTML文件的所有内容 </HTML> 2.12头部标记 HTML文档的头部标记是<head>,它表示浏览器下面的内容是HTML文档的头 部,显示在文本之前,而</head>标记表示浏览器头部内容结束。 18
HTML 语言基本结构 要编写网页,先要了解 H TML 语言,它是网页编程的基础。 H TML 语言是由一些标记、字母和文字组成的。它以普通的文本文件保存, 可以用 所熟悉的任何文字编辑器来编辑它,例如, Windows 中所带的记事本、写字板或 Word 都 可以。通过 H TML 中简单的标记, 可以在 Web 页面显示文本、图像、声音、视频, 通过超 链接还可以连到其他任何 Web 页面。 本章主要介绍 H TML 语言的基本标记符, 了解 H TML 语言的基本结构。如果已经 掌握,可直接学习下一章的内容。 2 .1 基本结构标记 H TML 语言通 过 一 些 标 记 符 号 告 诉 浏 览 器 如 何 显 示 文 本、图 像 和 其 他 元 素。 H TML 语言初期只有很少的一些标记,但由于在 Web 页上显示的内容越来越多, 其标记 在不断增加,通过 H TML 的最新版本 (如 H TML 4 .0 )可以了解最新最全的标记。这里 主要介绍一些 H TML 语言常用的标记。 2 .1 .1 开始与结束标记 H TML 文档的开始标记是 < H T ML > , 它表示浏览器下面的内容是 H TML 文档, 在 H TML 文档结束处要有对应的 < / H TML > 标记, 它表示浏览器 H TML 文档结束。 语法格式: < H T ML > H TML 文件的所有内容 </ H T ML > 2 .1 .2 头部标记 H TML 文档的头部标记是 < head > , 它表示浏览器下面的内容是 H TML 文档的头 部,显示在文本之前, 而 </ head > 标记表示浏览器头部内容结束。 · 18 ·
语法格式 head> HTML文档的头部内容 < head 头部内容一般包括注释、META和标题。 2.13标题标记 <ttle>和</ title>标记中间所包含的文字将成为这个web页的标题,一般写在头 部标记之中。标题文字会显示在web浏览器最上面的 title(标题)栏上。浏览器用户可 以把标题加入收藏夹中,所以标题文字最好使用中文并且有明确的意义。 语法格式 < title>Web页面的标题</tle> 下面用一个例子来说明用HTML语言是如何编写web页面的,虽然有点麻烦,但能 帮助你弄清web页的真正面目。还要说明的是文件2-1.html是一个文本文件,可用任 何编辑器编写 [例21]头部标记和标题标记的使用(2-1html文件)。 < html head> < title>2-1这里显示的文字是:Web页标题</ title> 这里显示的是:Web页面头部标记中的文字 < head <l html> 打开记事本,将<htm>到</htm>之间的标记和文字进行输入,然后使用文本文 件格式,保存文件名为2-1html 在IE浏览器菜单[文件](File)的下拉菜单中选择[打开],通过选择,就可浏览到 2-1html编写的网页了,IE浏览器显示的结果如图21所示 321这星显示的文字是:b页标题- crosoft…回囟 文件)编园)查看收()工具①)帮助0g 收买 地址0)E:1mL12-1.htnl 转到 这里显示的是:Web页面头部标记中的文字 图21在浏览器中显示的例21结果 19
语法格式: < head > H TML 文档的头部内容 </ head > 头部内容一般包括注释、META 和标题。 2 .1 .3 标题标记 < title > 和 </ title > 标记中间所包含的文字将成为这个 Web 页的标题, 一般写在头 部标记之中。标题文字会显示在 Web 浏览器最上面的 title ( 标题 ) 栏上。浏览器用户可 以把标题加入收藏夹中,所以标题文字最好使用中文并且有明确的意义。 语法格式: < title > Web 页面的标题 < / title > 下面用一个例子来说明用 H TML 语言是如何编写 Web 页面的,虽然有点麻烦, 但能 帮助你弄清 Web 页的真正面目。还要说明的是文件 2-1 .html 是一个文本文件, 可用任 何编辑器编写。 [例 2 .1 ] 头部标记和标题标记的使用( 2-1 .html 文件)。 < html > < head > < title > 2-1 这里显示的文字是 : Web 页标题 < / title > 这里显示的是 : Web 页面头部标记中的文字 </ head > </ html > 打开记事本,将 < html > 到 </ html > 之间的标记和文字进行输入, 然后使用文本文 件格式,保存文件名为 2-1 .html。 在 IE 浏览器菜单 [ 文件 ] ( File ) 的下拉菜单中选择 [ 打开 ] , 通过选择, 就可浏览到 2-1 .html 编写的网页了, IE 浏览器显示的结果如图 2 .1 所示。 图 2 .1 在浏览器中显示的例 2 .1 结果 · 19 ·
2.14主体标记 <body>标记是web页面主体标记的开始,并对应结束符</body>。Web页面的 主要内容都出现在<body>和</boy>标记之间。文档中只能有一个body标记,而且 它只能跟在head标记后面。 语法格式 主体内容 [例22]HTML语言的主体标记(2-2htm1文件) head> title >2-2 </ title 这里显示的是Web页面头部标记中的文字 <l head> < body 这是使用HTML语言编写的web页面文件 < body> < htmI> 文件2-2html在IE浏览器里的显示结果如图22所示。 22-2- icrosoft Internet Explorer 文件)编g)查看Q收)工只①帮助0 启·国搜索收课买 地址)xmL2-2.htnl 转到 这里显示的是,Web页面头部标记中的文字这是使用HT置L 语言编写的Web页面文件 完毕 我的电筋 图22在浏览器中显示的例22结果 小结 从以上4个标记可以看到HTML语言的标记是对称使用的,开始为<标记>,结束 为</标记>,这一点在编写HTML文件时一定要牢记。不过,也有个别的标记是单独 出现的,以后会看到。可能还会注意到标记里的英文字母都是小写,其实大小写都可以 2.15设定Web页面背景 <body>标记还具有一些属性,可以设定Web页面的背景色,可使用图片/图像作为 背景,确定链接的颜色,设置文字的颜色等
2 .1 .4 主体标记 < body > 标记是 Web 页面主体标记的开始, 并对应结束符 </ body > 。Web 页面的 主要内容都出现在 < body > 和 </ body > 标记之间。文档中只能有一个 body 标记, 而且 它只能跟在 head 标记后面。 语法格式: < body > 主体内容 </ body > [例 2 .2 ] H TML 语言的主体标记( 2-2 .html 文件)。 < html > < head > < title > 2-2 < / title > 这里显示的是 Web 页面头部标记中的文字 </ head > < body > 这是使用 H TML 语言编写的 Web 页面文件 </ body > </ html > 文件 2-2 .html 在 IE 浏览器里的显示结果如图 2 .2 所示。 图 2 .2 在浏览器中显示的例 2 .2 结果 小结 从以上 4 个标记可以看到 H TML 语言的标记是对称使用的, 开始为 < 标记 > , 结束 为 </ 标记 > , 这一点在编写 H TML 文件时一定要牢记。不过, 也有个别的标记是单独 出现的,以后会看到。可能还会注意到标记里的英文字母都是小写, 其实大小写都可以。 2 .1 .5 设定 Web 页面背景 < body > 标记还具有一些属性,可以设定 Web 页面的背景色,可使用图片/ 图像作为 背景,确定链接的颜色, 设置文字的颜色等。 · 20 ·