網(wǎng)絡(luò)應(yīng)用制作技術(shù)精選課件

1、第7章 網(wǎng)絡(luò)應(yīng)用制作技術(shù) HTML網(wǎng)頁(yè)的制作FrontPage的使用Dreamweaver的使用分布式庫(kù)系統(tǒng)和客戶服務(wù)體系數(shù)據(jù)庫(kù)的開(kāi)發(fā)和發(fā)布第1頁(yè)，共47頁(yè)。7.1.1 HTML 簡(jiǎn)介 HTML（HyperText Markup Language，超文本鏈接標(biāo)記語(yǔ)言），專門(mén)用來(lái)編寫(xiě)網(wǎng)頁(yè)。 HTML描述文件結(jié)構(gòu)格式的方法是利用一些指令符號(hào)，來(lái)標(biāo)記表示出各種文件效果，再由瀏覽器來(lái)解讀HTML的指令符號(hào)，將文件格式效果展現(xiàn)出來(lái)，HTML一種標(biāo)記式的語(yǔ)言。 在HTML里，圖形、聲音必須用其它軟件制作，再用HTML的標(biāo)記編排在網(wǎng)頁(yè)的原始文件里，然后瀏覽器才能編譯解讀這些原始文件，并在屏幕上展示其效果。7

2、.1 HTML語(yǔ)言簡(jiǎn)介第2頁(yè)，共47頁(yè)。7.1.2 HTML語(yǔ)言標(biāo)記的一般格式為：對(duì)象對(duì)象,第3頁(yè)，共47頁(yè)。 1.HTML基本結(jié)構(gòu) HTML文件是層次結(jié)構(gòu)文件，它分為文件頭和文件體兩部分。文件頭包含與文件有關(guān)的信息，文件體包含全部正文信息。第4頁(yè)，共47頁(yè)。 HTML 入門(mén) HTML 入門(mén) 第一章 HTML簡(jiǎn)介 1.1 HTML簡(jiǎn)介 HTML是英文HyperText Markup Language的縮寫(xiě)，中文譯為“超文本鏈接標(biāo)記語(yǔ)言”，它是一種計(jì)算機(jī)程序語(yǔ)言，用來(lái)編寫(xiě)Web網(wǎng)頁(yè)。 在HTML里，圖形、聲音必須用其它軟件制作， 再用HTML的標(biāo)記編排在網(wǎng)頁(yè)的原始文件里，然后瀏覽器才能編譯解讀這

3、些原始文件，并在屏幕上展示其效果。 第5頁(yè)，共47頁(yè)。第6頁(yè)，共47頁(yè)。 2.基本標(biāo)記 一個(gè)HTML文件由標(biāo)記開(kāi)始，由結(jié)束。文件中所有文本和HTML標(biāo)記都包含在HTML的起始和結(jié)束標(biāo)記中。 頭部標(biāo)記 在和中間的內(nèi)容，是網(wǎng)頁(yè)頭部的標(biāo)識(shí)。 文件標(biāo)題和第7頁(yè)，共47頁(yè)。 主體標(biāo)記和是標(biāo)記文件實(shí)際內(nèi)容的開(kāi)始和結(jié)束，稱為主體部分。在元素中可以設(shè)置文件的背景色、背景圖形等基本屬性。 標(biāo)題HTML中通過(guò)標(biāo)記設(shè)定標(biāo)題。它允許有六個(gè)層次的標(biāo)題：、。 段落是HTML格式中特有的段落元素 預(yù)格式化文本標(biāo)記 作用是按照文本的原樣顯示文本，不作改變。 行中斷標(biāo)記 要想中斷文本中的某一行，就可以使用標(biāo)記。 第8頁(yè)，共47

4、頁(yè)。3.超文本鏈接 設(shè)置超級(jí)鏈接的標(biāo)記為和，屬性HREF是必需的，HREF的值給出所鏈接的URL。如： 跳轉(zhuǎn)至另一文件 第一個(gè)文件。 跳轉(zhuǎn)至另一網(wǎng)址CERNET主頁(yè) 跳轉(zhuǎn)至另一段落（預(yù)先給要跳轉(zhuǎn)到的目標(biāo)位置命名如 Clinets ）目標(biāo)文字第9頁(yè)，共47頁(yè)。 4.多媒體信息編制 顯示圖形瀏覽器可以直接在文件上顯示GIF、TIEF、JPG、RGB 或HDF等格式的圖形。方法為： 音頻和視頻在網(wǎng)頁(yè)中允許加入音頻文件, 常見(jiàn)的音頻文件的格式有AU、WAV、AIFF和SND。如： 聲音 影象 第10頁(yè)，共47頁(yè)。 5.表格制作 表格由標(biāo)記定義，每個(gè)表格開(kāi)始是一個(gè)可選的標(biāo)題（由CAPTION標(biāo)記定義）。

5、定義表格行用. 標(biāo)記，定義數(shù)據(jù)項(xiàng)用.標(biāo)記，定義數(shù)據(jù)內(nèi)容用. 。這些標(biāo)記可以具有一些屬性。第11頁(yè)，共47頁(yè)。 課程名稱 語(yǔ)文 數(shù)學(xué) 物理 化學(xué) 考試成績(jī) 80 95 90 85 第12頁(yè)，共47頁(yè)。7.2.1 網(wǎng)頁(yè)設(shè)計(jì)的原則 符合用戶的需求，滿足用戶的需求是最優(yōu)先的考慮； 有效地使用資源，網(wǎng)頁(yè)功能的目標(biāo)是高效地操作，方便的使用，輕松的維護(hù)； 生成一個(gè)一致的、令人愉快的、有效的網(wǎng)頁(yè)外觀和感觀； 在制作網(wǎng)頁(yè)之前，應(yīng)該明確制作的目的、需完成的任務(wù)，以及要達(dá)到的要求。應(yīng)盡可能地收集素材，并將這些內(nèi)容做成書(shū)面材料，以免制作時(shí)遺漏某些材料； 網(wǎng)頁(yè)設(shè)計(jì)要有自己的風(fēng)格，通常應(yīng)伴有一定的標(biāo)志； 網(wǎng)頁(yè)的頁(yè)面不必太

6、花俏； 網(wǎng)頁(yè)的制作要考慮瀏覽時(shí)的不同情況。盡量地使其通用，或者最好有一些提示信息，以免影響瀏覽效果。7.2 Web頁(yè)面設(shè)計(jì)第13頁(yè)，共47頁(yè)。7.2.2 網(wǎng)頁(yè)設(shè)計(jì)的方法直接利用HTML語(yǔ)言所定義的標(biāo)記及其屬性來(lái)編寫(xiě)網(wǎng)頁(yè)。用.htm或.html作為保存文件的擴(kuò)展名。網(wǎng)頁(yè)制作工具軟件制作網(wǎng)頁(yè)制作網(wǎng)頁(yè)的工具非常多，有專門(mén)制作網(wǎng)頁(yè)的軟件，如DreamWeaver、FrontPage等；第14頁(yè)，共47頁(yè)。7.2.3 Microsoft FrontPage的使用使用FrontPage 98前先要進(jìn)行安裝，安裝方法同Windows 98下其他軟件一樣。運(yùn)行FrontPage 98后，出現(xiàn)一個(gè)“Gettin

7、g Started”對(duì)話框，如果要進(jìn)入編輯環(huán)境單擊“Cancel”按鈕，然后單擊工具欄中“”按鈕，與Word界面十分相似。在窗口底部左側(cè)有三個(gè)視圖按鈕，“Normal”視圖就是正常的編輯環(huán)境；“HTML”按鈕，可以看到自動(dòng)生成的HTML語(yǔ)句，可以修改HTML源文件；“Preview”按鈕可預(yù)覽網(wǎng)頁(yè)效果。第15頁(yè)，共47頁(yè)。FrontPage 2000界面 第16頁(yè)，共47頁(yè)。1.文本編寫(xiě)2.添加多媒體信息 設(shè)置背景及字體顏色背景聲音圖象第17頁(yè)，共47頁(yè)。 3.置超級(jí)鏈接 鏈接一個(gè)HTML文件 鏈接URL 鏈接書(shū)簽第18頁(yè)，共47頁(yè)。7.2.4 Dreamweaver的使用有很多站點(diǎn)為個(gè)人提供

8、免費(fèi)空間的服務(wù)，如：中網(wǎng)（/）、東方網(wǎng)景（）、網(wǎng)易（nease）第19頁(yè)，共47頁(yè)。7.2.5 網(wǎng)頁(yè)的瀏覽有很多站點(diǎn)為個(gè)人提供免費(fèi)空間的服務(wù)，如：中網(wǎng)（/）、東方網(wǎng)景（）、網(wǎng)易（nease）第20頁(yè)，共47頁(yè)。7.3 Java語(yǔ)言初步 Java是由SUN公司開(kāi)發(fā)的新一代編程語(yǔ)言，它具有平臺(tái)無(wú)關(guān)性、安全性、穩(wěn)固性和多線程等諸多特性，因而特別適合于Internet應(yīng)用的開(kāi)發(fā)。Java語(yǔ)言已成為網(wǎng)絡(luò)時(shí)代最重要的面向?qū)ο蟪绦蛟O(shè)計(jì)語(yǔ)言。第21頁(yè)，共47頁(yè)。7.3.1 Java語(yǔ)言的概述 1. Java語(yǔ)言的發(fā)展 2. Java語(yǔ)言的功能 3. Java語(yǔ)言的特點(diǎn) 面向?qū)ο蟮木幊陶Z(yǔ)言 操作平臺(tái)無(wú)關(guān)性 安全

9、性 多線程第22頁(yè)，共47頁(yè)。7.3.2 Java程序的分類(lèi) Java程序分為Applet和Application兩類(lèi)第23頁(yè)，共47頁(yè)。7.3.3 Java程序的基本語(yǔ)法 1.標(biāo)識(shí)符 標(biāo)識(shí)符以字符或“_”，“$”開(kāi)頭，后面可以包含數(shù)字，標(biāo)識(shí)符是大小寫(xiě)有區(qū)別的，沒(méi)有長(zhǎng)度限制。 2.關(guān)鍵詞 erfaceshorttryclassfinallylongstaticvoidconstfloatnativesuperwhile castfuturegenericinneroperatorouterrestvar 第24頁(yè)，共47頁(yè)。3.數(shù)據(jù)類(lèi)型 Java 使用四種基本類(lèi)型： integer（整數(shù)），

10、floating（浮點(diǎn)數(shù)）， Boolean（布爾變量）， Characteror String（字符或字符串）。4.表達(dá)式 Java 語(yǔ)言的表達(dá)式和C語(yǔ)言類(lèi)似 第25頁(yè)，共47頁(yè)。7.3.4 Java 小應(yīng)用程序示例1. Java 開(kāi)發(fā)工具 JDK 作為 JDK 實(shí)用程序，工具庫(kù)中有七種主要程序。 Javac：Java 編譯器，將 Java 源代碼轉(zhuǎn)換成字節(jié)碼。 Java：Java 解釋器，直接從類(lèi)文件執(zhí)行 Java 應(yīng)用程序字節(jié)代碼。 appletviewer：小應(yīng)用程序?yàn)g覽器， Javadoc：根據(jù) Java 源碼及說(shuō)明語(yǔ)句生成 HTML 文檔。 Jdb：Java 調(diào)試器，可以逐行執(zhí)行程

11、序，設(shè)置斷點(diǎn)和檢查變量。 Javah：產(chǎn)生可以調(diào)用 Java 過(guò)程的 C 過(guò)程或建立能被 Java 程序調(diào)用的 C 過(guò)程的頭文件。 Javap：Java 反匯編器，顯示編譯類(lèi)文件中的可訪問(wèn)功能和數(shù)據(jù)，并顯示字節(jié)代碼含義。第26頁(yè)，共47頁(yè)。圖7-7 顯示了這些工具用來(lái)建立小應(yīng)用程序的流程圖第27頁(yè)，共47頁(yè)。2.用 JDK 建立小應(yīng)用程序 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頁(yè)，共47頁(yè)。Javac OutputHello.java OutputHello.class文件OutputHello.html文件 JavaApplet 有關(guān)的標(biāo)識(shí)為： APPLET CODE = applet 文件名.class WIDTH = 寬度 HEIGHT = 高度 PA

13、RAM NAME = 參數(shù)名 VALUE = 值 第29頁(yè)，共47頁(yè)。本程序?qū)?yīng) HTML 文檔如下： 將文件存為 OutputHello.html。 運(yùn)行小應(yīng)用程序appletviewer 則輸入如下語(yǔ)句： appletviewer OutputHello.html第30頁(yè)，共47頁(yè)。運(yùn)行后結(jié)果如下圖7-7所示。圖77 小APPLET 運(yùn)行結(jié)果圖77 小APPLET 運(yùn)行結(jié)果第31頁(yè)，共47頁(yè)。7.4 VRML語(yǔ)言 VRML（Virtual Reality Modeling Language）是一種模型語(yǔ)言，用來(lái)描述一個(gè)目標(biāo)對(duì)象是如何呈現(xiàn)在 Web 上的。VRML提供對(duì)三維世界及其內(nèi)部基本對(duì)

14、象的描述（包括球體、平面、圓錐、圓柱、立方體等）并同二維的頁(yè)面鏈接起來(lái)。第32頁(yè)，共47頁(yè)。7.4.1 VRML的定義和功能 VRML是描述虛擬環(huán)境中場(chǎng)景的一種標(biāo)準(zhǔn)。它定義了三維應(yīng)用系統(tǒng)中常用的語(yǔ)言描述，如層次變換、光源、視點(diǎn)、幾何、動(dòng)畫(huà)、霧、材料特性和紋理映射等，并具有簡(jiǎn)單的行為特征描述功能。 第33頁(yè)，共47頁(yè)。7.4.2 VRML 的特點(diǎn) 可編輯性 可重用性 可擴(kuò)展性 多平臺(tái)操作 性能 可伸縮性 第34頁(yè)，共47頁(yè)。圖78 VRML的工作方式第35頁(yè)，共47頁(yè)。7.4.3 VRML的結(jié)構(gòu)規(guī)范和實(shí)現(xiàn)方法 1. VRML 2.0 規(guī)范介紹 坐標(biāo)系統(tǒng)（Coordinate System） 場(chǎng)景

15、圖形（Scene Graph） 節(jié)點(diǎn)（node） 字段（Fields） 節(jié)點(diǎn)類(lèi)型（Node type） 顏色、紋理、材質(zhì)及燈光 新的信息節(jié)點(diǎn) 場(chǎng)景效果（Scene effect） 三維聲音（3D sound） 動(dòng)畫(huà)（Animation） 場(chǎng)景動(dòng)態(tài)、交互特性（事件、傳感器、路由及響應(yīng)動(dòng)作） 原型（Prototype） 超文本連接的支持（HyperLink）第36頁(yè)，共47頁(yè)。2.VRML例子及分析 要實(shí)現(xiàn)圖7-9所示的例子，需要如下的程序：圖79 VRML的一個(gè)例子第37頁(yè)，共47頁(yè)。#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頁(yè)，共47頁(yè)。7.5 分布式數(shù)據(jù)庫(kù)系統(tǒng)和客戶服務(wù)體系7.5.1 分布式數(shù)據(jù)庫(kù)的定義7.5.2 客戶服務(wù)系統(tǒng)7.5.3 WEB

17、數(shù)據(jù)庫(kù)的開(kāi)發(fā)和發(fā)布7.5.4 通過(guò)ODBC聯(lián)接數(shù)據(jù)庫(kù) ODBC（Open Database Connectivity）是由微軟公司提出的一個(gè)用于訪問(wèn)數(shù)據(jù)庫(kù)的統(tǒng)一界面標(biāo)準(zhǔn)， 在使用ODBC訪問(wèn)數(shù)據(jù)庫(kù)之前，必須建立ODBC數(shù)據(jù)源?？墒褂肙DBC數(shù)據(jù)源管理器建立數(shù)據(jù)源，在控制面板中的ODBC圖標(biāo)表示ODBC數(shù)據(jù)源管理器. 第39頁(yè)，共47頁(yè)。第40頁(yè)，共47頁(yè)。 1.初始化ODBC Dim rc As Integer ODBC函數(shù)的返回碼 Dim henv As Long ODBC環(huán)境句柄 rc = SQLAllocEnv（henv） 獲取ODBC環(huán)境句柄 2.與ODBC數(shù)據(jù)源建立連接 Dim hd

18、bc As Long 連接句柄 rc = SQLAllocConnect（henv, hdbc） 獲取連接句柄 Dim DSN As String, UID As String, PWD As String DSN = “DataSourceName” ODBC數(shù)據(jù)源名稱 UID = “UserID” 用戶帳號(hào) PWD = “Password” 用戶口令 rc = SQLConnect（hdbc, DSN, Len（DSN）, UID, Len（UID）, PWD, Len（PWD） 建立連接第41頁(yè)，共47頁(yè)。 3.存取數(shù)據(jù) 調(diào)用SQLAllocStmt函數(shù)獲取語(yǔ)句句柄。例如： Dim hs

19、tmt As Long rc = SQLAllocStmt（hdbc， hstmt） 執(zhí)行SQL語(yǔ)句。執(zhí)行SQL語(yǔ)句的方法比較多，最簡(jiǎn)單明了的方法是調(diào)用SQLAllocStmt函數(shù)，例如： Dim SQLstmt As String SQLstmt = SELECT * FROM authors rc = SQLExecDirect（hstmt, SQLstmt, Len（SQLstmt）第42頁(yè)，共47頁(yè)。 4.檢索結(jié)果集 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頁(yè)，共47頁(yè)。5.結(jié)束應(yīng)用程序 調(diào)