最新網(wǎng)頁設(shè)計(jì)與制作講義-資料下載頁
2025-04-17 02:55本頁面
【正文】 ：類型設(shè)置：方框樣式 ：邊框設(shè)置：列表設(shè)置 ：定位設(shè)置：擴(kuò)展設(shè)置1：光標(biāo)設(shè)置 2：濾鏡設(shè)置 5：效果實(shí)例作業(yè)：1：定義樣式改變文字的鏈接2：定義樣式改變鼠標(biāo)的樣式學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室 授課教師 王老師 課程：網(wǎng)頁設(shè)計(jì)與制作課題：第十三章：使用行為創(chuàng)建動(dòng)態(tài)網(wǎng)頁（第10課時(shí)）目的要求：了解和理解行為概述、理解和掌握行為的基本操作、掌握部分主要行為的應(yīng)用。新課重點(diǎn)：行為概述、行為的基本操作、主要行為的應(yīng)用新課難點(diǎn)：主要行為的應(yīng)用教學(xué)方法：課堂講解、例題演示，課件演示、提問教學(xué)內(nèi)容及過程：1：行為概述Dreamweaver 行為是一種運(yùn)行在瀏覽器中的JavaScript代碼，設(shè)計(jì)者可以將其放置在網(wǎng)頁文檔中，以允許瀏覽者與網(wǎng)頁本身進(jìn)行交互，從而以多種方式更改頁面或引起某些任務(wù)的執(zhí)行。 行為由事件和該事件出發(fā)的動(dòng)作組成，在浮動(dòng)面板組的行為浮動(dòng)面板中，可以先指定一個(gè)動(dòng)作，然后指定觸發(fā)的事件，從而將行為添加到網(wǎng)頁中。：動(dòng)作 動(dòng)作由預(yù)先編寫的JavaScript代碼組成，這些代碼執(zhí)行特定的任務(wù)，例如打開瀏覽器窗口、顯示或隱藏層、播放聲音或停止Shockwave影片。DR CS3提供的動(dòng)作是由Dreamweaver工程師精心編寫的，提供了最大的跨瀏覽器兼容性。 行為是事件與動(dòng)作的聯(lián)合。事件用于指名執(zhí)行某項(xiàng)動(dòng)作的條件，如鼠標(biāo)移到對(duì)象的上方、離開對(duì)象、單擊對(duì)象、雙擊對(duì)象、定時(shí)等都是事件。：事件具體事件P270271。2：行為的基本操作：使用行為面板 ：為對(duì)象附加行為（略）：安裝第三方行為（擴(kuò)展管理器） 3：主要行為的應(yīng)用：交換圖像：彈出信息：恢復(fù)交換圖像：打開瀏覽器窗口：拖動(dòng)AP元素：改變屬性 ：效果1：顯示/漸隱2：遮簾（層） 3：增大/收縮4：高亮顏色 5：晃動(dòng)6：滑動(dòng)（層）7：擠壓：時(shí)間軸1：播放時(shí)間軸2：停止時(shí)間軸3：轉(zhuǎn)到時(shí)間軸 ：顯示/隱藏元素：檢查插件：檢查表單 ：設(shè)置導(dǎo)航欄圖像（略）：設(shè)置文本（略）1：設(shè)置容器的文本2：設(shè)置文本域文字3：設(shè)置框架文本4：設(shè)置狀態(tài)欄文本：調(diào)用JavaScript：跳轉(zhuǎn)菜單和跳轉(zhuǎn)菜單開始（略）：轉(zhuǎn)到URL：預(yù)先載入圖像：建議不再使用的行為1：檢查瀏覽器2：播放聲音3：控制Shockwave或Flash 作業(yè)：練習(xí)有關(guān)行為的各項(xiàng)效果，添加到網(wǎng)頁當(dāng)中。學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室 授課教師 王老師 課程：網(wǎng)頁設(shè)計(jì)與制作課題：第十四章、使用模板和庫（第11課時(shí)）目的要求：了解模板和庫的概述、理解模板的創(chuàng)建與編輯、了解模板的應(yīng)用、了解如何使用庫項(xiàng)目。新課重點(diǎn)：模板的創(chuàng)建與編輯、模板的應(yīng)用、使用庫項(xiàng)目新課難點(diǎn)：模板的創(chuàng)建與編輯教學(xué)方法：課堂講解、例題演示，課件演示、提問教學(xué)內(nèi)容及過程：：模板和庫概述在進(jìn)行大量的頁面的制作時(shí)，很多頁面會(huì)用到相同的布局、圖片和文字等元素。為了避免重復(fù)勞動(dòng)，可以使用Dreamweaver CS3提供的模板和庫功能，將具有相同版面結(jié)構(gòu)的頁面制作成模板，將相同的元素制成庫項(xiàng)目，并保存起來以便隨時(shí)調(diào)用。 創(chuàng)建模板：創(chuàng)建一個(gè)新的模板；創(chuàng)建嵌套模板：創(chuàng)建一個(gè)模板的嵌套；可編輯區(qū)域：創(chuàng)建一個(gè)可以編輯的 區(qū)域；可選區(qū)域：創(chuàng)建可以選擇的區(qū)域；重復(fù)區(qū)域：創(chuàng)建重復(fù)區(qū)域；關(guān)于庫菜單按鈕：彈出上下文菜單；庫預(yù)覽區(qū)：預(yù)覽選定的庫內(nèi)容；庫列表區(qū)：列出所有的庫；“插入”庫按鈕：將庫插入到文檔中；“編輯”庫按鈕：編輯選定的庫；“新建庫項(xiàng)目”按鈕：創(chuàng)建新庫；“刪除”庫按鈕：刪除選定的庫；：模板的創(chuàng)建與編輯了解了模板的基本概念后，可以創(chuàng)建模板文件，并建立模板中模板中需要的可編輯區(qū)域、可選區(qū)域、重復(fù)區(qū)域，以及設(shè)置可編輯標(biāo)簽的屬性。1：創(chuàng)建模板2：將普通頁面另存為模板 3：從文件菜單新建模板：創(chuàng)建可編輯區(qū)域1：定義可編輯區(qū)域 2：更改可編輯區(qū)域3：刪除可編輯區(qū)域 4：設(shè)置可編輯區(qū)域顏色：創(chuàng)建可選區(qū)域1：定義可選區(qū)域 2：定義可編輯可選區(qū)域3：修改可選區(qū)域；：創(chuàng)建重復(fù)區(qū)域1：定義重復(fù)區(qū)域2：定義重復(fù)表格 ：設(shè)置可編輯標(biāo)簽屬性 3：模板的應(yīng)用：應(yīng)用模板創(chuàng)建頁面1：使用“新建文檔”對(duì)話框創(chuàng)建網(wǎng)頁2：將當(dāng)前網(wǎng)頁應(yīng)用模板：使用模板更新頁面 4：使用庫項(xiàng)目：創(chuàng)建庫：在頁面中應(yīng)用庫：更新庫 作業(yè)：1：用模板的方法生成具有相似網(wǎng)頁布局的若干頁面；2：學(xué)習(xí)運(yùn)用庫的方法生成網(wǎng)頁元素
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1