第 7章 网络应用制作技术
HTML
网页的制作
FrontPage的使用
Dreamweaver的使用
分布式库系统和客户服务体系
数据库的开发和发布
7.1.1 HTML 简介
HTML（ HyperText Markup Language，超文本链接标记语言），专门用来编写网页。
HTML描述文件结构格式的方法是利用一些指令符号，
来标记表示出各种文件效果，再由浏览器来解读 HTML的指令符号，将文件格式效果展现出来,HTML一种 标记 式的语言。
在 HTML里，图形、声音必须用其它软件制作，再用
HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。
7.1 HTML语言简介
7.1.2 HTML语言
标记的一般格式为：
<ELEMENT>对象 </ELEMENT>
<ELEMENT 属性 =参数 >对象
</ELEMENT>,
<ELEMENT>
1.HTML基本结构
HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。
<html>
<head>
<title> HTML 入门 </title>
</head>
<body>
<h1>HTML 入门 </h1>
<h2>第一章 HTML简介 </h2>
<h3>1.1 HTML简介 </h3>
<pre>
HTML是英文 HyperText Markup Language的缩写，中文译为
“超文本链接标记语言”，它是一种计算机程序语言，用来编写 Web网页。
</pre>
<p>在 HTML里，图形、声音必须用其它软件制作,<p>
再用 HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读 <br>
这些原始文件，并在屏幕上展示其效果。 <br>
</body>
</html>
2.基本标记
一个 HTML文件由 <HTML>标记开始，由
</HTML>结束。文件中所有文本和 HTML标记都包含在 HTML的起始和结束标记中。
⑴ 头部标记在 <HEAD>和 </HEAD>中间的内容，是网页头部的标识。
⑵ 文件标题
<TITLE>和 </TITLE>
⑶ 主体标记
<BODY>和 </BODY>是标记文件实际内容的开始和结束，称为主体部分。在 <BODY>元素中可以设置文件的背景色、背景图形等基本属性。
⑷ 标题
HTML中通过 <Hn>…</Hn>标记设定标题。它允许有六个层次的标题,<H1>,<H2>,……。
⑸ 段落
<P>是 HTML格式中特有的段落元素
⑹ 预格式化文本标记
<PRE>…</PRE>作用是按照文本的原样显示文本，不作改变。
⑺ 行中断标记要想中断文本中的某一行，就可以使用 <Br>标记。
3.超文本链接
设置超级链接的标记为 <A>和 </A>，属性 HREF是必需的，
HREF的值给出所链接的 URL。如：
⑴ 跳转至另一文件
<A HREF=“first.html” >第一个文件 </A>。
⑵ 跳转至另一网址
<A HREF=“http://www.edu.cn”>CERNET主页 </A>
⑶ 跳转至另一段落（预先给要跳转到的目标位置命名如 <A NAME= "clients"> Clinets </A>）
<A HREF="#clients">目标文字 </A>
4.多媒体信息编制
⑴ 显示图形浏览器可以直接在文件上显示 GIF,TIEF、
JPG,RGB 或 HDF等格式的图形。方法为：
<IMG SRC="filename">
⑵ 音频和视频在网页中允许加入音频文件,常见的音频文件的格式有 AU,WAV,AIFF和 SND。如：
<A HREF=“olivier_h.au”>声音 </A>
<A HREF=“test.mpeg”>影象 </A>
5.表格制作
表格由 <TABLE>标记定义,每个表格开始是一个可选的标题
（由 CAPTION标记定义）。
定义表格行用 <TR>..,</TR>标记，定义数据项用
<TH>...</TH>标记，定义数据内容用 <TD>..,</TD标记 >。
这些标记可以具有一些属性。
<table border=2>
<tr> <th>课程名称 </th>
<td>语文 </td>
<td>数学 </td>
<td>物理 </td>
<td>化学 </td>
</tr>
<tr> <th>考试成绩 </th>
<td>80</td>
<td>95</td>
<td>90</td>
<td>85</td>
</tr>
</table>
7.2.1 网页设计的原则
⑴ 符合用户的需求，满足用户的需求是最优先的考虑；
⑵ 有效地使用资源，网页功能的目标是高效地操作，方便的使用，轻松的维护；
⑶ 生成一个一致的、令人愉快的、有效的网页外观和感观；
⑷ 在制作网页之前，应该明确制作的目的、需完成的任务，以及要达到的要求。应尽可能地收集素材，并将这些内容做成书面材料，以免制作时遗漏某些材料；
⑸ 网页设计要有自己的风格，通常应伴有一定的标志；
⑹ 网页的页面不必太花俏；
⑺ 网页的制作要考虑浏览时的不同情况。尽量地使其通用，
或者最好有一些提示信息，以免影响浏览效果。
7.2 Web页面设计
7.2.2 网页设计的方法
直接利用 HTML语言所定义的标记及其属性来编写网页。用,htm或,html作为保存文件的扩展名。
网页制作工具软件制作网页
制作网页的工具非常多，有专门制作网页的软件，
如 DreamWeaver,FrontPage等；
7.2.3 Microsoft FrontPage的使用
使用 FrontPage 98前先要进行安装，安装方法同 Windows 98下其他软件一样。运行
FrontPage 98后，出现一个,Getting Started”
对话框，如果要进入编辑环境单击,Cancel”
按钮，然后单击工具栏中“”按钮，与 Word
界面十分相似。
在窗口底部左侧有三个视图按钮，
,Normal”视图就是正常的编辑环境；
,HTML”按钮，可以看到自动生成的 HTML
语句，可以修改 HTML源文件；
,Preview”按钮可预览网页效果。
FrontPage 2000界面
1.文本编写
2.添加多媒体信息
⑴ 设置背景及字体颜色
⑵ 背景声音
⑶ 图象
3.置超级链接
⑴ 链接一个 HTML文件
⑵ 链接 URL
⑶ 链接书签
7.2.4 Dreamweaver的使用
有很多站点为个人提供免费空间的服务，
如：
中网（ http://www.netchina.com.cn/）、
东方网景（ http://www3.east.cn.net）、
网易（ http://www.nease.net）
7.2.5 网页的浏览
有很多站点为个人提供免费空间的服务，
如：
中网（ http://www.netchina.com.cn/）、
东方网景（ http://www3.east.cn.net）、
网易（ http://www.nease.net）
7.5 分布式数据库系统和客户服务体系
7.5.1 分布式数据库的定义
7.5.2 客户服务系统
7.5.3 WEB数据库的开发和发布
7.5.4 通过 ODBC联接数据库
ODBC（ Open Database Connectivity）是由微软公司提出的一个用于访问数据库的统一界面标准，
在使用 ODBC访问数据库之前，必须建立 ODBC数据源。可使用
ODBC数据源管理器建立数据源，在控制面板中的 ODBC图标表示 ODBC数据源管理器,
1.初始化 ODBC
Dim rc As Integer?ODBC函数的返回码
Dim henv As Long?ODBC环境句柄
rc = SQLAllocEnv（ henv） ‘获取 ODBC环境句柄
2.与 ODBC数据源建立连接
Dim hdbc As Long?连接句柄
rc = SQLAllocConnect（ henv,hdbc） ‘获取连接句柄
Dim DSN As String,UID As String,PWD As String
DSN =,DataSourceName”?ODBC数据源名称
UID =,UserID”?用户帐号
PWD =,Password”?用户口令
rc = SQLConnect（ hdbc,DSN,Len（ DSN）,UID,Len
（ UID）,PWD,Len（ PWD）） ‘建立连接
3.存取数据
⑴ 调用 SQLAllocStmt函数获取语句句柄。例如：
Dim hstmt As Long
rc = SQLAllocStmt（ hdbc,hstmt）
⑵ 执行 SQL语句。执行 SQL语句的方法比较多，
最简单明了的方法是调用 SQLAllocStmt函数，
例如：
Dim SQLstmt As String
SQLstmt = "SELECT * FROM authors"
rc = SQLExecDirect（ hstmt,SQLstmt,Len
（ SQLstmt））
4.检索结果集
Dim ColVal As String * 225
ColVal = String（ 255,0）
Do Until SQLFetch（ hstmt） = SQL_NO_DATA_FOUND
rc = SQLGetData（ hstmt,i,SQL_C_CHAR,ColVal,Len
（ ColVal）,SQL_NULL_DATA）
Loop
5.结束应用程序
⑴ 调用 SQLFreeStmt 函数释放语句句柄及其相关的系统资源。
rc = SQLFreeStmt（ hstmt,SQL_DROP）
⑵ 调用 SQLDisconnect 函数关闭连接。
rc = SQLDisconnect（ hdbc）
⑶ 调用 SQLFreeConnect 函数释放连接句柄及其相关的系统资源。
rc = SQLFreeConnect（ hdbc）
⑷ 调用 SQLFreeEnv 函数释放环境句柄及其相关的系统资源，停止 ODBC操作。
rc = SQLFreeEnv（ henv）
习题六
一、名词解释
1,HTML。
2,VRML。
3,分布式数据库。
二、填空题
1,HTML文件包括＿＿＿＿＿和＿＿＿＿＿＿＿＿＿＿
＿＿＿＿＿＿＿＿＿。
2,网页中的表格由＿＿、＿＿、＿＿和＿＿组成。
3,链接文件包括＿＿＿＿＿＿＿＿＿＿＿＿和＿＿＿
＿＿＿＿＿＿＿＿＿＿＿。
4,JAVA语言的特点是,_______,______,______、
_______。
5,JAVA 使用四种基本数据类型是,_______,______、
______,_______。
6,Web服务器端提供的用来连接 Web服务器和数据库服务器的中间件主要有 ______,_______。
三、问答题
1,HTML与 DHTML关系及区别？
2,简述 VRML的工作方式及功能。
3,链接文件包括什么？
4,HTML文件的组成包括哪些部分？
5,网页中的表格由哪几部分组成。
6,在 HTML中,<META>标记起什么作用？
7,制作网页都有哪些方法可用？
8,HTML的书写格式是什么？举例说明。
9,网页设计的原则是什么？
10,如何建立 ODBC的数据源？
HTML
网页的制作
FrontPage的使用
Dreamweaver的使用
分布式库系统和客户服务体系
数据库的开发和发布
7.1.1 HTML 简介
HTML（ HyperText Markup Language，超文本链接标记语言），专门用来编写网页。
HTML描述文件结构格式的方法是利用一些指令符号，
来标记表示出各种文件效果，再由浏览器来解读 HTML的指令符号，将文件格式效果展现出来,HTML一种 标记 式的语言。
在 HTML里，图形、声音必须用其它软件制作，再用
HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。
7.1 HTML语言简介
7.1.2 HTML语言
标记的一般格式为：
<ELEMENT>对象 </ELEMENT>
<ELEMENT 属性 =参数 >对象
</ELEMENT>,
<ELEMENT>
1.HTML基本结构
HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。
<html>
<head>
<title> HTML 入门 </title>
</head>
<body>
<h1>HTML 入门 </h1>
<h2>第一章 HTML简介 </h2>
<h3>1.1 HTML简介 </h3>
<pre>
HTML是英文 HyperText Markup Language的缩写，中文译为
“超文本链接标记语言”，它是一种计算机程序语言，用来编写 Web网页。
</pre>
<p>在 HTML里，图形、声音必须用其它软件制作,<p>
再用 HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读 <br>
这些原始文件，并在屏幕上展示其效果。 <br>
</body>
</html>
2.基本标记
一个 HTML文件由 <HTML>标记开始，由
</HTML>结束。文件中所有文本和 HTML标记都包含在 HTML的起始和结束标记中。
⑴ 头部标记在 <HEAD>和 </HEAD>中间的内容，是网页头部的标识。
⑵ 文件标题
<TITLE>和 </TITLE>
⑶ 主体标记
<BODY>和 </BODY>是标记文件实际内容的开始和结束，称为主体部分。在 <BODY>元素中可以设置文件的背景色、背景图形等基本属性。
⑷ 标题
HTML中通过 <Hn>…</Hn>标记设定标题。它允许有六个层次的标题,<H1>,<H2>,……。
⑸ 段落
<P>是 HTML格式中特有的段落元素
⑹ 预格式化文本标记
<PRE>…</PRE>作用是按照文本的原样显示文本，不作改变。
⑺ 行中断标记要想中断文本中的某一行，就可以使用 <Br>标记。
3.超文本链接
设置超级链接的标记为 <A>和 </A>，属性 HREF是必需的，
HREF的值给出所链接的 URL。如：
⑴ 跳转至另一文件
<A HREF=“first.html” >第一个文件 </A>。
⑵ 跳转至另一网址
<A HREF=“http://www.edu.cn”>CERNET主页 </A>
⑶ 跳转至另一段落（预先给要跳转到的目标位置命名如 <A NAME= "clients"> Clinets </A>）
<A HREF="#clients">目标文字 </A>
4.多媒体信息编制
⑴ 显示图形浏览器可以直接在文件上显示 GIF,TIEF、
JPG,RGB 或 HDF等格式的图形。方法为：
<IMG SRC="filename">
⑵ 音频和视频在网页中允许加入音频文件,常见的音频文件的格式有 AU,WAV,AIFF和 SND。如：
<A HREF=“olivier_h.au”>声音 </A>
<A HREF=“test.mpeg”>影象 </A>
5.表格制作
表格由 <TABLE>标记定义,每个表格开始是一个可选的标题
（由 CAPTION标记定义）。
定义表格行用 <TR>..,</TR>标记，定义数据项用
<TH>...</TH>标记，定义数据内容用 <TD>..,</TD标记 >。
这些标记可以具有一些属性。
<table border=2>
<tr> <th>课程名称 </th>
<td>语文 </td>
<td>数学 </td>
<td>物理 </td>
<td>化学 </td>
</tr>
<tr> <th>考试成绩 </th>
<td>80</td>
<td>95</td>
<td>90</td>
<td>85</td>
</tr>
</table>
7.2.1 网页设计的原则
⑴ 符合用户的需求，满足用户的需求是最优先的考虑；
⑵ 有效地使用资源，网页功能的目标是高效地操作，方便的使用，轻松的维护；
⑶ 生成一个一致的、令人愉快的、有效的网页外观和感观；
⑷ 在制作网页之前，应该明确制作的目的、需完成的任务，以及要达到的要求。应尽可能地收集素材，并将这些内容做成书面材料，以免制作时遗漏某些材料；
⑸ 网页设计要有自己的风格，通常应伴有一定的标志；
⑹ 网页的页面不必太花俏；
⑺ 网页的制作要考虑浏览时的不同情况。尽量地使其通用，
或者最好有一些提示信息，以免影响浏览效果。
7.2 Web页面设计
7.2.2 网页设计的方法
直接利用 HTML语言所定义的标记及其属性来编写网页。用,htm或,html作为保存文件的扩展名。
网页制作工具软件制作网页
制作网页的工具非常多，有专门制作网页的软件，
如 DreamWeaver,FrontPage等；
7.2.3 Microsoft FrontPage的使用
使用 FrontPage 98前先要进行安装，安装方法同 Windows 98下其他软件一样。运行
FrontPage 98后，出现一个,Getting Started”
对话框，如果要进入编辑环境单击,Cancel”
按钮，然后单击工具栏中“”按钮，与 Word
界面十分相似。
在窗口底部左侧有三个视图按钮，
,Normal”视图就是正常的编辑环境；
,HTML”按钮，可以看到自动生成的 HTML
语句，可以修改 HTML源文件；
,Preview”按钮可预览网页效果。
FrontPage 2000界面
1.文本编写
2.添加多媒体信息
⑴ 设置背景及字体颜色
⑵ 背景声音
⑶ 图象
3.置超级链接
⑴ 链接一个 HTML文件
⑵ 链接 URL
⑶ 链接书签
7.2.4 Dreamweaver的使用
有很多站点为个人提供免费空间的服务，
如：
中网（ http://www.netchina.com.cn/）、
东方网景（ http://www3.east.cn.net）、
网易（ http://www.nease.net）
7.2.5 网页的浏览
有很多站点为个人提供免费空间的服务，
如：
中网（ http://www.netchina.com.cn/）、
东方网景（ http://www3.east.cn.net）、
网易（ http://www.nease.net）
7.5 分布式数据库系统和客户服务体系
7.5.1 分布式数据库的定义
7.5.2 客户服务系统
7.5.3 WEB数据库的开发和发布
7.5.4 通过 ODBC联接数据库
ODBC（ Open Database Connectivity）是由微软公司提出的一个用于访问数据库的统一界面标准，
在使用 ODBC访问数据库之前，必须建立 ODBC数据源。可使用
ODBC数据源管理器建立数据源，在控制面板中的 ODBC图标表示 ODBC数据源管理器,
1.初始化 ODBC
Dim rc As Integer?ODBC函数的返回码
Dim henv As Long?ODBC环境句柄
rc = SQLAllocEnv（ henv） ‘获取 ODBC环境句柄
2.与 ODBC数据源建立连接
Dim hdbc As Long?连接句柄
rc = SQLAllocConnect（ henv,hdbc） ‘获取连接句柄
Dim DSN As String,UID As String,PWD As String
DSN =,DataSourceName”?ODBC数据源名称
UID =,UserID”?用户帐号
PWD =,Password”?用户口令
rc = SQLConnect（ hdbc,DSN,Len（ DSN）,UID,Len
（ UID）,PWD,Len（ PWD）） ‘建立连接
3.存取数据
⑴ 调用 SQLAllocStmt函数获取语句句柄。例如：
Dim hstmt As Long
rc = SQLAllocStmt（ hdbc,hstmt）
⑵ 执行 SQL语句。执行 SQL语句的方法比较多，
最简单明了的方法是调用 SQLAllocStmt函数，
例如：
Dim SQLstmt As String
SQLstmt = "SELECT * FROM authors"
rc = SQLExecDirect（ hstmt,SQLstmt,Len
（ SQLstmt））
4.检索结果集
Dim ColVal As String * 225
ColVal = String（ 255,0）
Do Until SQLFetch（ hstmt） = SQL_NO_DATA_FOUND
rc = SQLGetData（ hstmt,i,SQL_C_CHAR,ColVal,Len
（ ColVal）,SQL_NULL_DATA）
Loop
5.结束应用程序
⑴ 调用 SQLFreeStmt 函数释放语句句柄及其相关的系统资源。
rc = SQLFreeStmt（ hstmt,SQL_DROP）
⑵ 调用 SQLDisconnect 函数关闭连接。
rc = SQLDisconnect（ hdbc）
⑶ 调用 SQLFreeConnect 函数释放连接句柄及其相关的系统资源。
rc = SQLFreeConnect（ hdbc）
⑷ 调用 SQLFreeEnv 函数释放环境句柄及其相关的系统资源，停止 ODBC操作。
rc = SQLFreeEnv（ henv）
习题六
一、名词解释
1,HTML。
2,VRML。
3,分布式数据库。
二、填空题
1,HTML文件包括＿＿＿＿＿和＿＿＿＿＿＿＿＿＿＿
＿＿＿＿＿＿＿＿＿。
2,网页中的表格由＿＿、＿＿、＿＿和＿＿组成。
3,链接文件包括＿＿＿＿＿＿＿＿＿＿＿＿和＿＿＿
＿＿＿＿＿＿＿＿＿＿＿。
4,JAVA语言的特点是,_______,______,______、
_______。
5,JAVA 使用四种基本数据类型是,_______,______、
______,_______。
6,Web服务器端提供的用来连接 Web服务器和数据库服务器的中间件主要有 ______,_______。
三、问答题
1,HTML与 DHTML关系及区别？
2,简述 VRML的工作方式及功能。
3,链接文件包括什么？
4,HTML文件的组成包括哪些部分？
5,网页中的表格由哪几部分组成。
6,在 HTML中,<META>标记起什么作用？
7,制作网页都有哪些方法可用？
8,HTML的书写格式是什么？举例说明。
9,网页设计的原则是什么？
10,如何建立 ODBC的数据源？
