第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,链接书签,7.2.4,Dreamweaver,的使用,有很多站点为个人提供免费空间的服务，,如：中网（,www.,netchina,.com.,cn,/,）、,东方网景（,www3.east.,cn,.net,）、,网易（,www.,nease,.net,）,7.2.5,网页的浏览,有很多站点为个人提供免费空间的服务，,如：中网（,www.,netchina,.com.,cn,/,）、,东方网景（,www3.east.,cn,.net,）、,网易（,www.,nease,.net,）,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.,关键词,abstract,continue,for,new,switch,boolean,default,goto,null,synchronized,break,do,if,package,this,byte,double,implements,private,thread,safe,byvalue,else,import,protected,throw,case,extends,instanceof,public,transient,catch,false,int,return,true,char,final,interface,short,try,class,finally,long,static,voidconst,float,native,super,while cast,future,generic,inner,operator,outer,rest,var,3.,数据类型,Java,使用四种基本类型：,integer,（,整数），,floating,（,浮点数），,Boolean,（,布尔变量），,Character,or 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,所示。,图,7,7,小,APPLET,运行结果,图,7,7,小,APPLET,运行结果,7.4,VRML,语言,VRML,（,Virtual Reality Modeling Language,）,是一种模型语言，用来描述一个目标对象是如何呈现在,Web,上的。,VRML,提供对三维世界及其内部基本对象的描述（包括球体、平面、圆锥、圆柱、立方体等）并同二维的页面链接起来,。,7.4.1,VRML,的定义和功能,VRML,是描述虚拟环境中场景的一种标准。它定义了三维应用系统中常用的语言描述，如层次变换、光源、视点、几何、动画、雾、材料特性和纹理映射等，并具有简单的行为特征描述功能。,7.4.2,VRML,的特点,可编辑性,可重用性,可扩展性,多平台操作,性能,可伸缩性,图,7,8,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,所示的例子，需要如下的程序：图,7,9,VRML,的一个例子,#VRML V1.0,ascii,/*,固定的,VRML 1.0,文件头,Separator,PerspectiveCamera,position0 40 300 orientation 0 0-1 0,focalDistance,5,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,函数的返回码,Dimhenv,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,（,DSNUID,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,的数据源？,