【教学课件】第7章网络应用制作技术.ppt

第7章 网络应用制作技术,HTML网页的制作FrontPage的使用Dreamweaver的使用分布式库系统和客户服务体系数据库的开发和发布,7.1.1 HTML 简介,HTML（HyperText Markup Language，超文本链接标记语言），专门用来编写网页。HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML一种标记式的语言。在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。,7.1 HTML语言简介,7.1.2 HTML语言,标记的一般格式为：对象对象,1.HTML基本结构,HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。,HTML 入门 HTML 入门 第一章 HTML简介 1.1 HTML简介 HTML是英文HyperText Markup Language的缩写，中文译为“超文本链接标记语言”，它是一种计算机程序语言，用来编写Web网页。在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。,2.基本标记,一个HTML文件由标记开始，由结束。文件中所有文本和HTML标记都包含在HTML的起始和结束标记中。头部标记 在和中间的内容，是网页头部的标识。文件标题和,主体标记和是标记文件实际内容的开始和结束，称为主体部分。在元素中可以设置文件的背景色、背景图形等基本属性。标题HTML中通过标记设定标题。它允许有六个层次的标题：、。段落是HTML格式中特有的段落元素 预格式化文本标记 作用是按照文本的原样显示文本，不作改变。行中断标记 要想中断文本中的某一行，就可以使用标记。,3.超文本链接,设置超级链接的标记为和，属性HREF是必需的，HREF的值给出所链接的URL。如：跳转至另一文件 第一个文件。跳转至另一网址CERNET主页 跳转至另一段落（预先给要跳转到的目标位置命名如 Clinets）目标文字,4.多媒体信息编制,显示图形浏览器可以直接在文件上显示GIF、TIEF、JPG、RGB 或HDF等格式的图形。方法为：音频和视频在网页中允许加入音频文件,常见的音频文件的格式有AU、WAV、AIFF和SND。如：声音 影象,5.表格制作,表格由标记定义，每个表格开始是一个可选的标题（由CAPTION标记定义）。定义表格行用.标记，定义数据项用.标记，定义数据内容用.。这些标记可以具有一些属性。,课程名称 语文 数学 物理 化学 考试成绩 80 95 90 85,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 链接书签,Dreamweaver的使用,有很多站点为个人提供免费空间的服务，如：中网（http:/,7.2.5 网页的浏览,有很多站点为个人提供免费空间的服务，如：中网（http:/,7.3 Java语言初步,Java是由SUN公司开发的新一代编程语言，它具有平台无关性、安全性、稳固性和多线程等诸多特性，因而特别适合于Internet应用的开发。Java语言已成为网络时代最重要的面向对象程序设计语言。,7.3.1 Java语言的概述,1.Java语言的发展 2.Java语言的功能 3.Java语言的特点 面向对象的编程语言 操作平台无关性 安全性 多线程,7.3.2 Java程序的分类,Java程序分为Applet和Application两类,7.3.3 Java程序的基本语法,1.标识符 标识符以字符或“_”，“$”开头，后面可以包含数字，标识符是大小写有区别的，没有长度限制。2.关键词 abstractcontinuefornewswitchbooleandefaultgotonullsynchronizedbreakdoifpackagethisbytedoubleimplementsprivatethreadsafebyvalueelseimportprotectedthrowcaseextendsinstanceofpublictransientcatchfalseintreturntruecharfinalinterfaceshorttryclassfinallylongstaticvoidconstfloatnativesuperwhile castfuturegenericinneroperatorouterrestvar,3.数据类型,Java 使用四种基本类型：integer（整数），floating（浮点数），Boolean（布尔变量），Characteror String（字符或字符串）。4.表达式 Java 语言的表达式和C语言类似,7.3.4 Java 小应用程序示例,1.Java 开发工具 JDK 作为 JDK 实用程序，工具库中有七种主要程序。Javac：Java 编译器，将 Java 源代码转换成字节码。Java：Java 解释器，直接从类文件执行 Java 应用程序字节代码。appletviewer：小应用程序浏览器，Javadoc：根据 Java 源码及说明语句生成 HTML 文档。Jdb：Java 调试器，可以逐行执行程序，设置断点和检查变量。Javah：产生可以调用 Java 过程的 C 过程或建立能被 Java 程序调用的 C 过程的头文件。Javap：Java 反汇编器，显示编译类文件中的可访问功能和数据，并显示字节代码含义。,图7-7 显示了这些工具用来建立小应用程序的流程图,2.用 JDK 建立小应用程序,import java.awt.*;import java.applet.Applet;public class OutputHello extends Applet String s;public void init（）String temps;temps=getParameter(name);s=everyone;if(temps!=null)s=temps;public void paint(Graphics g)g.drawString(Hello+s，size().width/2，size().height/2);,Javac OutputHello.java-OutputHello.class文件-OutputHello.html文件 JavaApplet 有关的标识为：APPLET CODE=applet 文件名.class WIDTH=宽度 HEIGHT=高度 PARAM NAME=参数名 VALUE=值,本程序对应 HTML 文档如下：将文件存为 OutputHello.html。运行小应用程序appletviewer 则输入如下语句：appletviewer OutputHello.html,运行后结果如下图7-7所示。,图77 小APPLET 运行结果,图77 小APPLET 运行结果,7.4 VRML语言,VRML（Virtual Reality Modeling Language）是一种模型语言，用来描述一个目标对象是如何呈现在 Web 上的。VRML提供对三维世界及其内部基本对象的描述（包括球体、平面、圆锥、圆柱、立方体等）并同二维的页面链接起来。,7.4.1 VRML的定义和功能,VRML是描述虚拟环境中场景的一种标准。它定义了三维应用系统中常用的语言描述，如层次变换、光源、视点、几何、动画、雾、材料特性和纹理映射等，并具有简单的行为特征描述功能。,7.4.2 VRML 的特点,可编辑性 可重用性 可扩展性 多平台操作 性能 可伸缩性,图78 VRML的工作方式,7.4.3 VRML的结构规范和实现方法,1.VRML 2.0 规范介绍 坐标系统（Coordinate System）场景图形（Scene Graph）节点（node）字段（Fields）节点类型（Node type）颜色、纹理、材质及灯光 新的信息节点 场景效果（Scene effect）三维声音（3D sound）动画（Animation）场景动态、交互特性（事件、传感器、路由及响应动作）原型（Prototype）超文本连接的支持（HyperLink）,2.VRML例子及分析,要实现图7-9所示的例子，需要如下的程序：图79 VRML的一个例子,#VRML V1.0 ascii/*固定的VRML 1.0文件头 Separator PerspectiveCamera position0 40 300 orientation 0 0-1 0 focalDistance5 heightAngle.785#PerspectiveCamera DEF Cone1 Separator Translation translation-30 40 0#Translation Cone parts ALL bottomRadius 15 height 30#Cone#Cone1 Separator#Separator,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中，标记起什么作用？7.制作网页都有哪些方法可用？8.HTML的书写格式是什么？举例说明。9.网页设计的原则是什么？10.如何建立ODBC的数据源？,