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