【正文】 安全和跨平臺(tái)的動(dòng)態(tài)網(wǎng)站 。 著名的 Web服務(wù)器 Apache也支持 JSP。 ⑴ 主菜單 10類菜單 ， 涵蓋了幾乎所有的功能 ， 進(jìn)行了合理的分類 。 創(chuàng)建站點(diǎn)步驟如下： ① 在硬盤上建立一個(gè)目錄 （ 如 E:\MyWeb） 作為后面的本地站點(diǎn)的根目錄 。 網(wǎng)頁(yè)缺省的擴(kuò)展名為 html。 網(wǎng)頁(yè)中還有一些特殊符號(hào)的顯示需要使用轉(zhuǎn)義符號(hào)序列 。 ⑷ 用鼠標(biāo)點(diǎn)擊任一個(gè)單元格 ， 接著按兩下 “ Ctrl＋ A”組合鍵選取整個(gè)表格 。 ⑤ 怎樣控制子表格填滿所在的單元格或者上下對(duì)齊 。 關(guān)于圖像局部區(qū)域（ 熱點(diǎn) ） 鏈接的建立方法如下： ⑴ 選中圖像 。 層的位置是相對(duì)于父級(jí)層的 ， 頂級(jí)層的父級(jí)層就是網(wǎng)頁(yè)本身 。 ⑴ 打開(kāi) ⑵ 將光標(biāo)定位到合適的地方 ， 插入一個(gè)表單 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 69 表單 如果客戶端要向服務(wù)器端提交一些非固定的信息 ， 就需要在網(wǎng)頁(yè)中使用表單 ， 而這時(shí)候服務(wù)器就需要特定的動(dòng)態(tài)網(wǎng)頁(yè)或程序來(lái)響應(yīng)客戶端的請(qǐng)求 。 對(duì)于層 ， 可以簡(jiǎn)單地理解為 “ 活動(dòng)網(wǎng)頁(yè) ” ， 理論上可以在層中放置各種頁(yè)面元素 ， 但一般情況下使用層總是為了追求某種特殊的效果 ， 如移動(dòng)的圖片 、廣告之類 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 62 超鏈接 在 “ 課程簡(jiǎn)介 ” 文字 ， 可以看到屬性面板中的超鏈接信息 ， 可以通過(guò)右邊的 【 瀏覽文件 】 按鈕進(jìn)行重新選擇 。 這里讀者要特別研究以下的幾個(gè)問(wèn)題： ① 怎樣統(tǒng)一調(diào)整行高 、 列寬 。 因?yàn)楸砀竦淖畲髥?wèn)題在于表格內(nèi)容下載比較耗時(shí) ， 往往要等一個(gè)表格中全部?jī)?nèi)容下載完成后才能顯示該表格內(nèi)容 。 但網(wǎng)頁(yè)中有些文本內(nèi)容和 Word不一樣 。 ⑵ 基本頁(yè) 、 動(dòng)態(tài)頁(yè) 、 模板頁(yè)的區(qū)別 模板頁(yè)項(xiàng)目指的是要?jiǎng)?chuàng)建一個(gè)某種類型的模板頁(yè)面 ， 具體選擇有 HTML、ASP、 JSP、 PHP等頁(yè)面類型 。Dreamweaver可以方便地實(shí)現(xiàn)站點(diǎn)的構(gòu)建和管理 和 更新 。 PHP提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口 ， 幾乎可以連接所有的數(shù)據(jù)庫(kù)；尤其和 MYSQL數(shù)據(jù)庫(kù)的配合更是 天衣無(wú)縫 。 標(biāo)準(zhǔn)的 JSP標(biāo)識(shí)能夠訪問(wèn)和實(shí)例化 JavaBeans組件 ， 設(shè)置或者檢索組件屬性 ， 下載 Applet， 以及執(zhí)行用其他方法更難于編碼和耗時(shí)的功能 。 ⑼ Ad Rotator（ 廣告輪顯組件 ） 專門為出租廣告空間的站點(diǎn)設(shè)計(jì)的 ， 可以動(dòng)態(tài)地隨機(jī)顯示多個(gè)預(yù)先設(shè)定的 BANNER廣告條 。 它是在 WEB服務(wù)器端運(yùn)行 ， 運(yùn)行后再將運(yùn)行結(jié)果以 HTML格式傳送至客戶端的瀏覽器 。 雖然上面提到的DHTML可以創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè) ， 但那只是客戶端的動(dòng)態(tài) 。 如果在數(shù)組定義的時(shí)候沒(méi)有指定它的大小 ， 那么根據(jù)程序的需要它可以自動(dòng)地伸縮 。 鼠標(biāo)點(diǎn)擊事件： onclick； 頁(yè)面元素： input（ 表單域 ） 元素類型：按鈕 button； 按鈕所在表單： formCourse； 對(duì)話框函數(shù)： confirm()； 提交函數(shù)： submit()； JavaScript腳本： if((‘ 刪 除 此 條 記 錄 嗎 ？ ’ )) ()； HTML代碼形式： input type=button class=button1 name=btn32 value=刪除 onclick= if((‘ 刪 除 此 條 記 錄 嗎 ？ ’ )) () 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 26 客戶端腳本語(yǔ)言 （ 5/5） ④ 禁止鼠標(biāo)右鍵的操作 本例針對(duì)一個(gè)單元格 ， 禁止鼠標(biāo)右鍵的所有操作 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 20 客戶端腳本語(yǔ)言 HTML（ DHTML、 Dynamic HTML） （ 3/4） 返 回 網(wǎng)頁(yè)主要事件一覽表 事件 發(fā)生的時(shí)機(jī) 典型對(duì)象 onAbort 訪問(wèn)者中斷瀏覽器正在載入圖像的操作 IMG標(biāo)簽定義的 image對(duì)象 onBlur 失去鍵盤輸入焦點(diǎn) 文本框等 onChange 輸入值發(fā)生變化 文本框等 onClick 鼠標(biāo)單擊 按鈕、鏈接 onError 網(wǎng)頁(yè)或圖像載入產(chǎn)生錯(cuò)誤 Image、 window對(duì)象 onFocus 獲得鍵盤輸入焦點(diǎn) 文本框等 onKeyDown 鍵盤按下 文本框等 onKeyUp 鍵盤松開(kāi) 文本框等 onKeyPress 鍵盤一次有效按鍵 文本框等 onLoad 一圖像或網(wǎng)頁(yè)載入完成時(shí) Image、 window對(duì)象 onMouseDown 按下鼠標(biāo) onMouseUp 松開(kāi)鼠標(biāo) onMouseMove 鼠標(biāo)在指定元素上移動(dòng)時(shí) onMouseOut 鼠標(biāo)從指定元素上移開(kāi) onMouseOver 鼠標(biāo)進(jìn)入指定元素時(shí) Area、 Link對(duì)象 onMove 窗體或框架移動(dòng)時(shí) window or frame onReset 表單內(nèi)容重置時(shí) onResize 改變?yōu)g覽器或框架大小 window or frame onSelect 選擇文本框中的文本時(shí) 文本框等 onSubmit 按下 Submit按鈕 onUnload 網(wǎng)頁(yè)卸載 Window對(duì)象 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 21 客戶端腳本語(yǔ)言 HTML（ DHTML、 Dynamic HTML） （ 4/4） ⑸ 級(jí)聯(lián)樣式表 CSS 因?yàn)?CSS是 DOM中的一部分 ， 其實(shí)就是 DOM使用 CSS表示對(duì)象的屬性 ， 因而也是 DHTML的主要方式 ， 所以讓腳本語(yǔ)言能夠改變 CSS中的一些屬性 。 它可以通過(guò) JavaScript、 VBScript、 Document Object Modle（ DOM） 、 layers或者 CSS來(lái)實(shí)現(xiàn) 。 Web服務(wù)器可駐留于各種類型的計(jì)算機(jī)之上 ， 從常見(jiàn)的 PC到巨型的 UNIX網(wǎng)絡(luò) ， 以及其他各種類型的計(jì)算機(jī) 。 ② 背景圖象 body background=imageURL bgproperties=FIXED ③ 頁(yè)面空白 （ Margin） 頁(yè)面左邊的空白 body leftmargin= 頁(yè)面上方的空白 （ 天頭 ） body topmargin= 通過(guò)以上的內(nèi)容讀者對(duì)標(biāo)簽已經(jīng)有了充分的認(rèn)識(shí) ， 應(yīng)該說(shuō) ， 以后遇到任何標(biāo)簽即頁(yè)面元素都會(huì)很容易理解 ， 無(wú)非就是通過(guò)屬性 /值對(duì)來(lái)控制顯示的特征而已 。 圖片調(diào)用： IMG SRC=文件名 文字格式： FONT SIZE=+5 COLOR=00FFFF文字 /FONT 頁(yè)面跳轉(zhuǎn)： 〈 A HREF=文件路徑 /文件名 /A 多媒體聲頻： EMBED SRC=音樂(lè)文件名 AUTOSTART=true 多媒體視頻： EMBED SRC=視頻文件名 AUTOSTART=true 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 6 HTML語(yǔ)言概述 （ 1/2） HTML文檔的結(jié)構(gòu)就是網(wǎng)頁(yè)的結(jié)構(gòu) ， 即使是一個(gè)空白的網(wǎng)頁(yè) ， 也必須包含下面的基本標(biāo)記信息 。 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 2 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) 簡(jiǎn)單頁(yè)面元素使用方法 高級(jí)頁(yè)面元素的使用方法 網(wǎng)頁(yè)制作示例 實(shí)用技巧快速參考 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 3 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) HTML語(yǔ)言概述 WEB服務(wù)器 客戶端腳本語(yǔ)言 返 回 服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) 網(wǎng)頁(yè)制作工具 Dreamweaver概述 網(wǎng)站設(shè)計(jì)的基本原則 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 4 HTML語(yǔ)言概述 （ 1/2） 80年代早期 、 IBM、 通用標(biāo)記語(yǔ)言 （ Generaized Markup Language） ， 即GML、 概念 性 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 7 HTML語(yǔ)言概述 （ 2/2） 下面是一個(gè)最基本的超文本文檔的源代碼： HTML HEAD TITLE一個(gè)簡(jiǎn)單的 HTML示例 /TITLE /HEAD BODY CENTER H3歡迎光臨我的主頁(yè) /H3 BR HR FONT SIZE=2 這是我第一次做主頁(yè) ， 無(wú)論怎么樣 ， 我都會(huì)努力做好 ！ /FONT /CENTER /BODY /HTML 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 8 HTML語(yǔ)言概述 （ 1/5） 超文本中遇到的最大障礙就是一些用 “ ”和 “ ”括起來(lái)的句子 ， 我們稱它為標(biāo)簽 ， 是用來(lái)分割和標(biāo)記文本元素 （ 以后也稱頁(yè)面元素 ） 。 ③ 表格類標(biāo)記 。 用于執(zhí)行這些功能的程序或腳本稱為網(wǎng)關(guān)腳本 /程序 ， 或稱為 CGI（ 通用網(wǎng)關(guān)界面 ） 腳本 。 在 Microsoft和 Netscape發(fā)布的 ， 允許使用腳本語(yǔ)言去改變 HTML語(yǔ)言中大多數(shù)的元素 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 22 客戶端腳本語(yǔ)言 （ 1/5） 使用客戶端腳本語(yǔ)言 ， 原則上是需要了解一些程序設(shè)計(jì)知識(shí)的 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 27 客戶端腳本語(yǔ)言 （ 4種基本數(shù)據(jù)類型和對(duì)象類型 ） ： ① 數(shù)值 ② 布爾型 （ true、 false） ③ 字符串 （ 單 、 雙引號(hào)都行 ， 支持 /轉(zhuǎn)義 ） ④ 空值 （ null） ， 應(yīng)說(shuō)是無(wú)類型 ⑤ 對(duì)象 javascript變量的數(shù)據(jù)類型屬于弱類型 ， 可以不聲明 ， 變量類型隨時(shí)隨地受賦值影響 。 數(shù)組也是對(duì)象 ， 有 Length等屬性 。 雖然客戶端用戶所接收到的頁(yè)面與傳統(tǒng)頁(yè)面并沒(méi)有任何區(qū)別 ， 但實(shí)際上頁(yè)面內(nèi)容已經(jīng)經(jīng)過(guò)了服務(wù)端處理 ， 完成了動(dòng)態(tài)的個(gè)性化設(shè)置 。 ⑵ Response對(duì)象 用于將服務(wù)端數(shù)據(jù)發(fā)送到客戶端 ， 可通過(guò)在客戶端瀏覽器顯示 ， 用戶瀏覽頁(yè)面的重定向以及在客戶端創(chuàng)建 cookies等方式進(jìn)行 。 總的來(lái)講 ， Java Sever Pages（ JSP） 和微軟的 Active Sever Pages（ ASP）在技術(shù)方面有許多相似之處 。 由于 Apache廣泛應(yīng)用在 NT、 Unix和 Linux上 ， 因此 JSP有更廣泛的運(yùn)行平臺(tái) 。 ⑵ 工具欄 位于文檔區(qū)域上方 ， 有文檔工具欄和標(biāo)準(zhǔn)工具欄兩部分 ， 圖中只顯示出文檔工具欄 。 ② 在 Dreamweaver中執(zhí)行命令 【 站點(diǎn) 】 → 【 新建站點(diǎn) 】 ， 出現(xiàn)圖 82的對(duì)話框 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 51 創(chuàng)建及保存網(wǎng)頁(yè) （ 1/2） 如果覺(jué)得某個(gè)網(wǎng)頁(yè)的頁(yè)面效果比較好 ， 可以直接利用 。 在網(wǎng)頁(yè)設(shè)計(jì)視圖中直接輸入回車表示一個(gè)段落 ， 段落顯示時(shí)候頁(yè)面中將會(huì)空一行 。 ⑸ 把鼠標(biāo)移動(dòng)到表格左上角外部 ， 待鼠標(biāo)變成十字形符號(hào)時(shí)候點(diǎn)擊選取整個(gè)表格 。 返 回 第 8章 網(wǎng)頁(yè)制作技術(shù) 首頁(yè) 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 60 圖像 圖像在網(wǎng)頁(yè)中經(jīng)