最新網(wǎng)頁(yè)設(shè)計(jì)與制作講義(參考版)
2025-04-20 02:55本頁(yè)面
【正文】 1：創(chuàng)建模板2：將普通頁(yè)面另存為模板 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)建頁(yè)面1：使用“新建文檔”對(duì)話(huà)框創(chuàng)建網(wǎng)頁(yè)2：將當(dāng)前網(wǎng)頁(yè)應(yīng)用模板：使用模板更新頁(yè)面 4：使用庫(kù)項(xiàng)目：創(chuàng)建庫(kù)：在頁(yè)面中應(yīng)用庫(kù)：更新庫(kù) 作業(yè)：1：用模板的方法生成具有相似網(wǎng)頁(yè)布局的若干頁(yè)面；2：學(xué)習(xí)運(yùn)用庫(kù)的方法生成網(wǎng)頁(yè)元素。為了避免重復(fù)勞動(dòng)，可以使用Dreamweaver CS3提供的模板和庫(kù)功能，將具有相同版面結(jié)構(gòu)的頁(yè)面制作成模板，將相同的元素制成庫(kù)項(xiàng)目，并保存起來(lái)以便隨時(shí)調(diào)用。學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室 授課教師 王老師 課程：網(wǎng)頁(yè)設(shè)計(jì)與制作課題：第十四章、使用模板和庫(kù)（第11課時(shí)）目的要求：了解模板和庫(kù)的概述、理解模板的創(chuàng)建與編輯、了解模板的應(yīng)用、了解如何使用庫(kù)項(xiàng)目。：事件具體事件P270271。 行為是事件與動(dòng)作的聯(lián)合。：動(dòng)作 動(dòng)作由預(yù)先編寫(xiě)的JavaScript代碼組成，這些代碼執(zhí)行特定的任務(wù)，例如打開(kāi)瀏覽器窗口、顯示或隱藏層、播放聲音或停止Shockwave影片。新課重點(diǎn)：行為概述、行為的基本操作、主要行為的應(yīng)用新課難點(diǎn)：主要行為的應(yīng)用教學(xué)方法：課堂講解、例題演示，課件演示、提問(wèn)教學(xué)內(nèi)容及過(guò)程：1：行為概述Dreamweaver 行為是一種運(yùn)行在瀏覽器中的JavaScript代碼，設(shè)計(jì)者可以將其放置在網(wǎng)頁(yè)文檔中，以允許瀏覽者與網(wǎng)頁(yè)本身進(jìn)行交互，從而以多種方式更改頁(yè)面或引起某些任務(wù)的執(zhí)行。2：CSS使用規(guī)則CSS樣式類(lèi)：（1）常規(guī)類(lèi)：對(duì)實(shí)際文檔作標(biāo)記；（2）一般類(lèi)：和標(biāo)記組合在一起；（3）ID類(lèi)：類(lèi)似于類(lèi)選擇符；（4）偽類(lèi)：用于文檔中不存在的結(jié)構(gòu)上；（5）綜合類(lèi)：可以混合使用偽類(lèi)和綜合類(lèi)；3：建立CSS：建立CSS樣式 ：附加外部樣式 ：編輯樣式 4：設(shè)置CSS樣式建立CSS樣式表后，可以在Dreamweaver中設(shè)置多種CSS樣式，包括類(lèi)型、背景、區(qū)塊、方框、邊框、列表、定位、擴(kuò)展等。 樣式表能夠減輕網(wǎng)頁(yè)設(shè)計(jì)者的工作負(fù)擔(dān)，能夠在恰當(dāng)?shù)牡胤郊幸慌睿瑢?shí)現(xiàn)某種效果。新課重點(diǎn)：CSS使用規(guī)則、建立CSS、設(shè)置CSS樣式新課難點(diǎn)：CSS使用規(guī)則教學(xué)方法：課堂講解、例題演示，課件演示、提問(wèn)教學(xué)內(nèi)容及過(guò)程：1：CSS層疊樣式表基礎(chǔ)CSS（Cascading Style Sheets）層疊樣式表，簡(jiǎn)稱(chēng)樣式表。如文本字段、隱藏域、文本區(qū)域、復(fù)選框、單選按鈕、單選按鈕組、列表/菜單、跳轉(zhuǎn)菜單、圖像域、文件域、按鈕、標(biāo)簽、字段集等。：創(chuàng)建表單域：添加表單對(duì)象在Dreamweaver CS3中，表單輸入類(lèi)型稱(chēng)為表單對(duì)象。新課重點(diǎn)：表單及其用法、添加表單對(duì)象、Spry驗(yàn)證表單新課難點(diǎn)：表單及其用法教學(xué)方法：課堂講解、例題演示，課件演示、提問(wèn)教學(xué)內(nèi)容及過(guò)程：：認(rèn)識(shí)表單表單是Internet用戶(hù)同服務(wù)器進(jìn)行信息交流的最重要的工具。1：調(diào)整層的大?。?：移動(dòng)層3：對(duì)齊層3：層的基本應(yīng)用1：用層實(shí)現(xiàn)圖片上的Flash效果2：用層實(shí)現(xiàn)圖片展覽的效果3：用層實(shí)現(xiàn)下拉菜單效果4：Spry層特效Dreamweaver CS3的Spry層特效可以為頁(yè)面添加如菜單欄、Spry選項(xiàng)卡式面板、 Spry折疊式、 Spry可折疊面板等效果。新課重點(diǎn)：層的創(chuàng)建方法、層的基本操作、基本應(yīng)用、Spry層特效、使用時(shí)間軸新課難點(diǎn)：Spry層特效、使用時(shí)間軸教學(xué)方法：課堂講解、例題演示，課件演示、提問(wèn)教學(xué)內(nèi)容及過(guò)程：：層的概述層是可以“漂浮”在頁(yè)面之上、可以重疊的特殊的網(wǎng)頁(yè)元素，可以發(fā)揮很多特殊的作用和實(shí)現(xiàn)許多普通網(wǎng)頁(yè)無(wú)法實(shí)現(xiàn)的效果。：創(chuàng)建熱區(qū)（矩形、橢圓形、多邊形）：設(shè)置熱區(qū)：檢查鏈接錯(cuò)誤 Photoshop圖片切割作業(yè)：1： 建立基本頁(yè)面并設(shè)置各種基本鏈接。：絕對(duì)地址鏈接（鏈接到網(wǎng)站）：鏈接到文檔1：使用屬性面板定義鏈接 ：鏈接到文檔2：使用“指向文件”按鈕定義鏈接：鏈接到錨點(diǎn) 超鏈接除了可以鏈接本文檔以外的其他文檔，還可以鏈接到本文檔內(nèi)部的某個(gè)位置；但首先要在文檔的合適位置定義錨點(diǎn)。：URL的概念（略）：路徑的概念（簡(jiǎn)略） 路徑可以分為絕對(duì)路徑、相對(duì)路徑和根目錄相對(duì)路徑3種類(lèi)型。）學(xué)院教案 計(jì)算機(jī)科學(xué) 系 計(jì)算機(jī) 教研室
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1