《教学课件第7章网络应用制作技术》由会员分享,可在线阅读,更多相关《教学课件第7章网络应用制作技术(47页珍藏版)》请在金锄头文库上搜索。
1、第7章 网络应用制作技术vv HTMLvv网页的制作FrontPageFrontPage的使用的使用DreamweaverDreamweaver的的使用使用vv分布式库系统和客户服务体系数据库的开发和发布数据库的开发和发布7.1.1 HTML 简介vv HTML HTML HTML HTML(HyperText Markup LanguageHyperText Markup LanguageHyperText Markup LanguageHyperText Markup Language,超文本链接标记语,超文本链接标记语,超文本链接标记语,超文本链接标记语言),专门用来编写网页。言),专门
2、用来编写网页。言),专门用来编写网页。言),专门用来编写网页。vv HTML HTML HTML HTML描述文件结构格式的方法是利用一些指令符号,描述文件结构格式的方法是利用一些指令符号,描述文件结构格式的方法是利用一些指令符号,描述文件结构格式的方法是利用一些指令符号,来标记表示出各种文件效果,再由浏览器来解读来标记表示出各种文件效果,再由浏览器来解读来标记表示出各种文件效果,再由浏览器来解读来标记表示出各种文件效果,再由浏览器来解读HTMLHTMLHTMLHTML的的的的指令符号,将文件格式效果展现出来,指令符号,将文件格式效果展现出来,指令符号,将文件格式效果展现出来,指令符号,将文件
3、格式效果展现出来,HTMLHTMLHTMLHTML一种一种一种一种标记标记标记标记式式式式的语言。的语言。的语言。的语言。vv 在在在在HTMLHTMLHTMLHTML里,图形、声音必须用其它软件制作,再用里,图形、声音必须用其它软件制作,再用里,图形、声音必须用其它软件制作,再用里,图形、声音必须用其它软件制作,再用HTMLHTMLHTMLHTML的标记编排在网页的原始文件里,然后浏览器才能的标记编排在网页的原始文件里,然后浏览器才能的标记编排在网页的原始文件里,然后浏览器才能的标记编排在网页的原始文件里,然后浏览器才能编译解读这些原始文件,并在屏幕上展示其效果。编译解读这些原始文件,并在屏
4、幕上展示其效果。编译解读这些原始文件,并在屏幕上展示其效果。编译解读这些原始文件,并在屏幕上展示其效果。7.1 HTML语言简介7.1.2 HTML语言vv标记的一般格式为:标记的一般格式为:对象对象对象对象, 1.HTML基本结构vv HTML文件是层次结构文件,它分为文件头和文件体两部分。文件头包含与文件有关的信息,文件体包含全部正文信息。vv HTML HTML 入门入门 HTML HTML 入门入门 第一章第一章 HTML HTML简介简介 1.1 HTML 1.1 HTML简介简介 HTML HTML是英文是英文HyperText Markup LanguageHyperText M
5、arkup Language的缩写,中文译为的缩写,中文译为“ “超文本链接标记语言超文本链接标记语言” ”,它是一种计算机程序语言,用来编写,它是一种计算机程序语言,用来编写WebWeb网页。网页。 在在HTMLHTML里,图形、声音必须用其它软件制作,里,图形、声音必须用其它软件制作, 再用再用HTMLHTML的标记编排在网页的原始文件里,然后浏览器才能的标记编排在网页的原始文件里,然后浏览器才能编译解读编译解读这些原始文件,并在屏幕上展示其效果。这些原始文件,并在屏幕上展示其效果。 2.基本标记vv 一个HTML文件由标记开始,由结束。文件中所有文本和HTML标记都包含在HTML的起始和
6、结束标记中。 头部标记 在和中间的内容,是网页头部的标识。 文件标题和vv 主体标记主体标记和和是标记文件实际内容的开始和结束,称为是标记文件实际内容的开始和结束,称为主体部分。在主体部分。在元素中可以设置文件的背景色、背景图形等元素中可以设置文件的背景色、背景图形等基本属性。基本属性。 标题标题HTMLHTML中通过中通过标记设定标题。它允许有六个层次的标记设定标题。它允许有六个层次的标题:标题:、。 段落段落是是HTMLHTML格式中特有的段落元素格式中特有的段落元素 预格式化文本标记预格式化文本标记 作用是按照文本的原样显示文本,不作改变。作用是按照文本的原样显示文本,不作改变。 行中断
7、标记行中断标记 要想中断文本中的某一行,就可以使用要想中断文本中的某一行,就可以使用标记。标记。 3.超文本链接vv 设置超级链接的标记为设置超级链接的标记为和和,属性,属性HREFHREF是必需的,是必需的,HREFHREF的值给出所链接的的值给出所链接的URLURL。如:。如: 跳转至另一文件跳转至另一文件 第一个文件第一个文件。 跳转至另一网址跳转至另一网址CERNETCERNET主页主页 跳转至另一段落(预先给要跳转到的目标位置命名跳转至另一段落(预先给要跳转到的目标位置命名如如 Clinets Clinets )目标文字目标文字 4.多媒体信息编制 vv 显示图形显示图形浏览器可以直
8、接在文件上显示浏览器可以直接在文件上显示GIFGIF、TIEFTIEF、JPGJPG、RGB RGB 或或HDFHDF等格式的图形。方法为:等格式的图形。方法为: vv 音频和视频音频和视频在网页中允许加入音频文件在网页中允许加入音频文件, , 常见的音频文常见的音频文件的格式有件的格式有AUAU、WAVWAV、AIFFAIFF和和SNDSND。如:。如: 声音声音 影象影象 5.表格制作vv 表格由表格由标记定义,标记定义,每个表格开始是一个可选的标题每个表格开始是一个可选的标题(由(由CAPTIONCAPTION标记定义)。标记定义)。定义表格行用定义表格行用. . 标记,定义数据项用标记
9、,定义数据项用.标记,定义数据内容用标记,定义数据内容用. /TD. 。这些标记可以具有一些属性。这些标记可以具有一些属性。vv 课程名称课程名称 语文语文 数学数学 物理物理 化学化学 考试成绩考试成绩 80 80 95 95 90 90 85 85 7.2.1 网页设计的原则vv 符合用户的需求,满足用户的需求是最优先的考虑;符合用户的需求,满足用户的需求是最优先的考虑;符合用户的需求,满足用户的需求是最优先的考虑;符合用户的需求,满足用户的需求是最优先的考虑; 有效地使用资源,网页功能的目标是高效地操作,方有效地使用资源,网页功能的目标是高效地操作,方有效地使用资源,网页功能的目标是高效
10、地操作,方有效地使用资源,网页功能的目标是高效地操作,方便的使用,轻松的维护;便的使用,轻松的维护;便的使用,轻松的维护;便的使用,轻松的维护; 生成一个一致的、令人愉快的、有效的网页外观和感生成一个一致的、令人愉快的、有效的网页外观和感生成一个一致的、令人愉快的、有效的网页外观和感生成一个一致的、令人愉快的、有效的网页外观和感观;观;观;观; 在制作网页之前,应该明确制作的目的、需完成的任在制作网页之前,应该明确制作的目的、需完成的任在制作网页之前,应该明确制作的目的、需完成的任在制作网页之前,应该明确制作的目的、需完成的任务,以及要达到的要求。应尽可能地收集素材,并将这些内务,以及要达到的
11、要求。应尽可能地收集素材,并将这些内务,以及要达到的要求。应尽可能地收集素材,并将这些内务,以及要达到的要求。应尽可能地收集素材,并将这些内容做成书面材料,以免制作时遗漏某些材料;容做成书面材料,以免制作时遗漏某些材料;容做成书面材料,以免制作时遗漏某些材料;容做成书面材料,以免制作时遗漏某些材料; 网页设计要有自己的风格,通常应伴有一定的标志;网页设计要有自己的风格,通常应伴有一定的标志;网页设计要有自己的风格,通常应伴有一定的标志;网页设计要有自己的风格,通常应伴有一定的标志; 网页的页面不必太花俏;网页的页面不必太花俏;网页的页面不必太花俏;网页的页面不必太花俏; 网页的制作要考虑浏览时
12、的不同情况。尽量地使其通用,网页的制作要考虑浏览时的不同情况。尽量地使其通用,网页的制作要考虑浏览时的不同情况。尽量地使其通用,网页的制作要考虑浏览时的不同情况。尽量地使其通用,或者最好有一些提示信息,以免影响浏览效果。或者最好有一些提示信息,以免影响浏览效果。或者最好有一些提示信息,以免影响浏览效果。或者最好有一些提示信息,以免影响浏览效果。7.2 Web页面设计7.2.2 网页设计的方法vv直接利用直接利用HTMLHTML语言所定义的标记及其属性来编语言所定义的标记及其属性来编写网页。用写网页。用.htm.htm或或或或.html.html作为保存文件的扩展作为保存文件的扩展名。名。vv网
13、页制作工具软件制作网页网页制作工具软件制作网页 制作网页的工具非常多,有专门制作网页的软件,制作网页的工具非常多,有专门制作网页的软件,如如DreamWeaverDreamWeaver、FrontPageFrontPage等;等;7.2.3 Microsoft FrontPage的使用vv使用FrontPage 98前先要进行安装,安装方法同Windows 98下其他软件一样。运行FrontPage 98后,出现一个“Getting Started”对话框,如果要进入编辑环境单击“Cancel”按钮,然后单击工具栏中“”按钮,与Word界面十分相似。vv在窗口底部左侧有三个视图按钮,“Norm
14、al”视图就是正常的编辑环境;“HTML”按钮,可以看到自动生成的HTML语句,可以修改HTML源文件;“Preview”按钮可预览网页效果。FrontPage 2000界面 1.文本编写2.添加多媒体信息 设置背设置背景及字体景及字体颜色颜色背景声音背景声音图象图象 3.置超级链接 链接一个链接一个HTMLHTML文件文件 链接链接URLURL 链接书签链接书签 Dreamweaver的使用vv有很多站点为个人提供免费空间的服务,vv如:中网(http:/ 网页的浏览vv有很多站点为个人提供免费空间的服务,vv如:中网(http:/ 分布式数据库系统和客户服务体系vv7.5.1 分布式数据库
15、的定义7.5.2 客户服务系统7.5.3 WEB数据库的开发和发布7.5.4 通过ODBC联接数据库 ODBCODBC(Open Database ConnectivityOpen Database Connectivity)是由微软公司提出的一个)是由微软公司提出的一个用于访问数据库的统一界面标准,用于访问数据库的统一界面标准, 在使用在使用ODBCODBC访问数据库之前,必须建立访问数据库之前,必须建立ODBCODBC数据源。可使用数据源。可使用ODBCODBC数据源管理器建立数据源,在控制面板中的数据源管理器建立数据源,在控制面板中的ODBCODBC图标表图标表示示ODBCODBC数据源
16、管理器数据源管理器. . 1. 1.初始化初始化ODBCODBCvv Dim rc As Integer ODBCDim rc As Integer ODBC函数的返回码函数的返回码 Dim henv As Long ODBC Dim henv As Long ODBC环境句柄环境句柄 rc = SQLAllocEnv rc = SQLAllocEnv(henvhenv) 获取获取ODBCODBC环境句柄环境句柄 2.与ODBC数据源建立连接 Dim hdbc As Long Dim hdbc As Long 连接句柄连接句柄 rc = SQLAllocConnect rc = SQLAllo
17、cConnect(henv, hdbchenv, hdbc) 获取连接句柄获取连接句柄 Dim DSN As String, UID As String, PWD As String Dim DSN As String, UID As String, PWD As String DSN = “DataSourceName” ODBC DSN = “DataSourceName” ODBC数据源名称数据源名称 UID = “UserID” UID = “UserID” 用户帐号用户帐号 PWD = “Password” PWD = “Password” 用户口令用户口令 rc = SQLConn
18、ect rc = SQLConnect(hdbc, DSN, Lenhdbc, DSN, Len(DSNDSN), UID, , UID, LenLen(UIDUID), PWD, Len, PWD, Len(PWDPWD) 建立连接建立连接 3.存取数据vv 调用调用SQLAllocStmtSQLAllocStmt函数获取语句句柄。例如:函数获取语句句柄。例如: Dim hstmt As LongDim hstmt As Long rc = SQLAllocStmt rc = SQLAllocStmt(hdbchdbc, hstmt hstmt)vv 执行执行SQLSQL语句。执行语句。执行
19、SQLSQL语句的方法比较多,语句的方法比较多,最简单明了的方法是调用最简单明了的方法是调用SQLAllocStmtSQLAllocStmt函数,函数,例如:例如: Dim SQLstmt As StringDim SQLstmt As String SQLstmt = SELECT * FROM authors SQLstmt = SELECT * FROM authors rc = SQLExecDirect rc = SQLExecDirect(hstmt, SQLstmt, hstmt, SQLstmt, LenLen(SQLstmtSQLstmt) 4.检索结果集vv Dim Col
20、Val As String * 225Dim ColVal As String * 225 ColVal = String ColVal = String(255, 0255, 0) Do Until SQLFetch Do Until SQLFetch(hstmthstmt) = SQL_NO_DATA_FOUND = SQL_NO_DATA_FOUND rc = SQLGetData rc = SQLGetData(hstmt, i, SQL_C_CHAR, ColVal, hstmt, i, SQL_C_CHAR, ColVal, LenLen(ColValColVal), SQL_NU
21、LL_DATA, SQL_NULL_DATA) Loop Loop 5.结束应用程序vv 调用调用SQLFreeStmt SQLFreeStmt 函数释放语句句柄及其相函数释放语句句柄及其相关的系统资源。关的系统资源。 rc = SQLFreeStmtrc = SQLFreeStmt(hstmt, SQL_DROPhstmt, SQL_DROP)vv 调用调用SQLDisconnect SQLDisconnect 函数关闭连接。函数关闭连接。 rc = SQLDisconnect rc = SQLDisconnect(hdbchdbc)vv 调用调用SQLFreeConnect SQLFree
22、Connect 函数释放连接句柄及其函数释放连接句柄及其相关的系统资源。相关的系统资源。 rc = SQLFreeConnect rc = SQLFreeConnect(hdbchdbc)vv 调用调用SQLFreeEnv SQLFreeEnv 函数释放环境句柄及其相函数释放环境句柄及其相关的系统资源,停止关的系统资源,停止ODBCODBC操作。操作。 rc = SQLFreeEnvrc = SQLFreeEnv(henvhenv) 习题六vv一、名词解释 1. HTML。 2. VRML。 3. 分布式数据库。vv二、填空题二、填空题 1. HTML1. HTML1. HTML1. HTML
23、文件包括和文件包括和文件包括和文件包括和。 2. 2. 2. 2. 网页中的表格由、和组成。网页中的表格由、和组成。网页中的表格由、和组成。网页中的表格由、和组成。 3. 3. 3. 3. 链接文件包括和链接文件包括和链接文件包括和链接文件包括和。 4. JAVA 4. JAVA 4. JAVA 4. JAVA语言的特点是语言的特点是语言的特点是语言的特点是:_、_、_、_。vv 5 5 5 5. . . . JAVA JAVA JAVA JAVA 使用四种基本数据类型是:使用四种基本数据类型是:使用四种基本数据类型是:使用四种基本数据类型是:_、_、_、_。 6 6 6 6. . . . W
24、ebWebWebWeb服务器端提供的用来连接服务器端提供的用来连接服务器端提供的用来连接服务器端提供的用来连接WebWebWebWeb服务器和数据库服服务器和数据库服服务器和数据库服服务器和数据库服务器的中间件主要有务器的中间件主要有务器的中间件主要有务器的中间件主要有_、_。vv三、问答题三、问答题 1. HTML 1. HTML与与DHTMLDHTML关系及区别?关系及区别? 2. 2. 简述简述VRMLVRML的工作方式及功能。的工作方式及功能。 3. 3. 链接文件包括什么?链接文件包括什么? 4. HTML 4. HTML文件的组成包括哪些部分?文件的组成包括哪些部分? 5. 5. 网页中的表格由哪几部分组成。网页中的表格由哪几部分组成。 6. 6. 在在HTMLHTML中,中,标记起什么作用?标记起什么作用? 7. 7. 制作网页都有哪些方法可用?制作网页都有哪些方法可用? 8. HTML 8. HTML的书写格式是什么?举例说明。的书写格式是什么?举例说明。 9. 9. 网页设计的原则是什么?网页设计的原则是什么? 10. 10. 如何建立如何建立ODBCODBC的数据源?的数据源?