第6章 网络应用制作技术 HTML 网页的制作 Java语言的初步.ppt

《第6章 网络应用制作技术 HTML 网页的制作 Java语言的初步.ppt》由会员分享，可在线阅读，更多相关《第6章 网络应用制作技术 HTML 网页的制作 Java语言的初步.ppt（47页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第7章 网络应用制作技术,HTML网页的制作FrontPage的使用Dreamweaver的使用分布式库系统和客户服务体系数据库的开发和发布,7.1.1 HTML 简介,HTML（HyperText Markup Language，超文本链接标记语言），专门用来编写网页。 HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML一种标记式的语言。 在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。,7.1 HTML

2、语言简介,7.1.2 HTML语言,标记的一般格式为：对象对象,1.HTML基本结构,HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。, HTML 入门 HTML 入门 第一章 HTML简介 1.1 HTML简介 HTML是英文HyperText Markup Language的缩写，中文译为“超文本链接标记语言”，它是一种计算机程序语言，用来编写Web网页。 在HTML里，图形、声音必须用其它软件制作， 再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。 ,2.基本标记,一个HTML

3、文件由标记开始，由结束。文件中所有文本和HTML标记都包含在HTML的起始和结束标记中。 头部标记 在和中间的内容，是网页头部的标识。 文件标题和, 主体标记和是标记文件实际内容的开始和结束，称为主体部分。在元素中可以设置文件的背景色、背景图形等基本属性。 标题HTML中通过标记设定标题。它允许有六个层次的标题：、。 段落是HTML格式中特有的段落元素 预格式化文本标记 作用是按照文本的原样显示文本，不作改变。 行中断标记 要想中断文本中的某一行，就可以使用标记。,3.超文本链接,设置超级链接的标记为和，属性HREF是必需的，HREF的值给出所链接的URL。如： 跳转至另一文件 第一个文件。

4、跳转至另一网址CERNET主页 跳转至另一段落（预先给要跳转到的目标位置命名如 Clinets ）目标文字,4.多媒体信息编制, 显示图形浏览器可以直接在文件上显示GIF、TIEF、JPG、RGB 或HDF等格式的图形。方法为： 音频和视频在网页中允许加入音频文件, 常见的音频文件的格式有AU、WAV、AIFF和SND。如： 声音 影象,5.表格制作,表格由标记定义，每个表格开始是一个可选的标题（由CAPTION标记定义）。定义表格行用. 标记，定义数据项用.标记，定义数据内容用. 。这些标记可以具有一些属性。, 课程名称 语文 数学 物理 化学 考试成绩 80 95 90 85 ,7.2.1

5、 网页设计的原则, 符合用户的需求，满足用户的需求是最优先的考虑； 有效地使用资源，网页功能的目标是高效地操作，方便的使用，轻松的维护； 生成一个一致的、令人愉快的、有效的网页外观和感观； 在制作网页之前，应该明确制作的目的、需完成的任务，以及要达到的要求。应尽可能地收集素材，并将这些内容做成书面材料，以免制作时遗漏某些材料； 网页设计要有自己的风格，通常应伴有一定的标志； 网页的页面不必太花俏； 网页的制作要考虑浏览时的不同情况。尽量地使其通用，或者最好有一些提示信息，以免影响浏览效果。,7.2 Web页面设计,7.2.2 网页设计的方法,直接利用HTML语言所定义的标记及其属性来编写网页。

6、用.htm或.html作为保存文件的扩展名。网页制作工具软件制作网页制作网页的工具非常多，有专门制作网页的软件，如DreamWeaver、FrontPage等；,7.2.3 Microsoft FrontPage的使用,使用FrontPage 98前先要进行安装，安装方法同Windows 98下其他软件一样。运行FrontPage 98后，出现一个“Getting Started”对话框，如果要进入编辑环境单击“Cancel”按钮，然后单击工具栏中“”按钮，与Word界面十分相似。在窗口底部左侧有三个视图按钮，“Normal”视图就是正常的编辑环境；“HTML”按钮，可以看到自动生成的HTML

7、语句，可以修改HTML源文件；“Preview”按钮可预览网页效果。,FrontPage 2000界面,1.文本编写,2.添加多媒体信息,设置背景及字体颜色,背景声音图象,3.置超级链接, 链接一个HTML文件 链接URL 链接书签,7.2.4 Dreamweaver的使用,有很多站点为个人提供免费空间的服务，如：中网（http:/ 网页的浏览,有很多站点为个人提供免费空间的服务，如：中网（http:/ Java语言初步,Java是由SUN公司开发的新一代编程语言，它具有平台无关性、安全性、稳固性和多线程等诸多特性，因而特别适合于Internet应用的开发。Java语言已成为网络时代最重要的面

8、向对象程序设计语言。,7.3.1 Java语言的概述,1. Java语言的发展 2. Java语言的功能 3. Java语言的特点 面向对象的编程语言 操作平台无关性 安全性 多线程,7.3.2 Java程序的分类,Java程序分为Applet和Application两类,7.3.3 Java程序的基本语法,1.标识符 标识符以字符或“_”，“$”开头，后面可以包含数字，标识符是大小写有区别的，没有长度限制。 2.关键词 abstractcontinuefornewswitchbooleandefaultgotonullsynchronizedbreakdoifpackagethisbyted

9、oubleimplementsprivatethreadsafebyvalueelseimportprotectedthrowcaseextendsinstanceofpublictransientcatchfalseintreturntruecharfinalinterfaceshorttryclassfinallylongstaticvoidconstfloatnativesuperwhile castfuturegenericinneroperatorouterrestvar,3.数据类型,Java 使用四种基本类型： integer（整数）， floating（浮点数）， Boolea

10、n（布尔变量）， 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

11、 过程的 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 (temp

12、s != 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 文档如下： 将文件存为 OutputH

13、ello.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是描述虚拟环境中场景的一种标准。它定义了三维应

14、用系统中常用的语言描述，如层次变换、光源、视点、几何、动画、雾、材料特性和纹理映射等，并具有简单的行为特征描述功能。,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）

15、 场景动态、交互特性（事件、传感器、路由及响应动作） 原型（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 translatio

16、n -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图标

17、表示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 = “Pa

18、ssword” 用户口令 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,

19、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 函数

20、关闭连接。 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的数据源？,