Web數(shù)據(jù)庫(kù)存基礎(chǔ)教程ppt課件完整版

1、Web數(shù)據(jù)庫(kù)存基礎(chǔ)教程1 認(rèn)識(shí)Web數(shù)據(jù)庫(kù)內(nèi)容簡(jiǎn)介： 本章主要講述了什么是Web數(shù)據(jù)庫(kù)，學(xué)習(xí)Web數(shù)據(jù)庫(kù)需要掌握的各種工具和技能，以及Web數(shù)據(jù)庫(kù)的開發(fā)環(huán)境。1-1 Web數(shù)據(jù)庫(kù)概述定義： Web數(shù)據(jù)庫(kù)，即網(wǎng)絡(luò)數(shù)據(jù)庫(kù)又稱網(wǎng)站數(shù)據(jù)庫(kù)、網(wǎng)頁(yè)數(shù)據(jù)庫(kù)。簡(jiǎn)單地說(shuō)，就是用戶利用瀏覽器作為輸入界面，輸入必要的數(shù)據(jù)，瀏覽器將這些數(shù)據(jù)傳送至網(wǎng)站，網(wǎng)站再對(duì)輸入的數(shù)據(jù)進(jìn)行處理，并將執(zhí)行后的結(jié)果返回給瀏覽器，再通過(guò)瀏覽器將最終的執(zhí)行結(jié)果提交給用記。1-1-1 概述Web數(shù)據(jù)庫(kù)公式：Web數(shù)據(jù)庫(kù)（Web DB）= 因特網(wǎng)+數(shù)據(jù)庫(kù) 即：Web DB = Internet + DB客戶機(jī)與服務(wù)器的交互示意圖1-1-2 發(fā)展

2、經(jīng)歷1945年Vannevar Bush提出了超文本文件的格式。1965年Ted Nelson第一次使用“超文本”一詞來(lái)形容這種管理信息系統(tǒng)。1967年，世界上第一個(gè)能真正運(yùn)行成功的“超文本編輯系統(tǒng)”。1969年，美國(guó)國(guó)防部高級(jí)研究計(jì)劃署建立了阿帕網(wǎng)，該網(wǎng)絡(luò)最成功的技術(shù)就是TCP/IP協(xié)議。1990年美國(guó)國(guó)防部正式取消了原來(lái)的阿帕網(wǎng)，代之以美國(guó)國(guó)家科學(xué)基金會(huì)管理的互聯(lián)網(wǎng)。1995年以后，原本只限于一小部分人使用的互聯(lián)網(wǎng)逐步向大眾公開。80年代末，在歐洲Berners-Lee 使用超文本為中心的管理方式來(lái)組織網(wǎng)絡(luò)上的資料，提出建立、存取與瀏覽網(wǎng)頁(yè)的方法；建立超文本標(biāo)記語(yǔ)言；設(shè)計(jì)超文本傳輸協(xié)議用于

3、獲取超鏈接文件；使用統(tǒng)一資源定位器來(lái)定位網(wǎng)絡(luò)文件、站點(diǎn)或服務(wù)器。1992年，Mark Andreeseen設(shè)計(jì)出世界上第一個(gè)WWW上最著名的搜索引擎“雅虎“。1997年12月萬(wàn)維網(wǎng)聯(lián)盟發(fā)布了HTML4.01版。1-1-3 使用Web數(shù)據(jù)庫(kù)的基本概念網(wǎng)絡(luò)給我們帶來(lái)了無(wú)限精彩的世界，而早期開發(fā)的數(shù)據(jù)庫(kù)基本上都是基于本地機(jī)的，對(duì)數(shù)據(jù)的查詢、更改等操作均在單機(jī)上完成，它無(wú)法帶給我們一種無(wú)地域限制的享受。現(xiàn)在我們將要學(xué)習(xí)的WEB數(shù)據(jù)庫(kù)可以通過(guò)編寫ASP程序，利用ADO對(duì)象，調(diào)用ODBC或OLE DB驅(qū)動(dòng)程序等。圖1-2給出該過(guò)程的示意圖圖1-2 訪問(wèn)WebDB過(guò)程示意圖1-1-4 ASP、ADO和Web

4、數(shù)據(jù)庫(kù)的關(guān)系A(chǔ)SP的出現(xiàn)代表Web技術(shù)的重要進(jìn)步。ASP是通過(guò)一組ADO對(duì)象模塊訪問(wèn)數(shù)據(jù)庫(kù)，無(wú)論采用Access、SQL Server、Visual FoxPro、Informix、Oracle、dBase或其他什么數(shù)據(jù)庫(kù)，只要該數(shù)據(jù)庫(kù)具有與之對(duì)應(yīng)的ODBC或OLE DB驅(qū)動(dòng)程序，ADO對(duì)象就能對(duì)其進(jìn)行訪問(wèn)。本系統(tǒng)可以使用Access、SQL Server、Oracle等3種數(shù)據(jù)庫(kù)從事ASP網(wǎng)絡(luò)數(shù)據(jù)庫(kù)設(shè)計(jì)。圖1-4、圖1-5圖1-4 訪問(wèn)多種數(shù)據(jù)庫(kù)的示意圖圖1-5查看用戶系統(tǒng)中已安裝的驅(qū)動(dòng)程序1-2 Web數(shù)據(jù)庫(kù)的開發(fā)環(huán)境軟件配置：操作系統(tǒng) Microsoft Windows 2000 Ser

5、ver字處理軟件 Microsoft Word 2000瀏覽器 Microsoft Internet Explorer 5.0以上網(wǎng)頁(yè)設(shè)計(jì)軟件 Microsoft FrontPage 2000ASP編輯調(diào)試工具 Microsoft Visual InterDev 6.0服務(wù)器軟件 Internet Information Server 5.0數(shù)據(jù)庫(kù)存軟件 Microsoft Access 2000硬件配置只要用戶的電腦安裝和配置了上述軟件，且能正常運(yùn)行。1-3 小結(jié)本書以豐富的實(shí)例為用戶創(chuàng)建了一個(gè)學(xué)習(xí)Web數(shù)據(jù)庫(kù)的輕松環(huán)境，引導(dǎo)和幫助用戶學(xué)習(xí)和掌握Web數(shù)據(jù)庫(kù)的基本技術(shù)，使用戶循序漸進(jìn)地掌握H

6、TML、VBScript、ASP、ADO和Web數(shù)據(jù)庫(kù)（WebDB）的設(shè)計(jì)、開發(fā)、并基本掌握CSS、FrontPage、Visual InterDev等的使用。2 Web數(shù)據(jù)庫(kù)的基石內(nèi)容簡(jiǎn)介： 本章將重點(diǎn)學(xué)習(xí)超文本文件的應(yīng)用、超文本文件的基本結(jié)構(gòu)、語(yǔ)法和基本標(biāo)記，了解層疊樣式表CSS的基本使用方法和可擴(kuò)展標(biāo)記語(yǔ)言XML的作用。Web數(shù)據(jù)庫(kù)能得到廣泛的認(rèn)同和快速的發(fā)展，其根本原因之一就是軻構(gòu)在超文本標(biāo)記語(yǔ)言之上。超文本標(biāo)記語(yǔ)言是網(wǎng)絡(luò)上用于發(fā)布信息的首選語(yǔ)言，最早應(yīng)用于網(wǎng)頁(yè)制作，是我們開發(fā)、研究Web數(shù)據(jù)庫(kù)的開發(fā)和形容，在學(xué)習(xí)VBScript、ASP等以前很有必要去了解和掌握它。超文本標(biāo)記語(yǔ)言比較

7、簡(jiǎn)單，通過(guò)本單的介紹和實(shí)際操作相信用戶很快就可以掌握。例2.1是我們的第一個(gè)超文本標(biāo)記語(yǔ)言程序。例2.1 認(rèn)識(shí)用超文本標(biāo)記語(yǔ)言書寫的程序例2.1 認(rèn)識(shí)用超文本標(biāo)記語(yǔ)言書寫的程序（L2-1.htm）。超文本標(biāo)記語(yǔ)言源程序 讀書人有三個(gè)意境 昨夜寒風(fēng)凋碧樹，獨(dú)上高樓，望斷天涯路。 衣帶漸寬終不悔，為伊消得人憔悴。 眾里尋她千百度，驀然回首，那人卻在燈火闌珊處。 昨夜寒風(fēng)凋碧樹，獨(dú) 衣帶漸寬終不悔，為伊消得人憔悴。 眾里尋她千百度，驀然回首，那人卻在燈 2-1 從純文本文件到超文本文件眾所周知，擴(kuò)展名.txt的文件是純文本文件。那么制作網(wǎng)頁(yè)最簡(jiǎn)單的方法，就是將已有的純文本文件的擴(kuò)展名更改為.htm

8、或.html。這樣的純文本文件將被瀏覽器識(shí)別和解釋，并顯示在屏幕上。2-1-1 用記事本制作網(wǎng)頁(yè) 選擇Windows的【附件】 ，打開【記事本】，在上面任意寫上一串字符“XYZ”。單擊菜單欄中的 【文件】 【另存為】,設(shè)文件名為File.htm(注意，擴(kuò)展名必須是.htm/.HTM或.html/.HTML,大小寫字母可以混用),再用IE瀏覽器打開.在IE瀏覽器的主窗口就會(huì)顯示出剛剛輸入的字符串“XYZ”。就這么簡(jiǎn)單，它就是你的第一個(gè)網(wǎng)頁(yè)。這種用記事本編輯超文本的方法，往往是Web程序員最簡(jiǎn)單、最直接的方法。2-1-2 用Word 2000 制作網(wǎng)頁(yè) 在Word的窗口中輸入字符串，如：9876。

9、單擊菜單欄中的 【文件】 【另存為Web頁(yè)】,取名（如：File2.htm）后，單擊【保存】按鈕。再用IE瀏覽器打開File12.htm.在IE瀏覽器下你將看到剛剛輸入的字符串：9876。這就是你的第二個(gè)網(wǎng)頁(yè)。 注意：也可以在Word下編輯HTML文件，但存盤時(shí)應(yīng)以文本文件的格式保存，如選擇“純文本”格式等。2-1-3 用IE瀏覽器制作網(wǎng)頁(yè) 打開瀏覽器，使用“空白頁(yè)”（用鼠標(biāo)單擊IE瀏覽器菜單的【工具】【Internet選項(xiàng)】, 單擊【使用空白頁(yè)】按鈕,單擊【應(yīng)用】按鈕,單擊【確定】按鈕關(guān)閉）,單擊菜單欄【查看】【源文件】,將彈出“記事本”窗口,如圖:瀏覽器下彈出的“記事本”2-1-4 用Fr

10、ontPage 2000制作網(wǎng)頁(yè)進(jìn)入FrontPage 2000，出現(xiàn)“new_page_1.htm”頁(yè)面，單擊左下方的HTML標(biāo)簽，在藍(lán)色字體與之間（當(dāng)然也可以在其他位置）任意位置處輸入一串字符（如圖2-3所示），保存為File4.htm,運(yùn)行File4.htm，輸入的字符串立即顯示在屏幕上。這就是所要的第四個(gè)網(wǎng)頁(yè)。HTML不是程序語(yǔ)言，而是一種文字處理語(yǔ)言。它包含用來(lái)控制文字、圖片等在瀏覽器中的表現(xiàn)，以及如何建立文件之間鏈接的標(biāo)記，這些標(biāo)記均放在文本格式的文件中。圖2-3 FrontPage 2000的HTML標(biāo)簽頁(yè)FrontPage 2000的HTML標(biāo)簽頁(yè)2-2 超文本標(biāo)記語(yǔ)言的語(yǔ)法超

11、文本標(biāo)記語(yǔ)言HTML是標(biāo)記的集合，是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言（Standard Generalize Markup Language,SGML）的一個(gè)子集。被一對(duì)尖括號(hào)“”括起來(lái)，標(biāo)記一般成對(duì)出現(xiàn)。網(wǎng)頁(yè)的內(nèi)容和各種標(biāo)記的有機(jī)結(jié)合就構(gòu)成了千姿百態(tài)的網(wǎng)頁(yè)“世界”。標(biāo)記（Tags）和屬性（Attributes）構(gòu)建了HTML的語(yǔ)法。瀏覽器只要讀到HTML的標(biāo)記和屬性，就會(huì)將其解釋成網(wǎng)而或網(wǎng)頁(yè)的某個(gè)組成部分。它的基本構(gòu)成如下：1.標(biāo)記：標(biāo)記就是給文檔中某些具有特殊含義的部分作上標(biāo)識(shí)的過(guò)程，標(biāo)記的符號(hào)（等）（常簡(jiǎn)稱標(biāo)記或標(biāo)識(shí)），是該過(guò)程折具體實(shí)現(xiàn)。HTML標(biāo)記通常分為兩種，一種用來(lái)識(shí)別網(wǎng)頁(yè)上的組件或描述組件的樣

12、式，如網(wǎng)頁(yè)的主體（）、網(wǎng)頁(yè)的標(biāo)題()、標(biāo)題一()、標(biāo)題二()、段落()、斜體()、粗體（）等；另一種用來(lái)指出其他資源，如用來(lái)識(shí)別網(wǎng)頁(yè)內(nèi)的位置或超鏈接、用來(lái)連接音樂文件、用來(lái)插入圖片等。2.屬性：屬性是存儲(chǔ)屬性值的變量。HTML中的許多標(biāo)記都含有提供相關(guān)信息屬性。如：設(shè)置文檔的第1級(jí)標(biāo)題文字，位置居中，文字為紅色。其例句如下：標(biāo)題字符尺寸、位置與顏色 起 空 屬 值 空屬 值 內(nèi) 結(jié) 始 格 性 格性 容 束 標(biāo) 標(biāo)記 記3.值：屬性通常含有一個(gè)值（Value），該值應(yīng)在規(guī)定的區(qū)域內(nèi)選取。4.嵌套標(biāo)記：根據(jù)網(wǎng)頁(yè)版式設(shè)計(jì)的要求有時(shí)需用一個(gè)以上的標(biāo)記來(lái)表示頁(yè)面的數(shù)據(jù)。5.空格符：HTML標(biāo)記間多余的

13、空格符或回車符，瀏覽器是不理會(huì)的。如下頁(yè)圖2-46.特殊字符：在HTML語(yǔ)言中定義了一些用戶不能直接從鍵盤輸入的特殊字符，如：字符（&）、雙引號(hào)(“”)、小于()、空格符等，它們不能直接用于HTML文檔在瀏覽器中的顯示。HTML語(yǔ)言要求其輸入的對(duì)應(yīng)符號(hào)分別為：%amp;、和。 圖2-3 排列整齊的源代碼2-3 超文本標(biāo)記語(yǔ)言的基本結(jié)構(gòu)一般將HTML語(yǔ)言的文件分為三個(gè)部分，它們是：HTML的版本聲明，即序（Prologue）頭部（Head）文件主體(Body)HTML語(yǔ)言文件的主要部分是頭部和文件主體。HTML語(yǔ)言的基本結(jié)構(gòu)HTML語(yǔ)言的基本結(jié)構(gòu)如下： 基本結(jié)構(gòu)樣板程序 !- HTML的部分從這

14、里開始 - 這里是基本結(jié)構(gòu)樣板程序的HTML正文。 !- HTML的部分在這里終止 - 2-4 超文本標(biāo)記語(yǔ)言的標(biāo)記簡(jiǎn)介1. 基本標(biāo)記（Basic Tags）2. 文本、字符格式（Text & Char Format）3. 列表標(biāo)記（Lists）4. 錨與超鏈接（Anchor and Hyperlink）5. 表格(Tables)6. 表單（Forms）1. 基本標(biāo)記（Basic Tags）1.定義超文本文檔，描述Web頁(yè)面的起始與終止。2.設(shè)置頁(yè)面的頭標(biāo)部分，用來(lái)包含當(dāng)前文檔的一些相關(guān)信息。3.HTML文檔均應(yīng)該包含標(biāo)記，用來(lái)指明文件的標(biāo)題。4.放置Web頁(yè)面的正文內(nèi)容，包含文件內(nèi)的文字、超

15、鏈接文字的顏色、背景色彩、圖片、動(dòng)畫、影像、音效等幾乎所有對(duì)網(wǎng)頁(yè)的展示功能。5.用來(lái)介紹與文件內(nèi)容相關(guān)的信息。6.設(shè)置鏈接的基準(zhǔn)路徑，該標(biāo)記可以大大簡(jiǎn)化網(wǎng)頁(yè)內(nèi)超鏈接的全路徑，這里只要給出相對(duì)于Base原指定的基準(zhǔn)地址的相對(duì)路徑即可。2. 文本、字符格式（Text & Char Format）1.標(biāo)題文字（n=16）從到共有6種標(biāo)題標(biāo)記來(lái)標(biāo)記標(biāo)題文字。如圖2-62.換行標(biāo)記，單標(biāo)記。3.定義段落（分段），常用雙標(biāo)記，也可用單個(gè)標(biāo)記。如圖2-74. 在之間的內(nèi)容將以預(yù)格式化的文本方式顯示，包括回車換行以及跳格等。5.可以作為文本與文本之間的分界標(biāo)記，通常是一個(gè)全寬的水平線。如圖2-7中的全寬水平線

16、。6.字符格式： 黑體 斜本 下劃線 強(qiáng)調(diào) 加粗 定義等寬字體 定義上標(biāo) 定義下標(biāo)7.字體：改變字符串的字體、尺寸與顏色變更網(wǎng)頁(yè)默認(rèn)字體、尺寸與顏色3. 列表標(biāo)記（Lists）1.定義列表（Definition List）設(shè)置定義列表的標(biāo)記；設(shè)置定義列表的項(xiàng)目；設(shè)置定義列表的項(xiàng)目說(shuō)明； 設(shè)置緊密排列的定義列表2.無(wú)序號(hào)列表（Unordered List）如圖2-83.有序號(hào)列表（Ordered List）如圖2-84. 錨與超鏈接（Anchor and Hyperlink）錨（Anchor）是用來(lái)建超鏈接標(biāo)記的，這兩個(gè)Anchor分別稱為超鏈接的頭和尾。 Anchor由Anchor地址識(shí)別，

17、Anchor地址是一個(gè)完全的統(tǒng)一資源標(biāo)記（Universal Resource Identifiers,URI）。通常使用HREF=“URL”屬性來(lái)指定超鏈接所鏈接文件的相對(duì)或絕對(duì)位置。注：URL即Uniform Resource Locator,通常稱它為統(tǒng)一資源定位器，它只是URI更一般的資源命名方案的一個(gè)子集。5. 表格(Tables)常用表格來(lái)精確定義頁(yè)面文本或圖片等的排版格式。用來(lái)定義一個(gè)表格。表格內(nèi)數(shù)據(jù)表格行給出表格的標(biāo)題。6. 表單（Forms）表單的作用與表格完全不同，它是程序設(shè)計(jì)者提供一種讓用戶填寫的HTML文件，用戶填好表單后，按需要提交或放棄。表單的一般標(biāo)記有：（1） 交

18、互式表單；（2） 輸入表單控件；（3） 菜單類控件中的可選項(xiàng)，在中使用；（4）菜單類控件；（5） 多行文本域。圖2-6 標(biāo)題文字字體圖2-8 無(wú)序號(hào)和有序號(hào)列表圖2-7 顯示分段、換行頁(yè)面2-5 CSS簡(jiǎn)介層疊樣式表（Cascading Style Sheets,CSS）由WWW標(biāo)準(zhǔn)化組織制定，主要用來(lái)定義網(wǎng)頁(yè)字符數(shù)據(jù)的處理，包括：字符的格式化、顯示、編排、打印和特殊效果等，以此來(lái)彌補(bǔ)HTML標(biāo)記在數(shù)據(jù)處理上的不足。本書介紹了在HTML中使用CSS的四種方法：1.直接在HTML語(yǔ)句中插入CSS的定義，用戶可將它們放進(jìn)中試一試:取消下劃線超鏈接有下劃線CSS有許多類似HTML的地方，如被定義的值

19、由英語(yǔ)字母、數(shù)字、減號(hào)、小數(shù)點(diǎn)所組成，則雙引號(hào)可以省略等。但CSS增加了很多功能，如進(jìn)入或退出頁(yè)面時(shí)的多種變化（如下兩句，更多詳細(xì)情況可表2-1）取 值功能（進(jìn)入）功能（退出）0矩形收縮矩形收縮1矩形擴(kuò)展矩形擴(kuò)展2圖形收縮圖形收縮3圖形擴(kuò)展圖形擴(kuò)展4由下向上拉開由下向上拉開5由上向下拉開由上向下拉開6由左拉至右由左拉到右7由右拉至左由右拉到左8縱向百葉窗縱向百葉窗9橫向百葉窗橫向百葉窗10橫向馬賽克橫向馬賽克11縱向馬賽克縱向馬賽克12漸 顯漸 隱13關(guān) 幕關(guān) 幕14拉 幕拉 幕15拉幕（上下中心）拉幕（上下中心）16拉幕（中心上下）拉幕（中心上下）17右上角至左下角右上角至左下角18右下角至

20、左上角右下角至左上角19左上角至右下角左上角至右下角20左下角至右上角左下角至右上角21水紋漸顯水紋漸隱22縱向水紋漸顯縱向水紋漸隱23隨 機(jī)隨 機(jī)表2-12.在HTML文檔內(nèi)嵌入CSS的定義。用 標(biāo)記聲明層疊樣式表的定義，并放在HTML文檔的 中。例2.2 在HTML文檔內(nèi)嵌入CSS的定義（L2-2.htm）（該例僅給出CSS在HTML中的定義，見實(shí)例十二）。.aa1font:24pt/27pt;font-style:italic;color:#00aa22;font-family:楷體_GB2312;.aa2font:11.5pt/12pt;font-family:隸書; .aa3font

21、:20pt/20pt;font-family:黑體;.aa4font:12pt/20pt;font-family:黑體; 字體規(guī)格、行距Atext-transform: capitalize; text-decoration: none;每個(gè)單詞的第一個(gè)字母大寫atext-decoration:none 取消超鏈接時(shí)的下劃線a:hoverText-decoration:underline;color:#dd5511 超鏈接時(shí)的顏色3.在獨(dú)立的文本文件中（擴(kuò)展名必須是.css）定義CSS格式。使用時(shí)，將其鏈接或?qū)氲紿TML中。圖2-9 將CSS文件鏈接或?qū)氲紿TML中例2.3 多個(gè)HTML文

22、檔使用同一個(gè)層疊樣式表例2.3 多個(gè)HTML文檔使用同一個(gè)層疊樣式表.將層疊樣式表定義在單獨(dú)的文本文件中（見圖2-9），然后鏈接（Link）或?qū)耄↖mport）到HTML文檔中。（a）（L2-3a.htm）在文檔使用鏈接樣式表鏈接樣式表就是將定義在單獨(dú)文本文件中的層疊樣式表鏈接(Link)到HTML文檔，本例定義字體為隸書、大小為28點(diǎn)、顏色為棕色。（b）（L2-3b.htm）在文檔使用導(dǎo)入樣式表導(dǎo)入樣式表就是將定義在單獨(dú)文本文件中的層疊樣式導(dǎo)入(Import)到HTML文檔中，本例定義字體為隸書、大小為28點(diǎn)、顏色為棕色。（a）、（b）兩例中使用的CssFile.css文檔內(nèi)容如下（文檔的

23、擴(kuò)展名必須是.css）：BODY font-family: 隸書; font-size=28; color: Brown 4.在HTML文檔中套用CSS類別?？梢灾苯釉贖TML文檔內(nèi)的樣式表文件中定義不同的樣式類別（Style Class），供HTML文檔在需要時(shí)套用，如圖2-10所示。圖2-10 將樣式表的定義直接放入HTML文檔內(nèi)例2.4 在HTML文檔內(nèi)套用層疊樣式表類別（L2-4.htm）。 套用不同的樣式類別 浣溪沙 游蘄水清泉寺，寺臨蘭溪，溪水西流。 山下蘭芽短浸溪，松間沙路凈無(wú)泥，蕭蕭暮雨子規(guī)啼。 誰(shuí)說(shuō)人生無(wú)再少，門前流水尚能西，休將白發(fā)唱黃雞。 注釋：蘄水現(xiàn)在湖北省浠水縣。清泉

24、寺在蘄水城外。 題解蘇軾這一次游清泉寺，是在生了一場(chǎng)大病恢復(fù)健康之后，又正值景色美麗的春天，心情很舒暢?！跋髁鳌苯o了他啟示和鼓舞，他覺得老年人也可以和年輕人一樣發(fā)揮充沛的精力。 2-6 XML及其他 2003年2月10日是XML的五周歲生日，1998年互聯(lián)網(wǎng)聯(lián)盟W3C正式推出XML。和HTML不同，HTML是一種顯示輸出標(biāo)記語(yǔ)言，只顯示信息，不描述信息；XML是一種描述信息的標(biāo)記語(yǔ)言，它不涉及任何顯示信息的處理，而是使用其他語(yǔ)言來(lái)完成這一任務(wù)。由于XML結(jié)構(gòu)清晰、開放性強(qiáng)，使得它榮獲了新一代“世界語(yǔ)”的美稱，其擴(kuò)展名是.xml。 XML對(duì)字母的大、小寫比較敏感，對(duì)起始和結(jié)束標(biāo)記的配對(duì)要求嚴(yán)

25、格，一些在HTML中可以“混”過(guò)去的語(yǔ)句，在XML中將受到嚴(yán)格的限定。 擔(dān)當(dāng)XML顯示輸出任務(wù)的語(yǔ)言之一是XSLT，它可以將XML轉(zhuǎn)化成HTML語(yǔ)言，可以過(guò)濾、選擇和格式化XML的數(shù)據(jù)。例2.5 使用XML文檔例2.5 使用XML文檔（L2-5.xml）。01: 02: 03:04: 05: Web數(shù)據(jù)庫(kù)基礎(chǔ)06: 春風(fēng)07: 北京08: 09 29010: 2511: 2003.312: 13:例2.6 定義并顯示XML文檔的XSLT文檔（L2-6.xsl）01: 02: 03:04:05: 06: 07: 08: 書名09: 作者10: 出版地11: 出版社12: 頁(yè)數(shù)13: 價(jià)格14:

26、出版日期15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29:30:31:2-7 實(shí)訓(xùn)題實(shí)例一 文字字體（SL2-1.htm）。實(shí)例一 文字字體亂石穿空，驚濤裂岸。（默認(rèn)字體）亂石穿空，驚濤裂岸。（Bold 粗體）亂石穿空，驚濤裂岸。（Italic 斜體）亂石穿空，驚濤裂岸。（Bold 粗體、Italic 斜體）亂石穿空，驚濤裂岸。（Big 大字體）亂石穿空，驚濤裂岸。（Big 加大字體）亂石穿空，驚濤裂岸。（Small 小字體）亂石穿空，驚濤裂岸。（Small 減小字體）亂石穿空，驚濤裂岸。（Deleted 給文本加刪除線）亂石

27、穿空，驚濤裂岸。（Underlined 給文本加下劃線）實(shí)例二 表格內(nèi)文字的置位（左、中、右）（SL2-2.htm）。實(shí)例二 表格內(nèi)文字的置位字符位置置左字符位置置中字符位置置右說(shuō)明：文件中有四個(gè)bgColor，前兩個(gè)分別表示網(wǎng)頁(yè)、表格的顏色屬性，后兩個(gè)表示單元格的顏色屬性。中的ALIGN=center、WIDTH=90%、BORDER=2分別表示整個(gè)表格的位置居中、占全屏幕寬度的90%、邊寬為2。若設(shè)BORDER=0，表格的邊框線將被隱去，僅剩表格中的三部分內(nèi)容。通常許多網(wǎng)站的網(wǎng)頁(yè)采用這種表格定位的方法來(lái)定制頁(yè)面布局。對(duì)于表格的位置除用中的屬性ALIGN（只有l(wèi)eft、center、righ

28、t三個(gè)值）外，也可在前加、三種標(biāo)記，設(shè)置左、中、右三個(gè)位置。實(shí)例三 標(biāo)記的作用，如圖2-11所示（SL2-3.htm）。實(shí)例三 標(biāo)記的作用編號(hào) 品名 數(shù)量 單價(jià)（元） 備注0001 主板 20 600 售出0002 硬盤 30 700 庫(kù)存0003 鍵盤 10 50 庫(kù)存0004 光驅(qū) 15 300 售出編號(hào) 品名 數(shù)量 單價(jià)（元） 備注0001 主板 20 600 售出0002 硬盤 30 700 庫(kù)存0003 鍵盤 10 50 庫(kù)存0004 光驅(qū) 15 300 售出實(shí)例四 增加圖片的摘要信息，并除去圖片的邊框（SL2-4.htm）。實(shí)例四 摘要信息、零邊框等其一：搜狐網(wǎng)站其二：新浪網(wǎng)站實(shí)例

29、五 頁(yè)面的背景參數(shù)與超鏈接參數(shù)（SL2-5.htm）。實(shí)例五 應(yīng)用背景參數(shù)與超鏈接參數(shù)鴨堡地圖經(jīng)干院東方明珠實(shí)例六 網(wǎng)頁(yè)內(nèi)部或外部的超鏈接（SL2-6.htm）。實(shí)例六 內(nèi)部、外部超鏈接第1章 （文本內(nèi)容，最好超出一個(gè)頁(yè)面）返回第1章綠海星紅色風(fēng)暴163郵箱 實(shí)例七 點(diǎn)擊超鏈接時(shí)啟動(dòng)新窗口（SL2-7.htm）。實(shí)例七 啟動(dòng)新窗口紅寶石實(shí)例八 動(dòng)態(tài)文字（SL2-8.htm）。實(shí)例八 動(dòng)態(tài)文字春雨潛入夜春雨潛入夜春雨潛入夜，瞞人去潤(rùn)花。實(shí)例九 打開網(wǎng)頁(yè)時(shí)自動(dòng)鏈接到本站的其他頁(yè)面（SL2-9.htm）。實(shí)例九 自動(dòng)鏈接演示自動(dòng)鏈接到其他頁(yè)面 實(shí)例十 網(wǎng)頁(yè)的背景音樂（SL2-10.htm）。實(shí)例十

30、背景音樂2008中國(guó)北京！實(shí)例十一 表單（SL2-11.htm）。 實(shí)例十一 表單 學(xué)號(hào)： 班級(jí)： 一班 二班 姓名： 我的建議： 實(shí)例十二 應(yīng)用層疊樣式表（SL2-12.htm）。實(shí)例十二 應(yīng)用層疊樣式表.aa1font:24pt/27pt 楷體_GB2312;font-style:italic;color:#00aa22;.aa2font:11.5pt/12pt 隸書 .aa3font:20pt/20pt 黑體.aa4font:12pt/20pt 黑體 Atext-transform: capitalize; text-decoration: none; a:hoverText-decor

31、ation:underline;color:#dd5511 -清孫髯翁昆明大觀樓（天下第一長(zhǎng)聯(lián)） 五百里滇池，奔來(lái)眼底，披襟岸幘，喜茫?？臻煙o(wú)邊?？礀|驤神駿，西翥靈儀，北走蜿蜒，南翔縞素，高人韻士，何妨選勝登臨。趁蟹嶼螺洲，梳裹就風(fēng)鬟霧鬢；更蘋天葦?shù)兀c(diǎn)綴些翠羽丹霞。莫孤負(fù)四圍香稻，萬(wàn)頃晴沙，九夏芙蓉，三春楊柳。數(shù)千年往事，注到心頭，把酒凌虛，嘆滾滾英雄誰(shuí)在。想漢習(xí)樓船，唐標(biāo)鐵柱，宋揮玉斧，元跨革囊，偉烈豐功，費(fèi)勁移山氣力。盡珠簾畫棟，卷不及暮雨朝云；便斷碣殘碑，都付與蒼煙落照。只贏得幾杵疏鐘，半江漁火，兩行秋雁，一枕清霜。實(shí)例十三 層疊樣式表與標(biāo)記和鼠標(biāo)樣式（SL2-13.htm）。 實(shí)例十

32、三 標(biāo)記和鼠標(biāo)樣式 .myTipA background-color:#EE00EE;color:#FFFF00;cursor:hand .myTipB background-color:#00BB78;color:#FFFF00;cursor:hand CSS由WWW標(biāo)準(zhǔn)化組織制定，主要用來(lái)處理網(wǎng)頁(yè)字符的格式化、顯示、編排、打印和特殊效果等。以此來(lái)彌補(bǔ)HTML在數(shù)據(jù)處理上的不足。請(qǐng)參閱本章第2-5節(jié)。表2-2 CSS鼠標(biāo)樣式的指定方法及圖例 指定方法演示效果圖例說(shuō) 明cursor:auto;（無(wú)）這是默認(rèn)的屬性值，即鼠標(biāo)根據(jù)頁(yè)面不同的元素對(duì)象呈現(xiàn)不同的樣式。例如超鏈接為手形，文字和輸入框?yàn)椤?/p>

33、I”形等cursor:default;鼠標(biāo)在任何地方都呈現(xiàn)普通的箭頭形狀cursor:hand;鼠標(biāo)將呈現(xiàn)手的形狀，同超鏈接的鼠標(biāo)形狀cursor:crosshair;在繪圖時(shí)我們遇到過(guò)的精確定位的十字形鼠標(biāo)cursor:text;“I”字形的鼠標(biāo)，平時(shí)在文本上和輸入框上可以見到cursor:move;鼠標(biāo)由水平和豎直雙箭頭組成，移動(dòng)Windows窗口時(shí)常見cursor:wait;鼠標(biāo)呈現(xiàn)兩個(gè)倒三角沙漏的形狀，平時(shí)見于Windows程序忙的時(shí)候cursor:help;鼠標(biāo)樣式為一個(gè)普通箭頭加一個(gè)問(wèn)號(hào)，如果你在Windows窗口右上角單擊“？”按鈕后，也可以看到這種鼠標(biāo)樣式cursor:n-re

34、size;鼠標(biāo)箭頭朝上方cursor:s-resize;鼠標(biāo)箭頭朝下方cursor:e-resize;鼠標(biāo)箭頭朝右方cursor:w-resize;鼠標(biāo)箭頭朝左方cursor:ne-resize;鼠標(biāo)箭頭朝右上方cursor:nw-resize;鼠標(biāo)箭頭朝左上方cursor:se-resize;鼠標(biāo)箭頭朝右下方cursor:sw-resize; 鼠標(biāo)箭頭朝左下方實(shí)例十四 層疊樣式表與和在同一頁(yè)面中的應(yīng)用，如圖2-16所示（SL2-14.htm）。 實(shí)例十四 SPAN與DIV .SpanF1background-color:red;color:white; .SpanF2background-c

35、olor:yellow;color:black; .SpanF3background-color:blue;color:white; .SpanF4background-color:lime;color:black; .DivF1 background-color:yellow;color:black; .DivF2 background-color:magenta;color:white; .DivF3 background-color:cyan;color:black; .DivF4 background-color:black;color:white; 請(qǐng)對(duì)下聯(lián)(答案在本書內(nèi)找): 蒲葉

36、 桃葉 葡萄葉 草本木本 蒲葉 桃葉 葡萄葉 草本木本圖2-12 圖片的摘要信息、零邊框等圖2-11 標(biāo)記的作用圖2-16 使用與的效果2-8 小結(jié)HTML標(biāo)記一般成對(duì)出現(xiàn)。標(biāo)記一般不嵌套使用。大、小寫字母在標(biāo)記中可以通用，但建議統(tǒng)一使用。最好不交叉使用標(biāo)記（但交叉使用一般也不會(huì)糾起瀏器出錯(cuò)）。超文本標(biāo)記語(yǔ)言的擴(kuò)展名可以是.htm/.html或.HTM/.HTML，最好統(tǒng)一使用。在FrontPage 2000下，打開“HTML”標(biāo)簽，學(xué)習(xí)HTML源文件的編制。層疊樣式表的簡(jiǎn)單使用是在HTML語(yǔ)句中插入stye屬性。XML的最大特點(diǎn)是，我們可以根據(jù)XML的標(biāo)準(zhǔn)制訂出各種具有實(shí)際含義的標(biāo)記 元素。

37、制作主頁(yè)時(shí)，應(yīng)考慮下載速度，一般保持在頁(yè)面的內(nèi)容小于60KB，下載速度小于30秒的范圍內(nèi)。習(xí) 題1.HTML的含義是什么？它屬于什么類型的文件？2.編輯HTML可以用哪些工具？3.什么是圖片的文本替換？請(qǐng)寫出一條可運(yùn)行的語(yǔ)句。4.在記事本、Word 2000、IE和FrontPage 2000下分別制作一個(gè)網(wǎng)頁(yè)，比較一下源程序。5.簡(jiǎn)述屬性和標(biāo)記的含義。6.寫出在超鏈接的文本中附帶摘要信息的語(yǔ)句。7.簡(jiǎn)述HTML文檔的結(jié)構(gòu)。8.簡(jiǎn)述層疊樣式表（CSS）的使用方法，并自建立一個(gè)含有CSS功能的網(wǎng)頁(yè)，可參照?qǐng)D2-17。9.連接互聯(lián)網(wǎng)，瀏覽風(fēng)格各異的網(wǎng)站，如: 10.試編制圖2-17所示的HTML網(wǎng)

38、頁(yè)。11.結(jié)合本章給出的實(shí)例，上機(jī)操作。3 編輯和創(chuàng)建網(wǎng)頁(yè)內(nèi)容簡(jiǎn)介：本章將重點(diǎn)學(xué)習(xí)FrontPage 2000的基本使用方法，其中包括頁(yè)面制作、排版、插圖、多媒體效果、超鏈接、制作和應(yīng)用表格、表單應(yīng)用、框架制作等。 3-1 使用FrontPage 20003-1-1 FrontPage 2000的主窗口3-1-2 FrontPage 2000的視圖欄3-1-3 主窗口的五個(gè)標(biāo)簽3-1-4 建立新頁(yè)面3-1-5 在頁(yè)面中插入文本3-1-6 在頁(yè)面中插入圖像3-1-7 多媒體效果3-1-1 FrontPage 2000的主窗口圖3-1 FrontPage 2000的初始主畫面啟動(dòng)FrontPage

39、 2000（選擇開始 程序 Microsoft FrontPage），直接進(jìn)入FrontPage 2000的網(wǎng)頁(yè)視圖模式，如圖3-13-1-2 FrontPage 2000的視圖欄1.網(wǎng)頁(yè) 2.文件夾 3.報(bào)表 4.導(dǎo)航 5.超鏈接 6.任務(wù)【文件夾】按鈕窗口【導(dǎo)航】按鈕窗口【報(bào)表】按鈕窗口【超鏈接】按鈕窗口3-1-3 主窗口的五個(gè)標(biāo)簽FrontPage 2000提供的標(biāo)簽:普通、HTML、預(yù)覽和制作框架網(wǎng)頁(yè)時(shí)提供的無(wú)框架、框架網(wǎng)頁(yè)HTML，幫助用戶方便地查看一般的網(wǎng)頁(yè)編輯畫面、HTML的源代碼、預(yù)覽頁(yè)面以及框架頁(yè)面和框架的HTML源代碼。編輯一般網(wǎng)頁(yè)時(shí)添加前三個(gè)標(biāo)簽，編輯框架網(wǎng)頁(yè)時(shí)添加后兩個(gè)

40、標(biāo)簽。普通標(biāo)簽HTML標(biāo)簽預(yù)覽標(biāo)簽無(wú)框架標(biāo)簽框架標(biāo)簽3-1-4 建立新頁(yè)面使用模板向?qū)ЬW(wǎng)頁(yè)的內(nèi)容 常規(guī)標(biāo)簽 背景標(biāo)簽 邊距標(biāo)簽 自定義標(biāo)簽 語(yǔ)言標(biāo)簽 主題1）設(shè)置網(wǎng)站主題2）個(gè)別網(wǎng)頁(yè)的主題設(shè)置【新建】常規(guī)對(duì)話框標(biāo)簽【網(wǎng)頁(yè)屬性】常規(guī)對(duì)話框標(biāo)簽【網(wǎng)頁(yè)屬性】對(duì)話框背景標(biāo)簽主題設(shè)置對(duì)話框3-1-5 在頁(yè)面中插入文本作為網(wǎng)頁(yè)中最基本的內(nèi)容文本，是網(wǎng)頁(yè)中惟一不可缺少的部分。文本的輸入文本的基本操作1）改變文字的大小、字體、顏色2）分段3-1-6 在頁(yè)面中插入圖像Internet上的圖像添加圖像在圖片上書寫文字創(chuàng)建自動(dòng)縮略圖圖片的替代文字和替代圖透明圖片的建立圖像地圖【圖片】工具欄【圖片屬性】對(duì)話框中的【替

41、代表示】欄【圖片】工具欄中的【設(shè)置透明的顏色】按鈕3-1-7 多媒體效果1. DHTML動(dòng)態(tài)效a.文字的動(dòng)態(tài)效果在頁(yè)面中任選一段文字在菜單欄中選擇選擇，單擊動(dòng)態(tài)HTML效果。在彈出的DHTML效果對(duì)話框中根據(jù)需要分別選擇：開啟、應(yīng)用、效果。b.圖片的動(dòng)態(tài)效果2.插入背景音樂a.直接插入背景音樂b.利用插件插入背景音樂注意：可以使用的音樂文件類型有許多，如：WAV、MIDI、RA/RAM、AIFF、AU以及MP3等，但推薦在網(wǎng)頁(yè)中盡量使用較小的文件。3-2 超鏈接當(dāng)我們?cè)诰W(wǎng)頁(yè)中建立超鏈接后，只要簡(jiǎn)單地在所設(shè)置的超鏈接（文字或圖片）上單擊鼠標(biāo)，就能完成超鏈接的任務(wù)，到達(dá)被鏈接的“彼岸”。3-2-1

42、 建立超鏈接超鏈接步驟：選中要建立超鏈接的文字和圖片在菜單欄中單擊插入超鏈接，彈出圖3-14的創(chuàng)建超鏈接對(duì)話框在URL欄內(nèi)直接輸入被鏈接的地址，如圖3-14圖3-14 創(chuàng)建超鏈接對(duì)話框3-2-2 網(wǎng)站內(nèi)部的超鏈接網(wǎng)站內(nèi)部的超鏈接有兩種情況：網(wǎng)站內(nèi)部文件之間的關(guān)聯(lián)，或網(wǎng)站內(nèi)部文件與外部的超鏈接。選擇菜單欄中的【文本】 【打開站點(diǎn)】，在 【打開站點(diǎn)】對(duì)話框中，選中要打開的文件夾，單擊 【打開】按鈕；再到菜單欄中選擇 【插入】 【超鏈接】，彈出對(duì)話框。3-2-3 網(wǎng)頁(yè)內(nèi)部的超鏈接1.設(shè)置書簽選取要設(shè)置書簽的文字在菜單欄單擊插入書簽，彈出書簽對(duì)話框，如圖3-15書簽名稱框內(nèi)顯示已設(shè)置的文字，單擊確定按

43、鈕即可（也可改造其他的名稱），被設(shè)置為書簽的文字下方會(huì)場(chǎng)出現(xiàn)虛線。若要?jiǎng)h除“書簽”，只在圖3-15中選中要?jiǎng)h除的“書簽”，單擊清除按鈕即可。2.建立內(nèi)部超鏈接在所編輯的文本中，選定想要設(shè)置內(nèi)部超鏈接的文字從菜單欄中選取插入超鏈接，或單擊鼠標(biāo)右鍵，選取超鏈接在對(duì)話框（如圖3-14所示）的左下方，從書簽的列表框中選取需超鏈接的書簽名稱。例3.1建立網(wǎng)頁(yè)內(nèi)部的超鏈接（L3-1.htm） 沁園春長(zhǎng)沙 至注釋 一九二五年 獨(dú)立寒秋，湘江北去，橘子洲頭?？慈f(wàn)山紅遍，層林盡染。 漫江碧透，百舸爭(zhēng)流。鷹擊長(zhǎng)空，魚翔淺底，萬(wàn)類霜天競(jìng)自由。 悵寥廓，問(wèn)蒼茫大地，誰(shuí)主沉浮。 攜來(lái)百侶曾游，憶往昔，崢嶸歲月稠。 恰同

44、學(xué)少年，風(fēng)華正茂。書生意氣，揮斥方猷。指點(diǎn)江山， 激揚(yáng)文字，糞土當(dāng)年萬(wàn)戶侯。曾記否，到中流擊水，浪遏飛舟。 注釋 沁園春（詞牌）由東漢的沁水公主園得名。 長(zhǎng)沙1913-1918毛澤東就讀于湖南第一師范學(xué)校。 同學(xué)少年毛澤東于一九一八年發(fā)起新民學(xué)會(huì)，入會(huì)有蔡和森、何叔衡。猷勁 返回題頭 圖3-15 書簽對(duì)話框3-2-4 利用瀏覽器來(lái)建立外部的超鏈接操作步驟：?jiǎn)螕鬠RL框右邊 按鈕（如圖3-14所示）在新打開的默認(rèn)瀏覽器中，如圖3-16所示，輸入要鏈接的URL地址與文件。按Alt+Tab鍵返回FrontPage 2000,此時(shí)的URL框內(nèi)已加上了要鏈接的URL地址或文件。圖3-16 新開啟的預(yù)設(shè)瀏

45、覽器3-2-5 建立電子郵件超鏈接可以用兩種方法建立電子郵件超鏈接：在文本欄內(nèi)輸入接受電子郵件的地址.如someone.在【普通】標(biāo)簽下,能直接輸入接受電子郵件的地址,FrontPage 2000會(huì)自動(dòng)地將其設(shè)為電子郵件超鏈接.“創(chuàng)建電子郵件超鏈接”對(duì)話框3-2-6 取消超鏈接 用FrontPage 2000編輯文本時(shí),只要輸入含有:http:/或(讀作:at)等的字符串時(shí),FrontPage 2000都會(huì)自動(dòng)地為其建立地址或郵件等的超鏈接,只需選中已設(shè)超鏈接的地址或郵件等,再單擊鼠標(biāo)右鍵,打開【超鏈接屬性】,在彈出的對(duì)話框中,將URL地址的內(nèi)容清除即可.3-3 繪制表格【插入表格】對(duì)話框 操

46、作類似于Word：選擇菜單命令【表格】 【插入】 【表格】,彈出 【插入表格】對(duì)話框,如圖,用戶可根據(jù)要求建立表格.3-4 使用表單表單與表格只有一字之差，但功能完全不同。表單是輸入欄的集合，是客戶端與服務(wù)器端之間常用來(lái)進(jìn)行網(wǎng)頁(yè)交互的工具。提交表單3-4-1 表單的構(gòu)成我們創(chuàng)建的任何一個(gè)HTML表單一般都含有三個(gè)基本組成部分：一個(gè)或多個(gè)輸入域一種提交結(jié)果的方式一個(gè)用于收集、處理并記錄提交數(shù)據(jù)的程序。3-4-2 表單的創(chuàng)建【新建】表單頁(yè)對(duì)話框【表單屬性】對(duì)話框1.使用模板 2.跟隨表單向?qū)?3.用戶自己挑選表單元件3-4-3 處理表單數(shù)據(jù)用戶根據(jù)不同的需求可以選用的處理方式有：將結(jié)果發(fā)送到某文件

47、將結(jié)果以電子郵件的形式發(fā)送發(fā)送至某數(shù)據(jù)庫(kù)保存發(fā)送至其他對(duì)象（用戶定制腳本來(lái)處理數(shù)據(jù)）3-5 設(shè)計(jì)框架網(wǎng)頁(yè)用戶可以通過(guò)使用框架來(lái)更好地控制瀏覽器窗口中的網(wǎng)頁(yè)組合。采用框架設(shè)計(jì)的網(wǎng)頁(yè)稱為框架集，它們實(shí)際上是HTML頁(yè)面的集合。每個(gè)框架頁(yè)由控制框架結(jié)構(gòu)的文件和至少兩個(gè)同時(shí)顯示但內(nèi)容不同的HTML文件組成?？蚣芫W(wǎng)頁(yè)的好處之一是各顯示頁(yè)面可分別瀏覽，它是網(wǎng)頁(yè)設(shè)計(jì)中較難、較復(fù)雜的內(nèi)容，可以不夸張地說(shuō)，掌握了框架網(wǎng)頁(yè)的設(shè)計(jì)就完全掌握了網(wǎng)頁(yè)制作的過(guò)程。3-5-1 創(chuàng)建框架1.選擇菜單命令文件新建網(wǎng)頁(yè)，彈出新建對(duì)話框2.在根據(jù)模板新建網(wǎng)頁(yè)模板對(duì)話框中，選擇框架網(wǎng)頁(yè)標(biāo)簽，如圖3-223.在框架網(wǎng)頁(yè)中，選擇所需框架

48、（右下角有框架網(wǎng)頁(yè)樣式預(yù)覽，預(yù)覽上方有針對(duì)所選框架模板的布局說(shuō)明），單擊確定按鈕后，如圖3-234.在各框架頁(yè)部分，可以使用已有的網(wǎng)頁(yè)頁(yè)面，也可以建一個(gè)新頁(yè)面。選擇框架網(wǎng)頁(yè)時(shí),FrontPage 2000的編輯窗口下部會(huì)多出兩個(gè)標(biāo)簽:無(wú)框架和框架網(wǎng)頁(yè)HTML.圖3-23 編輯窗口的“框架網(wǎng)頁(yè)”圖3-22 【新建】對(duì)話框3-5-2 分割和刪除框架用戶可以非常輕松地分割和刪除框架，按下述步驟即可完成：選定需要分割或刪除的框架在菜單欄中選擇【框架】【拆分框架】或【刪除框架】命令。3-5-3 保存框架保存整個(gè)框架結(jié)構(gòu)文檔在菜單命令中選取文件保存文件或另存為輸入文件名，單擊保存按鈕保存部分框架結(jié)構(gòu)文檔在

49、菜單命令中選取框架另存為網(wǎng)頁(yè)在彈出有另存為對(duì)話框（見圖3-24）中，輸入文件中，單擊保存按鈕用戶還可以從圖3-24左邊的懸浮按鈕或選擇其它方式保存當(dāng)前文檔的位置圖3-24【另存為】對(duì)話框被選中需保存的框架部分的顏色變深3-5-4 建立框架鏈接在框架網(wǎng)頁(yè)的任意一個(gè)框架內(nèi)建立超鏈接,其建立方法如下:在按鈕欄單擊 按鈕；或單擊鼠標(biāo)右鍵，選取超鏈接屬性，創(chuàng)建超鏈接在編輯超鏈接對(duì)話框內(nèi)（見圖3-25），單擊目標(biāo)框架的 按鈕，彈出目標(biāo)框架對(duì)話框（見圖3-26），按需設(shè)置不同框架頁(yè)的超鏈接在編輯超鏈接對(duì)話框內(nèi)，單擊 按鈕，可以建立本站的文件超鏈接；或直接在URL框中輸入超鏈接地址。圖3-26 【目標(biāo)框架】對(duì)

50、話框圖3-25 【編輯超鏈接】對(duì)話框3-5-5 對(duì)框架屬性的修改單擊菜單命令【框架】【框架屬性】，或在任意框架內(nèi)右擊鼠標(biāo)，彈出【框架屬性】對(duì)話框。該對(duì)話框內(nèi)有：名稱、初始網(wǎng)頁(yè)、框架大小、邊距等，用戶可根據(jù)需要選擇修改。3-5-6 為不支持框架的瀏覽器創(chuàng)建網(wǎng)頁(yè)目前的瀏覽器功能齊全，但為了“顧全大局”，F(xiàn)rontPage 2000給不支持框架的瀏覽器定制了一種功能，單擊【無(wú)框架】標(biāo)簽，F(xiàn)rontPage 2000將顯示“此網(wǎng)頁(yè)使用了框架，但您的瀏覽器不支持框架。 ”的空白網(wǎng)頁(yè)。此功能提供給用戶為不支持框架的瀏覽器設(shè)置網(wǎng)頁(yè)，以保證網(wǎng)頁(yè)平臺(tái)與瀏覽器的無(wú)關(guān)性。3-6 發(fā)布站點(diǎn)1.發(fā)布站點(diǎn)前的準(zhǔn)備檢查拼寫

51、FrontPage 2000提供了兩種基本的檢查拼寫，一種是Word 2000的“拼寫和語(yǔ)法”檢查類似：選中單一的網(wǎng)而；從FrontPage 2000的菜單欄中選擇工具拼寫檢查（或按F7）。另一種是：?jiǎn)螕粢晥D欄中的文件夾按鈕，列出網(wǎng)站內(nèi)的所有文件；在菜單欄中選擇工具拼寫檢查（或按F7），彈出拼寫檢查對(duì)話框，如圖3-27所示；選中整個(gè)站點(diǎn)單擊開始按鈕，若網(wǎng)站內(nèi)的文件隱藏有錯(cuò)誤，拼寫檢查對(duì)話框?qū)⒆兂扇鐖D3-28所示。檢查超鏈接2.發(fā)布站點(diǎn)在“視圖欄”中顯示主頁(yè)，選擇菜單命令文件發(fā)布站點(diǎn)在彈出的發(fā)布站點(diǎn)對(duì)話框中指定站點(diǎn)位置或單擊WPP按鈕，尋找站點(diǎn)建立提供者單擊發(fā)布按鈕3.刪除站點(diǎn)打開要?jiǎng)h除的站點(diǎn)，

52、在視圖欄內(nèi)單擊文件夾按鈕選中要?jiǎng)h除的站點(diǎn)鼠標(biāo)右擊站點(diǎn)文件夾，從快捷菜單中選擇刪除在確認(rèn)刪除對(duì)話框中，單擊確定按鈕。圖3-28 檢測(cè)出隱藏錯(cuò)誤時(shí)的【拼寫檢查】對(duì)話框圖3-27 【拼寫檢查】對(duì)話框3-7 實(shí)訓(xùn)題實(shí)例一 用FrontPage 2000創(chuàng)建網(wǎng)頁(yè)（SL3-1.htm）。1.單擊桌面左下角的【開始】按鈕，選擇【程序】。2.單擊【Microsoft FrontPage】，進(jìn)入FrontPage 2000主窗口。3.選擇主窗口左下角的【普通】標(biāo)簽。4.在窗口中輸入：我們的大學(xué)生活。以此為題插入圖片、文字，搭配色彩、背景。5.先用【預(yù)覽】標(biāo)簽觀看，最后的效果要用瀏覽器檢驗(yàn)。實(shí)例二 創(chuàng)建框架結(jié)構(gòu)的

53、網(wǎng)頁(yè)。1.運(yùn)行FrontPage 2000。2.單擊菜單命令【文件】【新建】【網(wǎng)頁(yè)】【框架網(wǎng)頁(yè)】。3.選中【橫幅和目錄】模板，單擊【確定】按鈕。4.在模板中，分別對(duì)主窗口、橫幅和目錄建立【新建網(wǎng)頁(yè)】或【設(shè)置初始網(wǎng)頁(yè)】。5.分別將控制框架、主窗口、橫幅和目錄文件命名為：SL3-1.htm、main.htm、top.htm和left.htm，運(yùn)行結(jié)果如圖3-29所示。6.保存控制框架結(jié)構(gòu)圖3-30的文檔源代碼如下：框架結(jié)構(gòu)網(wǎng)頁(yè) 此網(wǎng)頁(yè)使用了框架，但您的瀏覽器不支持框架。 圖3-30 保存控制框架結(jié)構(gòu)文檔：SL3-1.htm圖3-29 SL3-1.htm的運(yùn)行結(jié)果3-8 小結(jié)FrontPage 20

54、00上手快、簡(jiǎn)單易學(xué)，對(duì)初學(xué)網(wǎng)頁(yè)的用戶非常適宜。雖說(shuō)簡(jiǎn)單易學(xué)，但它的功能強(qiáng)大、內(nèi)容豐富，可作為一般網(wǎng)站的設(shè)計(jì)開發(fā)工具。FrontPage 2000的智能功能可以為用戶自動(dòng)或默認(rèn)地添加一些有用信息，或引導(dǎo)用戶生成較合適的網(wǎng)頁(yè)。這一點(diǎn)常常令初學(xué)者贊嘆，但也有它的弊端。應(yīng)用FrontPage 2000的預(yù)覽功能常常得不到真實(shí)的設(shè)計(jì)效果，用戶應(yīng)使用瀏覽器觀看網(wǎng)頁(yè)設(shè)計(jì)的最終效果。實(shí)際操作中用戶應(yīng)注意分清具體的操作對(duì)象，這里有網(wǎng)頁(yè)屬性、表格屬性、單元屬性等，網(wǎng)頁(yè)屬性是針對(duì)整個(gè)頁(yè)面：表格屬性是針對(duì)整個(gè)表格；單元屬性是針對(duì)一個(gè)單元。習(xí)題1.FrontPage 2000有哪些主要功能？有哪些優(yōu)點(diǎn)和缺點(diǎn)？2.打開

55、FrontPage 2000的主窗口，它提供的主要標(biāo)簽是哪幾個(gè)？3.什么是表格？什么是表單？各自有何差異？各自的主要功能是什么？4.框架結(jié)構(gòu)適用于什么樣的網(wǎng)站？5.寫出在網(wǎng)頁(yè)中添加文本的過(guò)程。6.寫出用FrontPage 2000設(shè)置圖片的替代文字或替代圖的全過(guò)程。7.通常在網(wǎng)頁(yè)中使用的圖片格式是哪幾種？8.寫出制作透明圖像的過(guò)程。9.制作一個(gè)含有DHTML動(dòng)態(tài)效果文字和圖片的頁(yè)面，可參見圖3-32。10.創(chuàng)建如圖3-32所示的網(wǎng)頁(yè)，并添加背景圖片和背景音樂。11.創(chuàng)建一幅（自選）具有兩個(gè)圖片熱點(diǎn)的網(wǎng)頁(yè)，并將其中一個(gè)的超鏈接地址設(shè)置為：，參見圖3-33。12.創(chuàng)建如圖3-33所示的框架網(wǎng)頁(yè)（其

56、中：Main.htm、Top.htm、Left.htm為框架內(nèi)的文件）。4 在HTML中引入腳本語(yǔ)言內(nèi)容簡(jiǎn)介：本章將重點(diǎn)學(xué)習(xí)腳本語(yǔ)言VBScript，掌握VBScript的語(yǔ)句和過(guò)程。了解VBScript的對(duì)象和事件。掌握VBScript在HTML中的應(yīng)用。學(xué)習(xí)另一種腳本語(yǔ)言JavaScript及其使用方法，并初步了解XML的作用。 4-1 VBScript腳本語(yǔ)言的作用HTML生成的文檔是一種靜態(tài)文檔，幾乎沒有交互功能，很難使頁(yè)面成為動(dòng)態(tài)頁(yè)面。而增加VBScript，可使數(shù)據(jù)發(fā)送到服務(wù)器之前先進(jìn)行處理和校驗(yàn)，動(dòng)態(tài)地創(chuàng)建新的Web內(nèi)容，更重要的是引入腳本語(yǔ)言使我們有了事件驅(qū)動(dòng)的軟件開發(fā)環(huán)境。V

57、BScript是Visual Basic語(yǔ)言的一個(gè)子集，它不是一個(gè)完整、成熟的語(yǔ)言開發(fā)系統(tǒng)。 VBScript僅包含Visual Basic語(yǔ)言中的一些基本功能。例4.1 使用VBScript腳本語(yǔ)言顯示結(jié)果如圖4-1所示（L4-1.htm）。使用VBScript MsgBox 今天是公元 & Date & 。 圖4-1 使用VBScript腳本語(yǔ)言4-2 腳本語(yǔ)言的輸入與輸出語(yǔ)言的語(yǔ)法、規(guī)則、關(guān)鍵字頗多，其目的之一就是為了更方便地輸入/輸出。對(duì)于任何一種語(yǔ)言的學(xué)習(xí)，可以說(shuō)掌握了輸入/輸出基本上就掌握了該語(yǔ)言的使用。例4.2 VBScript腳本語(yǔ)言的輸入/輸出（L4-2.htm）。輸入/輸出

58、例 StringA=InputBox(請(qǐng)輸入您的姓名： ,輸入/輸出例) OutA=MsgBox(您的名字是： & StringA)說(shuō)明：打開瀏覽器運(yùn)行例4.2，在彈出的對(duì)話框（即輸入框，如圖4-2所示）中，輸入數(shù)據(jù)并單擊確定按鈕，彈出對(duì)話框（即輸出框，如圖4-3所示）。圖4-3 輸入對(duì)話框圖4-3 輸出對(duì)話框4-2-1 輸出函數(shù)MsgBoxMsgBox函數(shù)的格式如下：D =MsgBox(prompt,buttons,title,htlpfile,context)MsgBox函數(shù)有5個(gè)參數(shù)，第一個(gè)參數(shù)為必選項(xiàng)，其他參數(shù)為可選項(xiàng)。1.prompt（提示）：必選項(xiàng)。給出對(duì)話框中的顯示信息，字符串表

59、達(dá)式。2.buttons（按鈕）：可選項(xiàng)。數(shù)值表達(dá)式，也可以是數(shù)值表達(dá)式值的總和。給出顯示按鈕的個(gè)數(shù)及樣式。Buttons參數(shù)取值如表4-13.title（標(biāo)題）：可選項(xiàng)。顯示在所彈出對(duì)話框標(biāo)題欄中的標(biāo)題，字符串表達(dá)式。4.helpfile（幫助文件）：可選項(xiàng)。用來(lái)識(shí)別向?qū)υ捒蛱峁┥舷挛南嚓P(guān)幫助的幫助文件，字符串表達(dá)式。5.context（幫助文件的上下文編號(hào)）：可選項(xiàng)。由幫助文件的作者指定給適當(dāng)?shù)膸椭黝}的幫助上下文編號(hào)，數(shù)值表達(dá)式。MsgBox函數(shù)提供了7種命令按鈕，當(dāng)用戶單擊近鈕時(shí)，各按鈕返回與單擊按鈕相對(duì)應(yīng)的整數(shù)值，這個(gè)整數(shù)值就是MsgBox函數(shù)的返回值，如表4-2表4-1 butto

60、ns參數(shù)的取值 符號(hào)常量值作用VbOkOnly0僅顯示【確定】按鈕VbOkCancel1 顯示【確定】和【取消】按鈕VbAbortRetryIgnore 2顯示【終止】、【重試】和【忽略】按鈕VbYesNoCancel 3顯示【是】、【否】和【取消】按鈕VbYesNo 4顯示【是】和【否】按鈕VbRetryCancel5顯示【重試】和【取消】按鈕VbCritical 16顯示關(guān)鍵信息圖標(biāo)，紅色StopVbQuestion 32顯示詢問(wèn)信息圖標(biāo)，?VbExclamation 48顯示警告信息圖標(biāo)，!VbInformation 64顯示信息圖標(biāo)，iVbDefaultButton10默認(rèn)第一個(gè)按鈕為