第五章高級網(wǎng)頁制作

1、學(xué)會制作基本的網(wǎng)頁后，就要學(xué)習(xí)在網(wǎng)頁學(xué)會制作基本的網(wǎng)頁后，就要學(xué)習(xí)在網(wǎng)頁中加入一些特殊的效果，像運動、隱藏、增加中加入一些特殊的效果，像運動、隱藏、增加一些動態(tài)文字效果等，這些都需要使用行為或一些動態(tài)文字效果等，這些都需要使用行為或編寫腳本代碼完成。使用模板和資源可以快速編寫腳本代碼完成。使用模板和資源可以快速制作風(fēng)格統(tǒng)一的網(wǎng)站。網(wǎng)站制作完成后，需要制作風(fēng)格統(tǒng)一的網(wǎng)站。網(wǎng)站制作完成后，需要在服務(wù)器發(fā)布。本章將介紹這幾種高級網(wǎng)頁制在服務(wù)器發(fā)布。本章將介紹這幾種高級網(wǎng)頁制作的知識。作的知識。.1使用行為使用行為1 1、事件和動作、事件和動作動作是一段JavaScript腳本程序，通

2、過執(zhí)行這種程序，可以實現(xiàn)很多特殊的網(wǎng)頁效果。事件是指在瀏覽網(wǎng)頁過程中的各種狀態(tài)的變化。事件通常由瀏覽器定義。2 2、行為和、行為和JavaScriptJavaScript腳本程序腳本程序使用行為時最重要的是控制網(wǎng)頁中的對象，窗口、狀態(tài)欄、網(wǎng)頁中的各種元素都是對象。 .2事件事件事件就是在瀏覽器工作過程中的某種狀態(tài)的變化。 onAbort：當(dāng)前瀏覽器正載入一幅圖像，用戶停止了瀏覽器的運行時，該事件就發(fā)生。onAfterUpdate：當(dāng)頁面上被選中的數(shù)據(jù)元素完了更新數(shù)據(jù)源后，引發(fā)該事件。onBeforeUpdate：當(dāng)頁面上被選中的數(shù)據(jù)元素已經(jīng)改變并且將要丟失焦點時，引發(fā)這個事件。

3、onBounce：當(dāng)一個框架元素的內(nèi)容已經(jīng)到了該框架邊緣的時候引發(fā)這個事件。onChange:當(dāng)改變了頁面上的一個值，如在菜單中選擇了一個項目，或者先改變了文本區(qū)域的值，然后單擊頁面以外的部分時，會引發(fā)這個事件。onClick：單擊網(wǎng)頁上特定元素后所引發(fā)的事件。onDblClick：雙擊特定元素后所引發(fā)的事件。onError：載入一個頁面或者圖像過程中，瀏覽器有錯誤產(chǎn)生時，引發(fā)這個事件。onFinish：當(dāng)所選內(nèi)容完成了一個循環(huán)以后引發(fā)這個事件。onFoucs：特定元素成為用戶交互的焦點時引發(fā)這個事件。 onHelp：單擊瀏覽器的“幫助”按鈕或者從瀏覽器的菜單中選擇“幫助”命令時引發(fā)這個事件。

4、onKeyPress：按下一個鍵并將其釋放時引發(fā)這個事件。這個事件就像是onKeyDown和onKeyUp兩個事件的組合。onLoad：當(dāng)一幅圖像或頁面完成載入時引發(fā)的事件。onMouseDown：當(dāng)用戶按下鼠標(biāo)鍵的時候引發(fā)這個事件。onMouseMove：移動鼠標(biāo)就引發(fā)這個事件。onMouseOut：當(dāng)光標(biāo)離開特定元素時引發(fā)這個事件。onMouseOver：當(dāng)光標(biāo)移動到特定元素上面時引發(fā)這個事件。onMouseUp：按下的鼠標(biāo)鍵被釋放時引發(fā)的事件。onMove：窗口或框架移動時引發(fā)的事件。onReadyStateChange：當(dāng)特定元素的狀態(tài)改變時引發(fā)這個事件?？赡艿脑貭顟B(tài)包括uninit

5、ialized（未初始化）、loading（載入中）和complete（完成）。onReset：當(dāng)一個表單被重置為默認信息時引發(fā)這個事件。onResize：調(diào)整瀏覽器窗口大小或者框架大小時引發(fā)這個事件。onRowEnter：所選中數(shù)據(jù)源的當(dāng)前記錄指針改變所引發(fā)這個事件。onRowExit：所選取中數(shù)據(jù)源的當(dāng)前記錄指針將要改變所引發(fā)的事件。 onScroll：上翻滾動條或下翻滾動條時引發(fā)的事件。onStart：當(dāng)一個框架元素的內(nèi)容開始一個循環(huán)時引發(fā)的事件。onSubmit：提交一個表單時引發(fā)的事件。onUnload：離開當(dāng)前頁面時引發(fā)的事件。.3附加動作附加動作1、檢查瀏覽器、檢

6、查瀏覽器 2、檢查插件、檢查插件3、轉(zhuǎn)到、轉(zhuǎn)到URL4、跳轉(zhuǎn)菜單、跳轉(zhuǎn)菜單5、打開瀏覽器窗口、打開瀏覽器窗口6、彈出信息、彈出信息 7、設(shè)置文本、設(shè)置文本8、預(yù)先載入圖像、預(yù)先載入圖像9、設(shè)置導(dǎo)航欄圖像、設(shè)置導(dǎo)航欄圖像10、交換圖像、交換圖像11、改變屬性、改變屬性12、顯示、顯示-隱藏層隱藏層13、拖動層、拖動層14、調(diào)用、調(diào)用JavaScript15、控制、控制 Shockwave 或或 Flash16、播放聲音、播放聲音17、檢查表單、檢查表單.1使用代碼片斷使用代碼片斷使用代碼片斷，可以存儲內(nèi)容以便快速重復(fù)使用。可以創(chuàng)建并插入 HTML、JavaScript、CFML、

7、ASP、JSP 等代碼片斷。 使用使用“代碼片斷代碼片斷”面板面板.1生成模板生成模板模板是一種文件，可以用它作為其他文件的基礎(chǔ)。創(chuàng)建一個模板時，可以指定頁面的哪些元素保持不變，哪些元素可以被修改。使用菜單“文件”“ 另存模板”。 使用資源面板使用資源面板.2設(shè)置模板的屬性設(shè)置模板的屬性1.設(shè)置模板的頁面屬性設(shè)置模板的頁面屬性使用菜單“修改”“ 頁面屬性”改變模板的頁面屬性。 2.定義模板的可編輯區(qū)定義模板的可編輯區(qū)每個模板都包含可編輯區(qū)和不可編輯區(qū)兩部分?？删庉媴^(qū)指的是一個頁面中可以更改的部分，它所包含的內(nèi)容是經(jīng)常變換的。不可編輯區(qū)是指在所有頁面中不能改變的內(nèi)

8、容，它的內(nèi)容只能在模板中編輯，如某些公共標(biāo)識符等。3.定義重復(fù)區(qū)域定義重復(fù)區(qū)域重復(fù)區(qū)域指的是一個頁面中可以任意多地增加的部分，例如表格中的內(nèi)容等。重復(fù)區(qū)域是不可編輯區(qū)，如果要在重復(fù)區(qū)域中編輯不同的內(nèi)容，必須在重復(fù)區(qū)域中插入可編輯區(qū)域。4.定義可選區(qū)域定義可選區(qū)域 可選區(qū)域是指在滿足一定條件下才在頁面中顯示的區(qū)域。5.定義嵌套模板定義嵌套模板嵌套模板是指在一個模板中調(diào)用了另一個模板的內(nèi)容。 .3應(yīng)用模板應(yīng)用模板1.基于模板創(chuàng)建文件基于模板創(chuàng)建文件 使用菜單“文件”“新建”，在彈出的對話框中選擇“模板”選項卡，出現(xiàn)“從模板新建”對話框，在對話框中選擇一個模板，然后單擊“創(chuàng)建”按鈕。

9、 2. 在已有的文件中應(yīng)用模板在已有的文件中應(yīng)用模板使用菜單“修改” “模板”“應(yīng)用模板到頁”，從列表中選擇一個模板，然后單擊“選定”按鈕。3.將文件從模板中分離將文件從模板中分離使用菜單“修改” “模板”“從模板中分離”。 .4使用資源面板使用資源面板1.使用資源面板添加網(wǎng)頁元素使用資源面板添加網(wǎng)頁元素2.管理資源管理資源.5使用庫使用庫1.生成庫項目生成庫項目2.應(yīng)用庫項目應(yīng)用庫項目3.編輯庫項目編輯庫項目4.修改使用庫項目的頁面修改使用庫項目的頁面.1站點上傳站點上傳文件上傳一般有三種方式：通過網(wǎng)絡(luò)管理員直接復(fù)制到服務(wù)器上，通過服務(wù)器提供的

10、文件管理器進行文件傳輸，通過FTP進行文件傳輸。使用FTP上傳是是用較多的一種上傳方式。1.配置配置FTP上傳功能上傳功能2.上傳文件上傳文件使用菜單“站點”“管理站點”打開“管理站點”對話框。 使用菜單“窗口”“文件”打開“文件面板”，在文件面板的下面列出站點的文件。.2管理站點的文件管理站點的文件1.站點中的文件結(jié)構(gòu)站點中的文件結(jié)構(gòu)（1）分門別類地將文件存放在不同的目錄下。（2）在每個主目錄下建立獨立的images目錄。（3）目錄的層次不要太深，建議不要超過3層。（4）不要使用中文文件名和中文目錄名，使用中文的名字可能對網(wǎng)址的正確顯示造成困難，有一些瀏覽器不支持中文文件名和

11、目錄名的調(diào)用。（5）不要使用過長的目錄名，盡管大多數(shù)服務(wù)器支持長文件名，但是太長的目錄名不便于記憶，也不容易管理。2.文件管理窗口文件管理窗口單擊“文件”面板的按鈕 窗口轉(zhuǎn)換為文件管理的模式。 單擊其中的站點文件按鈕 在左右兩欄分別顯示遠程文件和本地文件。 3.地圖視圖地圖視圖在文件管理窗口單擊地圖視圖按鈕 4.檢查鏈接檢查鏈接使用菜單“站點” “檢查站點范圍的鏈接”可檢查站點的全部鏈接，在屬性面板的下面顯示“結(jié)果”面板，報告檢查結(jié)果 。.3網(wǎng)站的宣傳和推廣網(wǎng)站的宣傳和推廣1、到各搜索引擎注冊、登記、到各搜索引擎注冊、登記2、發(fā)、發(fā)E-mail通知通知3、在各留言板上留言、在各留言板上留言5、多參與論壇、新聞組的討論、多參與論壇、新聞組的討論4、參加廣告交換組織、參加廣告交換組織6、友情鏈接、友情鏈接思考題思考題5.1 Dreamweaver MX 2004中的行為的作用是什么？5.2 什么是事件？ 5.3 解釋以下事件：onAbort onChange onClick onLoad onUnload onMouseMove onMouseOver onMou