网络应用制作技术精选课件

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

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

3、些原始文件，并在屏幕上展示其效果。 第5页，共47页。第6页，共47页。 2.基本标记 一个HTML文件由标记开始，由结束。文件中所有文本和HTML标记都包含在HTML的起始和结束标记中。 头部标记 在和中间的内容，是网页头部的标识。 文件标题和第7页，共47页。 主体标记和是标记文件实际内容的开始和结束，称为主体部分。在元素中可以设置文件的背景色、背景图形等基本属性。 标题HTML中通过标记设定标题。它允许有六个层次的标题：、。 段落是HTML格式中特有的段落元素 预格式化文本标记 作用是按照文本的原样显示文本，不作改变。 行中断标记 要想中断文本中的某一行，就可以使用标记。 第8页，共47

4、页。3.超文本链接 设置超级链接的标记为和，属性HREF是必需的，HREF的值给出所链接的URL。如： 跳转至另一文件 第一个文件。 跳转至另一网址CERNET主页 跳转至另一段落（预先给要跳转到的目标位置命名如 Clinets ）目标文字第9页，共47页。 4.多媒体信息编制 显示图形浏览器可以直接在文件上显示GIF、TIEF、JPG、RGB 或HDF等格式的图形。方法为： 音频和视频在网页中允许加入音频文件, 常见的音频文件的格式有AU、WAV、AIFF和SND。如： 声音 影象 第10页，共47页。 5.表格制作 表格由标记定义，每个表格开始是一个可选的标题（由CAPTION标记定义）。

5、定义表格行用. 标记，定义数据项用.标记，定义数据内容用. 。这些标记可以具有一些属性。第11页，共47页。 课程名称 语文 数学 物理 化学 考试成绩 80 95 90 85 第12页，共47页。7.2.1 网页设计的原则 符合用户的需求，满足用户的需求是最优先的考虑； 有效地使用资源，网页功能的目标是高效地操作，方便的使用，轻松的维护； 生成一个一致的、令人愉快的、有效的网页外观和感观； 在制作网页之前，应该明确制作的目的、需完成的任务，以及要达到的要求。应尽可能地收集素材，并将这些内容做成书面材料，以免制作时遗漏某些材料； 网页设计要有自己的风格，通常应伴有一定的标志； 网页的页面不必太

6、花俏； 网页的制作要考虑浏览时的不同情况。尽量地使其通用，或者最好有一些提示信息，以免影响浏览效果。7.2 Web页面设计第13页，共47页。7.2.2 网页设计的方法直接利用HTML语言所定义的标记及其属性来编写网页。用.htm或.html作为保存文件的扩展名。网页制作工具软件制作网页制作网页的工具非常多，有专门制作网页的软件，如DreamWeaver、FrontPage等；第14页，共47页。7.2.3 Microsoft FrontPage的使用使用FrontPage 98前先要进行安装，安装方法同Windows 98下其他软件一样。运行FrontPage 98后，出现一个“Gettin

7、g Started”对话框，如果要进入编辑环境单击“Cancel”按钮，然后单击工具栏中“”按钮，与Word界面十分相似。在窗口底部左侧有三个视图按钮，“Normal”视图就是正常的编辑环境；“HTML”按钮，可以看到自动生成的HTML语句，可以修改HTML源文件；“Preview”按钮可预览网页效果。第15页，共47页。FrontPage 2000界面 第16页，共47页。1.文本编写2.添加多媒体信息 设置背景及字体颜色背景声音图象第17页，共47页。 3.置超级链接 链接一个HTML文件 链接URL 链接书签第18页，共47页。7.2.4 Dreamweaver的使用有很多站点为个人提供

8、免费空间的服务，如：中网（/）、东方网景（）、网易（nease）第19页，共47页。7.2.5 网页的浏览有很多站点为个人提供免费空间的服务，如：中网（/）、东方网景（）、网易（nease）第20页，共47页。7.3 Java语言初步 Java是由SUN公司开发的新一代编程语言，它具有平台无关性、安全性、稳固性和多线程等诸多特性，因而特别适合于Internet应用的开发。Java语言已成为网络时代最重要的面向对象程序设计语言。第21页，共47页。7.3.1 Java语言的概述 1. Java语言的发展 2. Java语言的功能 3. Java语言的特点 面向对象的编程语言 操作平台无关性 安全

9、性 多线程第22页，共47页。7.3.2 Java程序的分类 Java程序分为Applet和Application两类第23页，共47页。7.3.3 Java程序的基本语法 1.标识符 标识符以字符或“_”，“$”开头，后面可以包含数字，标识符是大小写有区别的，没有长度限制。 2.关键词 erfaceshorttryclassfinallylongstaticvoidconstfloatnativesuperwhile castfuturegenericinneroperatorouterrestvar 第24页，共47页。3.数据类型 Java 使用四种基本类型： integer（整数），

10、floating（浮点数）， Boolean（布尔变量）， Characteror String（字符或字符串）。4.表达式 Java 语言的表达式和C语言类似 第25页，共47页。7.3.4 Java 小应用程序示例1. Java 开发工具 JDK 作为 JDK 实用程序，工具库中有七种主要程序。 Javac：Java 编译器，将 Java 源代码转换成字节码。 Java：Java 解释器，直接从类文件执行 Java 应用程序字节代码。 appletviewer：小应用程序浏览器， Javadoc：根据 Java 源码及说明语句生成 HTML 文档。 Jdb：Java 调试器，可以逐行执行程

11、序，设置断点和检查变量。 Javah：产生可以调用 Java 过程的 C 过程或建立能被 Java 程序调用的 C 过程的头文件。 Javap：Java 反汇编器，显示编译类文件中的可访问功能和数据，并显示字节代码含义。第26页，共47页。图7-7 显示了这些工具用来建立小应用程序的流程图第27页，共47页。2.用 JDK 建立小应用程序 import java.awt.*; import java.applet.Applet; public class OutputHello extends Applet String s; public void init（） String temps;

12、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); 第28页，共47页。Javac OutputHello.java OutputHello.class文件OutputHello.html文件 JavaApplet 有关的标识为： APPLET CODE = applet 文件名.class WIDTH = 宽度 HEIGHT = 高度 PA

13、RAM NAME = 参数名 VALUE = 值 第29页，共47页。本程序对应 HTML 文档如下： 将文件存为 OutputHello.html。 运行小应用程序appletviewer 则输入如下语句： appletviewer OutputHello.html第30页，共47页。运行后结果如下图7-7所示。图77 小APPLET 运行结果图77 小APPLET 运行结果第31页，共47页。7.4 VRML语言 VRML（Virtual Reality Modeling Language）是一种模型语言，用来描述一个目标对象是如何呈现在 Web 上的。VRML提供对三维世界及其内部基本对

14、象的描述（包括球体、平面、圆锥、圆柱、立方体等）并同二维的页面链接起来。第32页，共47页。7.4.1 VRML的定义和功能 VRML是描述虚拟环境中场景的一种标准。它定义了三维应用系统中常用的语言描述，如层次变换、光源、视点、几何、动画、雾、材料特性和纹理映射等，并具有简单的行为特征描述功能。 第33页，共47页。7.4.2 VRML 的特点 可编辑性 可重用性 可扩展性 多平台操作 性能 可伸缩性 第34页，共47页。图78 VRML的工作方式第35页，共47页。7.4.3 VRML的结构规范和实现方法 1. VRML 2.0 规范介绍 坐标系统（Coordinate System） 场景

15、图形（Scene Graph） 节点（node） 字段（Fields） 节点类型（Node type） 颜色、纹理、材质及灯光 新的信息节点 场景效果（Scene effect） 三维声音（3D sound） 动画（Animation） 场景动态、交互特性（事件、传感器、路由及响应动作） 原型（Prototype） 超文本连接的支持（HyperLink）第36页，共47页。2.VRML例子及分析 要实现图7-9所示的例子，需要如下的程序：图79 VRML的一个例子第37页，共47页。#VRML V1.0 ascii /*固定的VRML 1.0文件头 Separator PerspectiveC

16、amera 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 第38页，共47页。7.5 分布式数据库系统和客户服务体系7.5.1 分布式数据库的定义7.5.2 客户服务系统7.5.3 WEB

17、数据库的开发和发布7.5.4 通过ODBC联接数据库 ODBC（Open Database Connectivity）是由微软公司提出的一个用于访问数据库的统一界面标准， 在使用ODBC访问数据库之前，必须建立ODBC数据源。可使用ODBC数据源管理器建立数据源，在控制面板中的ODBC图标表示ODBC数据源管理器. 第39页，共47页。第40页，共47页。 1.初始化ODBC Dim rc As Integer ODBC函数的返回码 Dim henv As Long ODBC环境句柄 rc = SQLAllocEnv（henv） 获取ODBC环境句柄 2.与ODBC数据源建立连接 Dim hd

18、bc 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） 建立连接第41页，共47页。 3.存取数据 调用SQLAllocStmt函数获取语句句柄。例如： Dim hs

19、tmt As Long rc = SQLAllocStmt（hdbc， hstmt） 执行SQL语句。执行SQL语句的方法比较多，最简单明了的方法是调用SQLAllocStmt函数，例如： Dim SQLstmt As String SQLstmt = SELECT * FROM authors rc = SQLExecDirect（hstmt, SQLstmt, Len（SQLstmt）第42页，共47页。 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 第43页，共47页。5.结束应用程序 调