Dreamwearver網(wǎng)頁制作實(shí)用教程教學(xué)大綱

1、Dreamwearver CS3網(wǎng)頁制作實(shí)用教程教學(xué)大綱一、課程的任務(wù)網(wǎng)頁制作課程是一門應(yīng)用性和理論性都很強(qiáng)的課程，是軟件技術(shù)專業(yè)的一門專業(yè)課程。隨著網(wǎng)絡(luò)廣泛應(yīng)用，網(wǎng)頁制作技術(shù)在廣大大中專院校得到了普及和推廣。網(wǎng)頁制作者主要講敘的是靜態(tài)網(wǎng)頁的制作，它是該專業(yè)后繼課程動(dòng)態(tài)網(wǎng)頁制作的基礎(chǔ)課程。本課程針對(duì)網(wǎng)頁設(shè)計(jì)與制作人員的要求，結(jié)合高職高專人才培養(yǎng)的特點(diǎn)，精心安排和組織了以實(shí)踐崗位為中心的內(nèi)容，通過對(duì)本課程的學(xué)習(xí)，學(xué)生能夠掌握有關(guān)網(wǎng)頁制作的技術(shù)及其綜合應(yīng)用：如網(wǎng)站規(guī)劃、頁面組織、素材準(zhǔn)備等，通過實(shí)踐訓(xùn)練，能夠舉一反三，能夠?qū)⑺鶎W(xué)知識(shí)點(diǎn)與工作技巧融合，為本專業(yè)學(xué)生將來成為“職場精英”打下堅(jiān)實(shí)的基礎(chǔ)，

2、本課程側(cè)重于實(shí)際的軟件開發(fā)，加強(qiáng)實(shí)踐環(huán)節(jié)，提高網(wǎng)頁制作能力，使學(xué)生適應(yīng)當(dāng)前的計(jì)算機(jī)網(wǎng)絡(luò)流行趨勢。二、課程的基本要求掌握網(wǎng)站建立與網(wǎng)頁設(shè)計(jì)方法。使用網(wǎng)頁設(shè)計(jì)常用軟件Dreamweaver創(chuàng)建與設(shè)置網(wǎng)站、管理與維護(hù)網(wǎng)站、測試與發(fā)布網(wǎng)站的技術(shù)與方法。網(wǎng)頁與網(wǎng)站的基本概念、網(wǎng)站策劃與創(chuàng)建原則、網(wǎng)站的開發(fā)與發(fā)布工作流程、網(wǎng)頁制作的各種方法和技巧，如文本處理、圖象處理、超級(jí)鏈接、網(wǎng)頁布局、CSS樣式、層的應(yīng)用、動(dòng)態(tài)特效、多媒體網(wǎng)頁制作、交互式網(wǎng)頁制作等。在較短的時(shí)間內(nèi)，通過學(xué)習(xí)Dreamwearver CS3網(wǎng)頁制作實(shí)用教程，能夠設(shè)計(jì)制作出布局美觀、鏈接合理、包含文字、圖形、圖象、動(dòng)畫、聲音、視頻等多種媒

3、體信息并具有交互功能的網(wǎng)頁；能夠建立、管理與發(fā)布小型網(wǎng)站；應(yīng)用網(wǎng)站與網(wǎng)頁技術(shù)傳授知識(shí)、傳播信息。三、課時(shí)分配表表1.1章序及名稱總課時(shí)授課技能訓(xùn)練備注第一章 網(wǎng)站基礎(chǔ)431§1.1任務(wù)導(dǎo)入與問題思考0.40.4§1.2知識(shí)點(diǎn)11§1.3任務(wù)實(shí)施步驟11§1.4上機(jī)實(shí)訓(xùn)11§1.5知識(shí)總結(jié)與回顧0.60.6第二章 添加網(wǎng)頁元素835§2.1任務(wù)導(dǎo)入與問題思考0.40.4§2.2知識(shí)點(diǎn)11續(xù)表1.1章序及名稱總課時(shí)授課技能訓(xùn)練備注§2.3任務(wù)實(shí)施步驟211§2.4上機(jī)實(shí)訓(xùn)44§2.5知識(shí)總結(jié)與回顧0

4、.60.6第三章 表格布局1578§3.1任務(wù)導(dǎo)入與問題思考0.40.4§3.2知識(shí)點(diǎn)22§3.3任務(wù)實(shí)施步驟33§3.4上機(jī)實(shí)訓(xùn)88§3.5知識(shí)總結(jié)與回顧1.61.6第四章 網(wǎng)頁交互1468§4.1任務(wù)導(dǎo)入與問題思考0.40.4§4.2知識(shí)點(diǎn)22§4.3任務(wù)實(shí)施步驟422§4.4上機(jī)實(shí)訓(xùn)66§4.5知識(shí)總結(jié)與回顧1.61.6第五章 表單應(yīng)用1156§5.1任務(wù)導(dǎo)入與問題思考0.40.4§5.2知識(shí)點(diǎn)1.51.5§5.3任務(wù)實(shí)施步驟2.52.5§5.4上機(jī)

5、實(shí)訓(xùn)66§5.5知識(shí)總結(jié)與回顧0.60.6第六章 使用框架布局網(wǎng)頁1266§6.1任務(wù)導(dǎo)入與問題思考0.40.4§6.2知識(shí)點(diǎn)22§6.3任務(wù)實(shí)施步驟33§6.4上機(jī)實(shí)訓(xùn)66§6.5知識(shí)總結(jié)與回顧0.60.6續(xù)表1.1章序及名稱總課時(shí)授課技能訓(xùn)練備注第七章 模板和庫1358§7.1任務(wù)導(dǎo)入與問題思考1.51.5§7.2知識(shí)點(diǎn)11§7.3任務(wù)實(shí)施步驟312§7.4上機(jī)實(shí)訓(xùn)66§7.5知識(shí)總結(jié)與回顧1.51.5第八章 CSS樣式表221012§8.1任務(wù)導(dǎo)入與問題思考11

6、7;8.2知識(shí)點(diǎn)44§8.3任務(wù)實(shí)施步驟422§8.4上機(jī)實(shí)訓(xùn)88§8.5 CSS樣式屬性422§8.6知識(shí)總結(jié)與回顧11第九章 構(gòu)建ASP開發(fā)環(huán)境1697§9.1任務(wù)導(dǎo)入與問題思考0.40.4§9.2知識(shí)點(diǎn)33§9.3任務(wù)實(shí)施步驟642§9.4上機(jī)實(shí)訓(xùn)55§9.5知識(shí)總結(jié)與回顧1.61.6第十章 新聞系統(tǒng)的制作1266§10.1新聞系統(tǒng)準(zhǔn)備工作11§10.2管理員登錄頁面設(shè)計(jì)211§10.3新聞信息管理頁面設(shè)計(jì)422§10.4新聞前臺(tái)查看頁面設(shè)計(jì)312§

7、10.5系統(tǒng)調(diào)試11§10.6知識(shí)總結(jié)與回顧11第十一章 留言系統(tǒng)的制作862續(xù)表1.1章序及名稱總課時(shí)授課技能訓(xùn)練備注§11.1留言板系統(tǒng)準(zhǔn)備工作11§11.2留言板前臺(tái)頁面設(shè)計(jì)211§11.3留言板后臺(tái)頁面設(shè)計(jì)211§11.4知識(shí)總結(jié)與回顧11第十二章 綜合實(shí)例博客網(wǎng)站的開發(fā)761§12.1博客網(wǎng)站概述11§博客網(wǎng)站的建立11§博客數(shù)據(jù)庫211§博客網(wǎng)頁設(shè)計(jì)11§博客網(wǎng)站的發(fā)布11§知識(shí)總結(jié)與回顧11機(jī)動(dòng)16考試2合計(jì)1607370四、課程的要求與內(nèi)容網(wǎng)站基礎(chǔ)教學(xué)要求1、 使學(xué)生了

8、解和掌握網(wǎng)站、網(wǎng)頁的基本知識(shí)；2、 使學(xué)生了解和掌握網(wǎng)頁的基本結(jié)構(gòu)；3、 使學(xué)生了解網(wǎng)頁開發(fā)及建設(shè)的工具。本章的重點(diǎn)和難點(diǎn)重點(diǎn)：1、創(chuàng)建和管理網(wǎng)站；2、創(chuàng)建和編輯首頁；3、網(wǎng)站開發(fā)流程介紹。難點(diǎn)：1、創(chuàng)建和管理網(wǎng)站；2、創(chuàng)建和編輯首頁。教學(xué)內(nèi)容：§1.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入訪問“搜狐”網(wǎng)站2、 問題與思考§1.2知識(shí)點(diǎn)1、 設(shè)計(jì)網(wǎng)頁和網(wǎng)站的預(yù)備知識(shí)2、 初識(shí)網(wǎng)頁和網(wǎng)站3、 網(wǎng)頁制作軟件§1.3任務(wù)實(shí)施步驟1、 創(chuàng)建站點(diǎn)2、 Dreamweaver CS3 新建首頁3、 Dreamweaver CS3 管理站點(diǎn)§1.4上機(jī)實(shí)訓(xùn)1、 新建“我的學(xué)

9、習(xí)網(wǎng)站”站點(diǎn)2、 創(chuàng)建“花店”站點(diǎn)§1.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考 添加網(wǎng)頁元素教學(xué)要求：1、使學(xué)生熟練掌握網(wǎng)頁基本組成元素；2、使學(xué)生能動(dòng)手設(shè)計(jì)出簡單、漂亮的網(wǎng)頁本章的重點(diǎn)和難點(diǎn)重點(diǎn)：1、 文本的插入、編輯及屬性設(shè)置；2、 圖像的插入及屬性設(shè)置；3、 Flash文本的插入及屬性設(shè)置；4、 插入Shockwave影片及屬性設(shè)置；5、 特殊元素的插入及屬性設(shè)置。難點(diǎn)：1. 圖像的插入及屬性設(shè)置；2. Flash文本的插入及屬性設(shè)置；3. 插入Shockwave影片及屬性設(shè)置；教學(xué)內(nèi)容：§2.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入設(shè)計(jì)五彩繽紛的網(wǎng)頁2、 問

10、題與思考§2.2知識(shí)點(diǎn)1、 網(wǎng)頁基本元素2、 網(wǎng)頁特殊元素§2.3任務(wù)實(shí)施步驟1、 添加網(wǎng)頁文本2、 添加圖像3、 鼠標(biāo)移動(dòng)效果4、 插入Shockwave影片§2.4上機(jī)實(shí)訓(xùn)1、 在“花店”主頁中添加文本2、 在“花店”主頁中插入圖像元素3、 在“花店”主頁中插入多媒體元素§2.5知識(shí)總結(jié)與回顧1、回顧學(xué)習(xí)要點(diǎn)2、學(xué)習(xí)要點(diǎn)參考表格布局教學(xué)要求：1、使學(xué)生熟練掌握網(wǎng)頁表格的創(chuàng)建2、使學(xué)生熟練掌握網(wǎng)頁表格的編輯3、使學(xué)生能夠使用表格設(shè)計(jì)出布局合理的網(wǎng)頁本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 創(chuàng)建表格2、 編輯表格難點(diǎn)：1、 編輯表格2、 使用表格進(jìn)行網(wǎng)頁布局教學(xué)內(nèi)容：&

11、#167;3.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入用表格布局網(wǎng)頁2、 問題與思考§3.2知識(shí)點(diǎn)1、 創(chuàng)建表格2、 編輯表格§3.3任務(wù)實(shí)施步驟1、 制作細(xì)線表格2、 用表格布局“我們的家園”主頁§3.4上機(jī)實(shí)訓(xùn)1、 制作個(gè)性化的立體表格2、 用表格布局“花店”主頁§3.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考網(wǎng)頁交互教學(xué)要求： 1、使學(xué)生熟練掌握網(wǎng)頁的交互方式 2、使學(xué)生能夠動(dòng)手設(shè)計(jì)出與用戶互動(dòng)良好的網(wǎng)頁本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 鏈路、路徑與錨的使用2、 鏈接的設(shè)置方法3、 使用特殊的鏈接4、 使用常用的行為難點(diǎn)：1、鏈路、路徑與錨的使用2、鏈

12、接的設(shè)置方法3、使用特殊的鏈接4、使用常用的行為教學(xué)內(nèi)容：§4.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入設(shè)計(jì)互動(dòng)的網(wǎng)頁2、 問題與思考§4.2知識(shí)點(diǎn)1、 超鏈接2、 行為§4.3任務(wù)實(shí)施步驟1、 為“學(xué)習(xí)”主頁創(chuàng)建鏈接2、 設(shè)置圖像映射鏈接3、 用行為制作交互網(wǎng)頁§4.4上機(jī)實(shí)訓(xùn)1、 為“花店”主頁創(chuàng)建鏈接2、 制作地圖網(wǎng)頁3、 用行為制作導(dǎo)航條§4.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考表單應(yīng)用教學(xué)要求：1、使學(xué)生熟練掌握表單的設(shè)置2、使學(xué)生能動(dòng)手設(shè)計(jì)出與服務(wù)器數(shù)據(jù)處理緊密聯(lián)系的網(wǎng)頁本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 表單的使用2、 表單的設(shè)置

13、方法3、 使用表單進(jìn)行數(shù)據(jù)采集與提交難點(diǎn)：1、 表單的設(shè)置方法2、 使用表單進(jìn)行數(shù)據(jù)采集與提交教學(xué)內(nèi)容：§5.1任務(wù)導(dǎo)入與問題思考1、 問題導(dǎo)入制作用戶信息調(diào)查表2、 問題與思考§5.2知識(shí)點(diǎn)1、 關(guān)于表單2、 插入表單對(duì)象§5.3任務(wù)實(shí)施步驟1、 制作登錄頁面2、 制作新用戶注冊(cè)頁面§5.4上機(jī)實(shí)訓(xùn)1、 制作新客戶登記頁面2、 制作信息反饋頁面§5.5知識(shí)總結(jié)與回顧1、回顧學(xué)習(xí)要點(diǎn)2、學(xué)習(xí)要點(diǎn)參考使用框架布局網(wǎng)頁教學(xué)要求：1、使學(xué)生熟練掌握網(wǎng)頁的框架布局方式2、使學(xué)生能夠動(dòng)手設(shè)計(jì)出操作靈活、控制準(zhǔn)確的網(wǎng)頁本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 框架和框架集

14、的創(chuàng)建2、 框架和框架集文件的基本操作3、 框架和框架集的屬性設(shè)置4、 在框架中使用鏈接難點(diǎn)：1、 框架和框架集文件的基本操作2、 框架和框架集的屬性設(shè)置3、 在框架中使用鏈接教學(xué)內(nèi)容：§6.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入制作奇特的框架布局2、 問題與思考§6.2知識(shí)點(diǎn)1、 創(chuàng)建框架集2、 在框架頁面中插入內(nèi)容3、 設(shè)置框架和框架集屬性§6.3任務(wù)實(shí)施步驟1、創(chuàng)建框架集§6.4上機(jī)實(shí)訓(xùn)1、為“花店”站點(diǎn)制作導(dǎo)購頁面§6.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考模板和庫教學(xué)要求：1、使學(xué)生熟練掌握模板和庫的制作；2、使學(xué)生能動(dòng)手設(shè)

15、計(jì)出適用性廣、擴(kuò)展性強(qiáng)的網(wǎng)頁模板。本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 模板和庫的基本概念；2、 制作和應(yīng)用模板和庫；3、 模板和庫與文檔分離。難點(diǎn)：1、 制作和應(yīng)用模板和庫；2、 模板和庫與文檔分離。教學(xué)內(nèi)容：§7.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入制作網(wǎng)頁模板2、 問題與思考§7.2知識(shí)點(diǎn)1、 模板2、 庫§7.3任務(wù)實(shí)施步驟1、 創(chuàng)建和應(yīng)用模板2、 制定庫和應(yīng)用庫項(xiàng)目§7.4上機(jī)實(shí)訓(xùn)1、創(chuàng)建網(wǎng)站模板§7.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考CSS樣式表教學(xué)要求：1、使學(xué)生熟練掌握網(wǎng)頁的樣式表設(shè)置；2、使學(xué)生能夠動(dòng)手設(shè)計(jì)出表現(xiàn)力豐富的網(wǎng)

16、頁本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 創(chuàng)建和應(yīng)用內(nèi)部樣式表、外部樣式表；2、 創(chuàng)建和應(yīng)用標(biāo)簽、類、高級(jí)樣式表；3、 CSS樣式的屬性介紹；4、 管理CSS樣式，CSS樣式的應(yīng)用、取消、修改和刪除。難點(diǎn)：1、創(chuàng)建和應(yīng)用內(nèi)部樣式表、外部樣式表；2、創(chuàng)建和應(yīng)用標(biāo)簽、類、高級(jí)樣式表；3、CSS樣式的屬性介紹；4、管理CSS樣式，CSS樣式的應(yīng)用、取消、修改和刪除。教學(xué)內(nèi)容：§8.1任務(wù)導(dǎo)入與問題思考1、 任務(wù)導(dǎo)入制作網(wǎng)頁樣式2、 問題與思考§8.2知識(shí)點(diǎn)1、 CSS概述2、 創(chuàng)建CSS樣式表§8.3任務(wù)實(shí)施步驟1、 創(chuàng)建標(biāo)簽內(nèi)部樣式表2、 知識(shí)拓展：CSS代碼3、 創(chuàng)建個(gè)性化文字外

17、部樣式4、 知識(shí)拓展：外部樣式表的應(yīng)用5、 創(chuàng)建個(gè)性化鏈接樣式6、 創(chuàng)建豎排文字樣式§8.4上機(jī)實(shí)訓(xùn)1、 創(chuàng)建個(gè)性化表格樣式2、 創(chuàng)建橫向菜單§8.5 CSS樣式屬性1、 類型2、 背景3、 區(qū)塊4、 方框5、 邊框6、 列表7、 定位8、 擴(kuò)展§8.6知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考構(gòu)建ASP開發(fā)環(huán)境教學(xué)要求：1、使學(xué)生熟練掌握IIS中虛擬目錄的設(shè)置；2、使學(xué)生能夠動(dòng)手構(gòu)建支持網(wǎng)站發(fā)布的ASP網(wǎng)頁平臺(tái)。本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 動(dòng)態(tài)網(wǎng)頁與ASP的工作原理2、 ASP運(yùn)行環(huán)境及IIS的配置；3、 在 Dreamweaver 中搭建ASP站點(diǎn)。難點(diǎn)

18、：1、動(dòng)態(tài)網(wǎng)頁與ASP的工作原理2、ASP運(yùn)行環(huán)境及IIS的配置；3、在 Dreamweaver 中搭建ASP站點(diǎn)。教學(xué)內(nèi)容：§9.1任務(wù)導(dǎo)入與問題思考1、任務(wù)導(dǎo)入構(gòu)建ASP開發(fā)環(huán)境2、問題與思考§9.2知識(shí)點(diǎn)1、 認(rèn)識(shí)動(dòng)態(tài)網(wǎng)頁與ASP2、 安裝與啟動(dòng)IIS3、 配置IIS4、 測試IIS服務(wù)器5、 在Dreamweaver中設(shè)置ASP服務(wù)器站點(diǎn)§9.3任務(wù)實(shí)施步驟1、 安裝IIS2、 配置IIS服務(wù)器3、 測試IIS服務(wù)器§9.4上機(jī)實(shí)訓(xùn)1、配置與測試IIS服務(wù)器2、搭建ASP開發(fā)環(huán)境§9.5知識(shí)總結(jié)與回顧1、 回顧學(xué)習(xí)要點(diǎn)2、 學(xué)習(xí)要點(diǎn)參考

19、新聞系統(tǒng)的制作教學(xué)要求：1、 使學(xué)生熟練掌握新聞系統(tǒng)的制作2、 使學(xué)生能設(shè)計(jì)出實(shí)用的新聞系統(tǒng)本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、 新聞系統(tǒng)的組成2、 動(dòng)態(tài)網(wǎng)頁與數(shù)據(jù)庫的連接3、 動(dòng)態(tài)網(wǎng)頁如何操作數(shù)據(jù)庫難點(diǎn)：1、 動(dòng)態(tài)網(wǎng)頁與數(shù)據(jù)庫的連接2、 動(dòng)態(tài)網(wǎng)頁如何操作數(shù)據(jù)庫教學(xué)內(nèi)容：§10.1新聞系統(tǒng)準(zhǔn)備工作1、 新聞系統(tǒng)需求分析2、 新聞系統(tǒng)站點(diǎn)的建立3、 設(shè)計(jì)新聞數(shù)據(jù)庫4、 連接新聞數(shù)據(jù)庫§10.2管理員登錄頁面設(shè)計(jì)1、 管理員登錄頁2、 新聞管理頁3、 錯(cuò)誤信息頁§10.3新聞信息管理頁面設(shè)計(jì)1、 添加新聞頁2、 編輯新聞頁3、 刪除新聞頁§10.4新聞前臺(tái)查看頁面設(shè)計(jì)1. 新聞瀏覽主頁2. 新聞瀏覽網(wǎng)頁§10.5系統(tǒng)調(diào)試§10.6知識(shí)總結(jié)與回顧留言板系統(tǒng)的制作教學(xué)要求：1、使學(xué)生熟悉留言板的制作流程2、使學(xué)生能動(dòng)手設(shè)計(jì)出實(shí)用的留言系統(tǒng)本章重點(diǎn)和難點(diǎn)重點(diǎn)：1、留言板系統(tǒng)的結(jié)構(gòu)2、留言板系統(tǒng)數(shù)據(jù)庫的設(shè)計(jì)與創(chuàng)建3、留言板系統(tǒng)前后臺(tái)的構(gòu)建難點(diǎn)：1、留言板系統(tǒng)的結(jié)構(gòu)2、留言板系統(tǒng)數(shù)據(jù)庫的設(shè)