網(wǎng)頁制作授課計劃

1、學(xué)期授課計劃2011-2012學(xué)年度第二學(xué)期課程名稱：Dreamweaver8網(wǎng)頁設(shè)計與實訓(xùn)教學(xué)周學(xué)時： 13周x _6學(xué)時總學(xué)時數(shù)：78學(xué)時理論授課：36學(xué)時實驗實習(xí)（作業(yè)）：42學(xué)時任課專業(yè)班級：計算機2011-1編制時間：2012年3月8日任課教師：采用教材：科學(xué)出版社出版的Dreamweaver8網(wǎng)頁設(shè)計與實訓(xùn)教研室主任簽字：教務(wù)科長簽字：教學(xué)校長簽字：學(xué)期授課計劃說明本計劃為2011級中專生第二學(xué)期而制定。采用教材為科學(xué)出版社出 版的，由于虹主編的Dreamweaver8網(wǎng)頁設(shè)計與實訓(xùn)。一、教學(xué)目的：通過本課程的學(xué)習(xí)，可掌握創(chuàng)建網(wǎng)頁的基本知識和基本方法方法，能創(chuàng)建具有簡單功能的網(wǎng)頁，

2、初步掌握網(wǎng)站中靜態(tài)網(wǎng)頁的制作和美化。二、教學(xué)內(nèi)容：本套教材涉及計算機網(wǎng)頁的基本制作以及創(chuàng)建不同網(wǎng)頁和功能的方法。本學(xué)期用書共一冊。共14個項目，每個項目圍繞一個主題組織教學(xué) 活動，內(nèi)容包括網(wǎng)頁基礎(chǔ)知識和基本制作、文本編輯和網(wǎng)站鏈接等，每 個單元后安排了復(fù)習(xí)和測驗。三、教學(xué)重點：計算機網(wǎng)頁的制作方法及各種功能的實現(xiàn)。四、教學(xué)難點：靜態(tài)網(wǎng)頁中各種功能的實現(xiàn)。五、教學(xué)方法：項目教學(xué)法、講授法、問答法、討論法。六、本門課程成績評定采用平時成績與考試成績綜合評定，平時成 績占50%，期末考試成績占50%，缺課超過總學(xué)時的二分之一者，本門 課程無成績。教學(xué)時數(shù)分配表早各章名稱總學(xué)時其中次講練1走進 Dre

3、amweaver82112創(chuàng)建本地站點4223網(wǎng)頁基礎(chǔ)知識和基本操作4224文本編輯4225圖像與多媒體的應(yīng)用6246網(wǎng)站鏈接4227表格和布局8448框架4229表單42210模板和庫42211CSS樣式104612行為和 JavaScript63313層和時間軸84414整站建設(shè)、測試與上傳62415機動422合計783642學(xué)期授課計劃內(nèi)容周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、1.1項目一 走進 Dreamweaver8任務(wù) Dreamweaver8概述目的：了解網(wǎng)頁設(shè)計基礎(chǔ)知識，了解Dreamweaver8工作界面與基本操作知識點：1、網(wǎng)頁設(shè)計簡介2、Dreamweaver8 功

4、能簡介3、網(wǎng)頁賞析4、工作界面介紹5、“插入” “屬性” “浮動”面板介紹6、標(biāo)簽選擇器功能7、實訓(xùn)一觀察網(wǎng)頁兀素屬性&實訓(xùn)二重組面板技能點：Dreamweaver8工作界面與基本操作21. 如何折疊、展開、擴展面板？2. 如何顯示對象的屬性面板？計 算 機1.2項目二創(chuàng)建本地站點任務(wù)一網(wǎng)站規(guī)劃目的：掌握利用向?qū)Ы⒄军c的方法。熟悉站 點的編輯方法。知識點：1、站點的概念2、網(wǎng)站規(guī)劃的方法3、安排站點結(jié)構(gòu)的方法4、設(shè)計網(wǎng)頁布局的方法5、實訓(xùn)二為網(wǎng)站設(shè)計網(wǎng)頁布局6、項目小結(jié)技能點：建立站點的方法21、在 Dreamweaver中建立站點的作 用？2、如何設(shè)置學(xué)校網(wǎng) 站布局？1.3項目二創(chuàng)

5、建本地站點任務(wù)二創(chuàng)建本地站點目的：熟悉網(wǎng)站的建站規(guī)則，學(xué)習(xí)利用利用向 導(dǎo)創(chuàng)建本地站點的方法。知識點：1、建站規(guī)則2、利用向?qū)?chuàng)建站點3、實訓(xùn)一創(chuàng)建本地站點4、實訓(xùn)二利用咼級創(chuàng)建站點5、項目小結(jié)技能點：利用向?qū)?chuàng)建本地站點2對站點中的文件進 行改名時，是否可 以在資源管理器中 完成？周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、2.1項目三 網(wǎng)頁基礎(chǔ)知識和基本制作任務(wù)一網(wǎng)頁基礎(chǔ)知識目的：理解HTML語言的含義；理解三種試圖 方式的作用；理解網(wǎng)頁文件的結(jié)構(gòu)。知識點：1、網(wǎng)頁的分類2、三種視圖方式3、HTML源代碼4、網(wǎng)頁的顏色5、實訓(xùn)一查看三種視圖方式6、項目小結(jié)技能點：建立站點的方法21、試述網(wǎng)頁

6、三種 試圖方式的作 用。2、P33第一大題計 算 機2.2項目三 網(wǎng)頁基礎(chǔ)知識和基本制作任務(wù)二網(wǎng)頁的基本制作目的：掌握頁面屬性的設(shè)置方法；掌握META的設(shè)置方法；掌握網(wǎng)頁的基本制作方 法。知識點：1、頁面屬性的設(shè)置方法2、META標(biāo)記3、實訓(xùn)二簡單網(wǎng)頁制作（旅游網(wǎng)）4、實訓(xùn)三 制作網(wǎng)頁過渡效果5、實訓(xùn)四 簡單頁面布局（衛(wèi)浴網(wǎng)）6、項目小結(jié)技能點：頁面屬性、META值的設(shè)置方法21頭標(biāo)記都能定義 哪些內(nèi)容？2.P34第二大題2.3項目四文本編輯任務(wù)一文本基本操作目的：掌握文本的基本編輯方法；理解換行和 分段的區(qū)別；文字屬性面板各選項的功 能。知識點：1、選擇性粘貼2、插入連續(xù)空格3、分段與換行4

7、、文本屬性面板5、實訓(xùn)一6、項目小結(jié)技能點：換行、分段、文本編輯的方法21怎樣對齊文本， 如何改變文本的顏 色？2如何編輯網(wǎng)頁中 可用的中英文字 體？周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、3.1項目四文本編輯任務(wù)二插入其他對象目的：掌握插入特殊對象的插入方法；掌握段 落的設(shè)置方法；掌握項目編號和列表的 設(shè)置方法。知識點：1、插入特殊字符2、插入水平線和日期3、實訓(xùn)二文本編輯（商務(wù)網(wǎng)）4、實訓(xùn)三制作跑馬燈文字5、實訓(xùn)四文字排版與動態(tài)時間制作6、項目小結(jié)技能點：特殊對象的插入方法2綜合實訓(xùn)：購物指南頁面文字排版（鮮花網(wǎng)）計 算 機3.2項目五 圖像與多媒體的應(yīng)用任務(wù)一圖像的應(yīng)用目的：掌握圖像

8、屬性面板的設(shè)置；掌握插入圖 片對象的方法。知識點：1、網(wǎng)頁常用的圖像格式2、插入圖像3、插入鼠標(biāo)經(jīng)過圖像4、實訓(xùn)一制作圖文混排的網(wǎng)頁（瑜 伽網(wǎng)）5、項目小結(jié)技能點：插入圖像對象的方法2P65第一大題，P66第二大題3.3項目五 圖像與多媒體的應(yīng)用任務(wù)二插入多媒體目的：掌握Flash及透明Flash效果的制作；掌 握多媒體的插入方法。知識點：1、插入Flash影片、Flash按鈕、Flash 文本、Flash圖像查看器、Flash視頻2、音頻和視頻3、實訓(xùn)二添加超炫Flash效果（珠寶 網(wǎng)）4、項目小結(jié)技能點：添加多媒體的方法2簡述Flash視頻的 優(yōu)點。周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具

9、/、4.1項目五 圖像與多媒體的應(yīng)用任務(wù)三插入多媒體目的：掌握Flash及透明Flash效果的制作；掌 握多媒體的插入方法。知識點：1、實訓(xùn)三 添加多媒體對象（旅游網(wǎng)）2、實訓(xùn)四 圖片屬性和透明banner制 作（鮮花網(wǎng)）3、項目小結(jié)技能點：多媒體對象的插入方法2如何制作透明Flash效果？計 算 機4.2項目六網(wǎng)站鏈接任務(wù)一關(guān)于路徑目的：理解文檔位置和路徑。知識點：1、絕對路徑2、文檔相對路徑3、站點根目錄相對路徑4、實訓(xùn)一5、項目小結(jié)技能點：相對路徑和絕對路徑2什么是絕對路徑和相對路徑？4.3項目六網(wǎng)站鏈接任務(wù)二制作鏈接目的：掌握超鏈接的定義、作用和分類。知識點：1、超鏈接的分類2、制作超

10、鏈接的方法3、打開超鏈接的目標(biāo)位置4、實訓(xùn)二 編織網(wǎng)站鏈接（化妝品網(wǎng)）5、實訓(xùn)三制作錨點鏈接（化妝品網(wǎng)）6、項目小結(jié)技能點：制作超鏈接的操作方法；熱點、錨點 鏈接的操作方法；電子郵件鏈接的操 作方法；腳本鏈接的創(chuàng)建方法21電子郵件鏈接如 何表示？2.P79第二大題周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、5.1項目七表格和布局任務(wù)一表格的應(yīng)用目的：掌握表格的設(shè)置方法。知識點：1、建立表格2、表格基本操作3、預(yù)格式化表格4、表格屬性面板5、表格的HTML標(biāo)記6、實訓(xùn)一設(shè)置表格屬性（公司網(wǎng)）7、項目小結(jié)技能點：表格和單元格的屬性設(shè)置2P104第一大題計 算 機5.2項目七表格和布局任務(wù)二單元格的

11、應(yīng)用目的：掌握單元格屬性的設(shè)置方法。知識點：1、單元格基本操作2、單元格屬性面板3、實訓(xùn)二 繪制細(xì)線表格（公司網(wǎng)）4、項目小結(jié)技能點：單元格屬性的設(shè)置方法2P104第二大題5.3項目七表格和布局 任務(wù)一利用表格布局網(wǎng)頁 目的：掌握布局表格的概念和使用。 知識點：1、擴展表格模式2、實訓(xùn)二 嵌套表格（酒店網(wǎng)站）3、實訓(xùn)四制作衛(wèi)浴網(wǎng)4、實訓(xùn)五圓角表格的制作5、項目小結(jié)技能點：利用布局表格制作網(wǎng)頁2在制作嵌套表格時 要注意些什么 問題？周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、6.1項目七表格和布局 任務(wù)四布局表格 目的：掌握表格的設(shè)置方法。知識點：1、創(chuàng)建布局表格和布局單元格2、編輯布局表格和布

12、局單元格3、嵌套布局表格4、實訓(xùn)六制作布局表格（個人首頁）5、實訓(xùn)七制作網(wǎng)站首頁（鮮花網(wǎng)）6、項目小結(jié) 技能點：表格的布局方法2簡述表格和布局表格的區(qū)別。計 算 機6.2項目八框架任務(wù)一 制作框架網(wǎng)頁目的：掌握框架、框架集的建立及保存；掌握 框架屬性面板各選項的功能；掌握框架 的鏈接。知識點：1、框架基本操作2、框架集和框架屬性3、保存框架集和框架文檔4、實訓(xùn)一利用框架制作網(wǎng)頁（服裝 網(wǎng)）5、項目小結(jié)技能點：框架、框架集的建立方法；框架的鏈 接及目標(biāo)位置21框架與框架集的 區(qū)別。2框架屬性面板中“滾動”下拉列表 中包含哪些選項， 各有什么作用？6.3項目八框架任務(wù)一內(nèi)聯(lián)式框架目的：掌握內(nèi)聯(lián)式框

13、架的建立方法。知識點：1、實訓(xùn)二 制作內(nèi)聯(lián)式網(wǎng)框架網(wǎng)頁（服 裝網(wǎng)）2、實訓(xùn)三建立框架網(wǎng)頁（沖浪俱樂 部）3、項目小結(jié)技能點：制作內(nèi)聯(lián)式框架2內(nèi)聯(lián)式框架與普通 框架的區(qū)別。周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、7.1項目九表單任務(wù)一表單制作目的：掌握表單的插入方法；掌握插入文本域 和密碼域操作方法；掌握單選按鈕和復(fù) 選框的操作方法。知識點：1、插入表單2、添加表單對象3、實訓(xùn)一制作表單（公司網(wǎng)）4、項目小結(jié)技能點：表單元素的使用方法；表單元素屬性的設(shè)置；添加表單行為的操作方法21. 在文本字段的 “屬性”面板中，什么是字符寬度和 最多字符數(shù)？2. P132第一大題。計 算 機7.2項目九表

14、單任務(wù)二表單制作目的：掌握掌握列表和跳轉(zhuǎn)菜單的操作方法； 掌握文件域和按鈕的操作方法；掌握表 單行為的設(shè)置方法。知識點：1、實訓(xùn)二 表單的驗證（公司網(wǎng)）2、會員注冊表單制作3、項目小結(jié)技能點：添加表單行為的操作方法21如何檢查表單？2.P132第二大題。7.3項目十模板和庫任務(wù)一模板目的：掌握建立模板、更新模板的方法；掌握 可編輯區(qū)的建立方法。知識點：1、創(chuàng)建模板2、可編輯區(qū)域3、實訓(xùn)一模板的應(yīng)用（燈具網(wǎng)）4、項目小結(jié)技能點：建立模板和可編輯區(qū)域的方法2P143第一大題和第二大題周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、8.1項目十模板和庫任務(wù)二庫 目的：掌握建立庫、更新庫的方法。知識點：1

15、、庫的概念2、實訓(xùn)二 庫的應(yīng)用（燈具網(wǎng)）3、實訓(xùn)三利用模板制作網(wǎng)頁（鮮花 網(wǎng)）4、項目小結(jié)技能點：利用模板生產(chǎn)網(wǎng)頁的方法21簡述庫項目的概 念及其特點。2簡述模板和庫項 目的區(qū)別。計 算 機8.2項目一 CSS樣式任務(wù)一 CSS樣式概述目的：掌握CSS樣式的創(chuàng)建和套用方法。 知識點：1、什么是CSS樣式2、CSS的存在方式3、CSS樣式的創(chuàng)建4、實訓(xùn)一5、項目小結(jié)技能點：CSS樣式及其作用21試述CSS樣式的 作用。2外部樣式表的作 用是什么？8.3項目一 CSS樣式任務(wù)二CSS屬性目的：掌握CSS樣式的創(chuàng)建和套用方法。 知識點：1、CSS類型屬性2、CSS背景屬性設(shè)置3、CSS邊框樣式4、C

16、SS擴展屬性5、實訓(xùn)二6、項目小結(jié)技能點：CSS樣式及其作用2CSS樣式共有幾種 屬性？每種屬 性分別是什 么？周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、9.1項目一 CSS樣式任務(wù)三自定義類樣式目的：掌握CSS樣式的建立和套用方法。知識點：1、生成自定義類樣式的方法2、實訓(xùn)三利用CSS樣式美化文字3、實訓(xùn)四利用CSS樣式美化背景4、實訓(xùn)五CSS邊框樣式5、項目小結(jié)技能點：CSS樣式的建立和套用方法2168頁第二大題計 算 機9.2項目一 CSS樣式任務(wù)四重定義HTML標(biāo)記目的：掌握CSS類型、邊框樣式的在、設(shè)置方 法；掌握外部CSS樣式的鏈接方法。知識點：1、新建CSS規(guī)則2、實訓(xùn)六重定義

17、水平線標(biāo)記3、實訓(xùn)七設(shè)置超鏈接樣式4、項目小結(jié)技能點：CSS類型、邊框樣式的在、設(shè)置方法2設(shè)置超鏈接樣式的 方法9.3項目一 CSS樣式任務(wù)五CSS外部樣式表目的：掌握CSS背景、區(qū)塊和擴展樣式的設(shè)置 方法。知識點：1、新建CSS樣式文件2、導(dǎo)入/鏈接CSS樣式3、導(dǎo)出樣式表文件4、實訓(xùn)八建立外部CSS樣式5、實訓(xùn)九 利用濾鏡制作陰影字效果6、實訓(xùn)十利用CSS樣式美化表單（鮮 花網(wǎng)）7、項目小結(jié)技能點：CSS樣式的設(shè)置方法2建立和使用外部CSS樣式的方法周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、10.1項目十二 行為禾口 Javascript任務(wù)一行為概述目的：掌握行為的基本要素；掌握行為面

18、板各 選項的功能。知識點：1、事件和動作2、行為面板3、基本動作和事件4、實訓(xùn)一5、項目小結(jié)技能點：行為面板各選項的功能2在行為中，事件與 動作是什么關(guān)系？計 算 機10.2項目十二 行為禾口 Javascript任務(wù)二行為效果 目的：掌握簡單行為的應(yīng)用方法。知識點：1、播放聲音2、打開瀏覽器窗口3、實訓(xùn)二打開瀏覽器窗口 （瑜伽網(wǎng)）4、交換圖像5、實訓(xùn)三交換圖像（瑜伽網(wǎng)）6、項目小結(jié)技能點：播放聲音行為；打開瀏覽器窗口行為； 交換圖像行為2如何使用行為給網(wǎng) 頁播放音樂？10.3項目十二 行為禾口 Javascript 任務(wù)三 Javascript彳亍為 目的：掌握調(diào)用Javascript行為方

19、法。知識點：1、實訓(xùn)四 調(diào)用Javascript（瑜伽網(wǎng)）2、插入Javascript腳本3、實訓(xùn)五 彈出信息行為（瑜伽網(wǎng)）4、實訓(xùn)六改變屬性和狀態(tài)欄文本行 為（鮮花網(wǎng)）5、項目小結(jié)技能點：調(diào)用Javascript行為方法2181頁第一大題、 第二大題周次教學(xué)目的、講授內(nèi)容及要點學(xué)時作業(yè)教具/、11.1項目十三層和時間軸 任務(wù)一層 目的：掌握層的概念及作用；層的基本操作。 知識點：1、創(chuàng)建層2、層面板3、選擇移動層4、層屬性5、實訓(xùn)一制作滾動文字（游戲網(wǎng)）6、實訓(xùn)二利用層制作網(wǎng)頁7、項目小結(jié)技能點：層的基本操作2如何實現(xiàn)表格與層 的轉(zhuǎn)換？計 算 機11.2項目十三層和時間軸任務(wù)二和層有關(guān)的行為目的：掌握設(shè)置文本行為的設(shè)置；掌握顯示-隱藏層行為的設(shè)置。知識點：1、設(shè)置層文本動作2、實訓(xùn)三設(shè)置層文本（購物網(wǎng)）3、顯示-隱藏層行為4、實訓(xùn)四 利用顯示-隱藏層制作下拉 菜單（購物網(wǎng)）5、項目小結(jié)技能點：文本行為的設(shè)置；顯示-隱藏層行為的設(shè)置；關(guān)于層的行為2有關(guān)層的行為都有 哪些？11.3項目十三層和時間軸任務(wù)三和層有關(guān)的行為目的：掌握設(shè)置文本行為的設(shè)置；掌握顯示-隱藏層行為的設(shè)置。知識點：1、拖動層行為2、實訓(xùn)五 芭比換裝游戲（游戲網(wǎng)）3、實訓(xùn)六 制作二級彈出式菜單（鮮 花網(wǎng)）4、項目小結(jié)技能點：設(shè)置文本行為的設(shè)置； 顯示-隱藏層行 為的設(shè)置；關(guān)于層的行為2如何給層添