【正文】 ， 系統(tǒng)才打開了這個文件 。實際上就是將 HTML文檔及其中的 HTML元素等對象化 ， 并開放給腳本語言 ，瀏覽器就可以執(zhí)行語言腳本來改變這些元素了 （ IE4開始 ） 。 ⑵ 客戶端的腳本語言 經(jīng)常見到的客戶端腳本語言 （ 如 JavaScript和 VBScript） 就是 DMTML的內(nèi)容之一 。 它可以通過 JavaScript、 VBScript、 Document Object Modle（ DOM） 、 layers或者 CSS來實現(xiàn) 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 17 WEB服務(wù)器 服務(wù)器托管即租用 ISP機(jī)架位置 ， 建立企業(yè) Web服務(wù)系統(tǒng) 。 虛擬主機(jī)技術(shù)的出現(xiàn) ， 是對因特網(wǎng)技術(shù)的重大貢獻(xiàn) 。 例如 ， 用戶填寫一個信息查詢表單 ， 點擊提交按鈕 ，該表單將送至服務(wù)器計算機(jī)上的某一程序 ， 它負(fù)責(zé)處理該請求 ， 并返回適當(dāng)形式的結(jié)果 ， 如一個網(wǎng)頁 。 Web服務(wù)器可駐留于各種類型的計算機(jī)之上 ， 從常見的 PC到巨型的 UNIX網(wǎng)絡(luò) ， 以及其他各種類型的計算機(jī) 。 理論上 ， 標(biāo)記種類可以是無限的 。 ⑥ 表單類標(biāo)記 。 ② 文本控制標(biāo)記 。 ② 背景圖象 body background=imageURL bgproperties=FIXED ③ 頁面空白 （ Margin） 頁面左邊的空白 body leftmargin= 頁面上方的空白 （ 天頭 ） body topmargin= 通過以上的內(nèi)容讀者對標(biāo)簽已經(jīng)有了充分的認(rèn)識 ， 應(yīng)該說 ， 以后遇到任何標(biāo)簽即頁面元素都會很容易理解 ， 無非就是通過屬性 /值對來控制顯示的特征而已 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 11 HTML語言概述 （ 4/5） ⑷ 語言字符集 （ Charsets） 信息 （ meta標(biāo)簽 ） meta equiv=ContentType content=text/html。 尾標(biāo)簽是在標(biāo)簽前加一個斜杠 （ /） 形成的 。 BODY標(biāo)記一般不省略 ， 表示正文內(nèi)容的開始 。 圖片調(diào)用： IMG SRC=文件名 文字格式： FONT SIZE=+5 COLOR=00FFFF文字 /FONT 頁面跳轉(zhuǎn)： 〈 A HREF=文件路徑 /文件名 /A 多媒體聲頻： EMBED SRC=音樂文件名 AUTOSTART=true 多媒體視頻： EMBED SRC=視頻文件名 AUTOSTART=true 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 6 HTML語言概述 （ 1/2） HTML文檔的結(jié)構(gòu)就是網(wǎng)頁的結(jié)構(gòu) ， 即使是一個空白的網(wǎng)頁 ， 也必須包含下面的基本標(biāo)記信息 。 但這些內(nèi)容的表示形式依然是使用文本字符的 ， 因而 HTML文檔能獨立于各種操作系統(tǒng)平臺 （ 如 UNIX、 WINDOWS等 ） 。 超文本標(biāo)記語言 HTML（ Hypertext Markup Language） 定義了超文本文檔的 SGML的子集 。 努力讓讀者既有一個初步的也有一個整體的認(rèn)識 ， 如果讀者對某部分的內(nèi)容有興趣 ， 可以查閱該方面的詳細(xì)資料 ， 包括教學(xué)網(wǎng)站上的輔助資料 ， 進(jìn)行深入的學(xué)習(xí) 。 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 2 網(wǎng)頁設(shè)計基礎(chǔ)知識 簡單頁面元素使用方法 高級頁面元素的使用方法 網(wǎng)頁制作示例 實用技巧快速參考 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 3 網(wǎng)頁設(shè)計基礎(chǔ)知識 HTML語言概述 WEB服務(wù)器 客戶端腳本語言 返 回 服務(wù)器端動態(tài)網(wǎng)頁技術(shù) 網(wǎng)頁制作工具 Dreamweaver概述 網(wǎng)站設(shè)計的基本原則 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 4 HTML語言概述 （ 1/2） 80年代早期 、 IBM、 通用標(biāo)記語言 （ Generaized Markup Language） ， 即GML、 概念 性 。 但是人們習(xí)慣使用術(shù)語 HTML表示超文本文檔本身 （ 屬于一種特殊類型的 SGML文檔 ） 和用以產(chǎn)生超文本文檔的標(biāo)記語言 。 自 1990年以來 HTML就一直被用作 World Wide Web的信息表示語言 ， 用于描述 Homepage的格式設(shè)計和它與 WWW上其它 Homepage的鏈接信息 。 HTML HEAD 頭部信息 /HEAD BODY 文檔主體 ， 正文部分 /BODY /HTML 超文本文檔分文檔頭和文檔體兩部分 ， 在文檔頭里 ， 對這個文檔進(jìn)行了一些必要的定義 ， 文檔體中才是要顯示的各種文檔信息 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 7 HTML語言概述 （ 2/2） 下面是一個最基本的超文本文檔的源代碼： HTML HEAD TITLE一個簡單的 HTML示例 /TITLE /HEAD BODY CENTER H3歡迎光臨我的主頁 /H3 BR HR FONT SIZE=2 這是我第一次做主頁 ， 無論怎么樣 ， 我都會努力做好 ！ /FONT /CENTER /BODY /HTML 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 8 HTML語言概述 （ 1/5） 超文本中遇到的最大障礙就是一些用 “ ”和 “ ”括起來的句子 ， 我們稱它為標(biāo)簽 ， 是用來分割和標(biāo)記文本元素 （ 以后也稱頁面元素 ） 。 這類標(biāo)記的語法是： 標(biāo)簽 內(nèi)容 /標(biāo)簽 其中 “ 內(nèi)容 ” 部分就是要被這對標(biāo)記施加作用的部分 。charset= 位置需要填寫該主頁的字符集信息 ， 眾多的字符集名稱有 usascii、iso8859 xmacroman、 xeucjp、 gb231 xeuctw等 ， 不一一列舉 。 所以后面將幾乎不再細(xì)述任何標(biāo)簽 。 ③ 表格類標(biāo)記 。 ⑦ 框架類標(biāo)記 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 14 WEB服務(wù)器 Web服務(wù)器是指駐留于因特網(wǎng)上某種類型計算機(jī)的程序 。 它們通常經(jīng)過一條高速線路與因特網(wǎng)連接 ， 如果對性能無所謂 ， 則也可使用低速連接 （ 甚至是調(diào)制解調(diào)器 ） 。 用于執(zhí)行這些功能的程序或腳本稱為網(wǎng)關(guān)腳本 /程序 ， 或稱為 CGI（ 通用網(wǎng)關(guān)界面 ） 腳本 。 由于多臺虛擬主機(jī)共享一臺真實主機(jī)的資源 ， 每個用戶承受的硬件費用 、 網(wǎng)絡(luò)維護(hù)費用 、 通訊線路費用均大幅度降低 ， 使因特網(wǎng)真正成為人人用得起的網(wǎng)絡(luò) 。 企業(yè)主機(jī)放置在ISP機(jī)房內(nèi) ， 由 ISP分配 IP地址 ， 提供必要的維護(hù)工作 ， 由企業(yè)自己進(jìn)行主機(jī)內(nèi)部的系統(tǒng)維護(hù)及數(shù)據(jù)的更新 。 DHTML能改變頁面中的一些效果 ， 但不保證在不同的瀏覽器上有相同的效果 。 在 Microsoft和 Netscape發(fā)布的 ， 允許使用腳本語言去改變 HTML語言中大多數(shù)的元素 。 當(dāng)然不是所有元素都能被改變的 。 即使是在網(wǎng)頁中 ， 也抽象了幾乎所有的事件 。 通過改變 CSS， 就能夠改變頁面中的許多顯示效果 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 22 客戶端腳本語言 （ 1/5） 使用客戶端腳本語言 ， 原則上是需要了解一些程序設(shè)計知識的 。 ③ 瀏覽器端網(wǎng)頁及瀏覽器的動態(tài)控制 。 網(wǎng)頁加載事件： onload； 適用的頁面元素： body； 消息框函數(shù)： alert()； JavaScript腳本： alert(‘此賬號已經(jīng)被人注冊 ， 請選擇其它賬號 ！ ’ )； HTML代碼形式： body onload=alert(‘此賬號已經(jīng)被人注冊 ， 請選擇其它賬號 ！ ’ )。 鼠標(biāo)右鍵快捷菜單事件： oncontextmenu； 采用的頁面元素： td（ 單元格 ） 交互函數(shù)： return()； JavaScript腳本： return(false)； HTML代碼形式： td height=20 oncontextmenu=return(false) A href= 主頁/A/td 通過以上幾個示例的研究 ， 讀者應(yīng)該基本上了解了簡單有效的 JavaScript形式 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 27 客戶端腳本語言 （ 4種基本數(shù)據(jù)類型和對象類型 ） ： ① 數(shù)值 ② 布爾型 （ true、 false） ③ 字符串 （ 單 、 雙引號都行 ， 支持 /轉(zhuǎn)義 ） ④ 空值 （ null） ， 應(yīng)說是無類型 ⑤ 對象 javascript變量的數(shù)據(jù)類型屬于弱類型 ， 可以不聲明 ， 變量類型隨時隨地受賦值影響 。 全局變量是在函數(shù)體之外定義或使用的變量 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 29 客戶端腳本語言 ⑴ 函數(shù)定義 function 函數(shù)名稱 （ 參數(shù)表 ） { …… return 表達(dá)式； } return表達(dá)式不是必需的 ， 函數(shù)不需說明返回值和參數(shù)類型 ， 可以隨意返回值 。 一個數(shù)組元素就是一個變量 ， 可以在數(shù)組元素中儲存數(shù)值 、 字符串或其它對象 。 數(shù)組也是對象 ， 有 Length等屬性 。 每個對象都有一些屬性和操作這些屬性的方法 （ 方法即函數(shù) ， 表示對象的一個行為動作 ） ，二者統(tǒng)稱為成員 ， 訪問對象的成員的語法形式與其它語言基本一致 ， 使用 使用 JavaScript對象 ， 首先需要知道有哪些常用內(nèi)置對象 （ 就是系統(tǒng)已經(jīng)建立并命名的 ） 、這些內(nèi)置對象的主要屬性和主要方法；然后需要了解如何訪問在 HTML頁面中已經(jīng)建立的各種類型的各個對象 ， 即訪問它們的名字 、 主要屬性 、 主要方法等 。 當(dāng)今的 Web已經(jīng)不再是早期的靜態(tài)信息發(fā)布平臺 ， 客戶不僅需要 Web提供所需的信息 ， 還需要提供個性化搜索 、 收發(fā) 、 網(wǎng)上銷售 、 電子商務(wù)等活動 。 雖然客戶端用戶所接收到的頁面與傳統(tǒng)頁面并沒有任何區(qū)別 ， 但實際上頁面內(nèi)容已經(jīng)經(jīng)過了服務(wù)端處理 ， 完成了動態(tài)的個性化設(shè)置 。 它可以稱之為一種機(jī)制 。 最常用于編寫 CGI技術(shù)的語言是 Perl（ Practical Extraction and Report Language， 文字分析報告語言 ） ， 它具有強(qiáng)大的字符串處理能力 ， 特別適合用于分割處理客戶端 Form提交的數(shù)據(jù)串 ， 用它來編寫的程序后綴為 .pl。 ASP比 CGI具有的最大好處是可以包含 HTML標(biāo)簽 ， 也可以直接存取數(shù)據(jù)庫及使用無限擴(kuò)充的 ActiveX控件 ， 因此在程序編制上要比 HTML方便而且更富有靈活性 。 ⑵ Response對象 用于將服務(wù)端數(shù)據(jù)發(fā)送到客戶端 ， 可通過在客戶端瀏覽器顯示 ， 用戶瀏覽頁面的重定向以及在客戶端創(chuàng)建 cookies等方式進(jìn)行 。 同時如果不加以限制 ， 所有客戶都可以訪問這個對象 。 使用此組件能正確地裁剪出自己的 ASP文件輸出 ， 使得 ASP文件適合于用戶的瀏覽器 ，并可以根據(jù)檢測出的瀏覽器的類型來顯示不同的主頁 。 ASP技術(shù)有一個缺陷：它基本上是局限于微軟的操作系統(tǒng)平臺之上 。 總的來講 ， Java Sever Pages（ JSP） 和微軟的 Active Sever Pages（ ASP）在技術(shù)方面有許多相似之處 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計算機(jī)基礎(chǔ)教程 39 主要的服務(wù)器端動態(tài)網(wǎng)頁技術(shù) 5． JSP技術(shù) (2/3) JSP技術(shù)具有以下的優(yōu)點： ⑴ 將內(nèi)容的生成和顯示進(jìn)行分離 使用 JSP技術(shù)特別適合于進(jìn)行多級應(yīng)用程序的開發(fā) ， Web頁面開發(fā)人員可以使用HTML或者 XML標(biāo)識來設(shè)計和格式化最終頁面 ， 使用 JSP標(biāo)簽以及少量 Jav