網(wǎng)頁設(shè)計教學(xué)教案

1、."Dreamweaver CS5網(wǎng)頁設(shè)計教程"配套教學(xué)教案第1講課時內(nèi)容Dreamweaver CS5網(wǎng)頁制作根底授課時間150分鐘課時4教學(xué)目標(biāo)þ了解規(guī)劃的一般流程。þ掌握Dreamweaver CS5的工作界面。þ熟悉站點的創(chuàng)立與管理操作。教學(xué)重點þDreamweaver CS5的工作界面組成。þ創(chuàng)立站點和管理站點的操作。教學(xué)難點如何正確規(guī)劃內(nèi)容。教學(xué)設(shè)計1、 教學(xué)思路：1介紹Dreamweaver CS5的界面和網(wǎng)頁制作的流程；2演示創(chuàng)立“千履千尋公司站點的具體步驟，讓學(xué)員了解如何創(chuàng)立站點；3演示管理“千履千尋公司站

2、點的操作，讓學(xué)員熟悉站點的根本操作；4安排上機實訓(xùn)。2、 教學(xué)手段：1結(jié)合相關(guān)案例講解，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再找一些已建立和制作完成的站點進展演示，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5的工作界面，以及站點的創(chuàng)立和管理，在實例制作過程中也涉及了站點中文件和文件夾的創(chuàng)立和管理操作。討論問題：1、為什么要首先建立站點. 2、一個最根本的功能有哪些.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。1.1規(guī)劃“千履千尋公司1.1.1確定風(fēng)格和布局1.1.2需求分析1.

3、1.3規(guī)劃站點內(nèi)容1.2Dreamweaver CS5的工作界面1.2.1界面概述1.2.2標(biāo)題欄1.2.3菜單欄1.2.4文檔工具欄1.2.5插入欄1.2.6浮動面板組1.2.7狀態(tài)欄1.2.8“屬性面板1.3創(chuàng)立“千履千尋公司站點1.3.1站點規(guī)劃1.3.2創(chuàng)立本地站點1.4管理“千履千尋公司站點1.4.1翻開站點1.4.2編輯站點1.4.3刪除站點1.4.4復(fù)制站點1.4.5管理站點文件和文件夾1.5實訓(xùn)創(chuàng)立“快樂旅游站點1.5.1實訓(xùn)目標(biāo)1.5.2專業(yè)背景1.5.3操作思路1.6疑難解析1.7習(xí)題拓展知識課堂案例1創(chuàng)立站點 課堂案例2管理站點 上機實訓(xùn)創(chuàng)立“快樂旅游站點小結(jié)1、 掌握如

4、何確定風(fēng)格和布局、分析需求。2、 掌握如何規(guī)劃內(nèi)容、認(rèn)識Dreamweaver CS5的工作界面、創(chuàng)立與管理站點等。3、 本章內(nèi)容雖然尚未涉及到網(wǎng)頁設(shè)計和制作，但卻是網(wǎng)頁設(shè)計制作的根底。學(xué)員應(yīng)認(rèn)真理解和掌握，為后面制作網(wǎng)頁打下根底。思考及作業(yè)想一想：站點的作用是什么.站點有何意義.舉例日常瀏覽網(wǎng)頁時遇到的站點，并分析其分為幾大板塊.練一練：1查看Dreamweaver CS5中“表單插入欄包含的內(nèi)容。2在浮動面板組中將“資源、“行為和“組件3個面板排列到同一個面板中首先需要利用“窗口菜單顯示出這些面板。3創(chuàng)立名為“wodewangzhan的站點，將位置設(shè)置在D盤的“OK文件夾中，然后通過編輯站

5、點的方法將其重命名為“mynet，最后刪除站點并取消操作。4規(guī)劃并構(gòu)思一個美食站點，創(chuàng)立一個導(dǎo)航草圖，其中必須包含“菜譜和“食材兩大板塊，要求整個站點構(gòu)造能滿足一般的瀏覽和查詢美食資源的要求。5在上一題的根底上，啟動Dreamweaver CS5，創(chuàng)立該美食站點并在其中添加相應(yīng)的文件夾和文件。第2講課時內(nèi)容輸入與格式化文本授課時間120分鐘課時3教學(xué)目標(biāo)þ掌握文本段落的輸入與換行分段的操作。þ掌握設(shè)置文本格式的方法。þ熟悉工程列表的設(shè)置和水平線的創(chuàng)立方法。þ了解添加滾動字幕的方法。教學(xué)重點þ文本的輸入、字體格式的設(shè)置、段落的設(shè)置等操作。

6、4;插入特殊文本對象、創(chuàng)立列表、設(shè)置水平線和添加滾動字幕等操作。教學(xué)難點如何設(shè)計文字版式，使頁面舒適美觀。教學(xué)設(shè)計1、 教學(xué)思路：1演示“公司簡介網(wǎng)頁的具體制作步驟，讓學(xué)員學(xué)習(xí)如何在Dreamweaver中輸入文本并設(shè)置相應(yīng)的格式；2演示“企業(yè)文化網(wǎng)頁的具體制作步驟，讓學(xué)員了解如何在網(wǎng)頁中插入其他對象；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插輸入和設(shè)置的相關(guān)根底知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再找一些文字類網(wǎng)頁進展展示，與學(xué)員互動，討論文字添加了何種格式，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面

7、講解了Dreamweaver CS5中文本的輸入和格式的設(shè)置，以及其他對象的添加操作，在實例制作過程中還涉及了滾動字幕的設(shè)置操作。討論問題：1、設(shè)置網(wǎng)頁文字的字體時應(yīng)注意些什么. 2、網(wǎng)頁的制作一般將就圖文結(jié)合，在什么情況下需要使用純文字的網(wǎng)頁.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。2.1 制作“公司簡介頁面2.1.1輸入文本2.1.2設(shè)置文本字體格式2.1.3設(shè)置段落格式2.2制作“企業(yè)文化頁面2.2.1插入特殊文本對象2.2.2創(chuàng)立列表2.2.3設(shè)置水平線2.2.4添加滾動字幕2.3實訓(xùn)制作“快樂旅游首頁2.3.1實訓(xùn)目標(biāo)2.3.2專業(yè)背景2.3.3操作思路2.4疑難解析2.5

8、習(xí)題拓展知識課堂案例1“公司簡介頁面課堂案例2“企業(yè)文化頁面上機實訓(xùn)制作“快樂旅游首頁小結(jié)1、 掌握輸入和編輯文本的操作。2、 掌握水平線的插入以及滾動字幕的創(chuàng)立等操作。3、 本章是網(wǎng)頁制作的根底內(nèi)容，只有熟練掌握文本的各種設(shè)置方法后，才能創(chuàng)立出多姿多彩的網(wǎng)頁效果。思考及作業(yè)想一想：為什么在制作網(wǎng)頁時常使用默認(rèn)的字體.在使用一些特殊字體的文字時，為何需要將其制作為圖片.練一練：1翻開提供的“shouye-me.html網(wǎng)頁，通過分段、換行和插入連續(xù)空格等操作輸入網(wǎng)頁中的文本內(nèi)容。2利用CSS格式為各段文本設(shè)置不同的格式。3在第一段文本后插入水平線。4在倒數(shù)第二段文本后分段，輸入“最近更新：文本

9、并設(shè)置格式，然后插入日期，要求保存時自動更新。5將更新日期的上一段文本設(shè)置為滾動字幕，滾動方式為“scroll，速度為“15。第3講課時內(nèi)容插入圖像和多媒體對象授課時間90分鐘課時2教學(xué)目標(biāo)þ掌握在網(wǎng)頁中插入與編輯圖像的各種操作。þ熟悉美化與優(yōu)化圖像的方法。þ掌握插入多媒體插件、SWF動畫和FLV視頻的方法。þ了解添加網(wǎng)頁背景音樂的方法。教學(xué)重點þ圖像的插入、編輯、美化與優(yōu)化等操作。þ多媒體插件的使用。教學(xué)難點如何在網(wǎng)頁中設(shè)計圖像與多媒體。教學(xué)設(shè)計1、 教學(xué)思路：1演示“關(guān)于我們頁面的具體步驟，讓學(xué)員了解如何在網(wǎng)頁中使用圖片；2演示“

10、新品展臺網(wǎng)頁的具體步驟，讓學(xué)員了解如何添加多媒體插件，如何在網(wǎng)頁中使用多媒體；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插使用其他多媒體的根底知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以在網(wǎng)上找一些現(xiàn)成的進展展示，吸引學(xué)員注意，便于學(xué)員理解，拓寬學(xué)員思維。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5中圖像和多媒體的應(yīng)用，在實例制作過程中也涉及了添加背景音樂的操作。討論問題：1、為什么需要在網(wǎng)頁中添加圖像. 2、在設(shè)置鼠標(biāo)經(jīng)過圖像時應(yīng)注意些什么.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。

11、3.1制作“關(guān)于我們頁面3.1.1插入與編輯圖像3.1.2美化與優(yōu)化圖像3.1.3創(chuàng)立鼠標(biāo)經(jīng)過圖像3.2制作“新品展臺網(wǎng)頁3.2.1添加多媒體插件3.2.2添加背景音樂3.2.3插入SWF動畫3.2.4插入FLV視頻3.3實訓(xùn)制作“旅游導(dǎo)航網(wǎng)頁3.3.1實訓(xùn)目標(biāo)3.3.2專業(yè)背景3.3.3操作思路3.4疑難解析3.5習(xí)題拓展知識課堂案例1“關(guān)于我們頁面課堂案例2“新品展臺網(wǎng)頁 上機實訓(xùn)“旅游導(dǎo)航網(wǎng)頁小結(jié)1、 掌握在網(wǎng)頁中插入和編輯圖像的操作。2、 掌握設(shè)置鼠標(biāo)經(jīng)過圖像、插入多媒體插件、插入頁面背景音樂、插入SWF動畫和插入FLV視頻等操作。3、 本章內(nèi)容同樣是網(wǎng)頁制作的根底，只有掌握了這些對象

12、的插入與使用方法，才能制作出內(nèi)容豐富的網(wǎng)頁。思考及作業(yè)想一想：圖像的使用在網(wǎng)頁中通常起什么作用.怎樣才能快速在網(wǎng)頁中添加多媒體文件.練一練：1翻開“zhuye-me.html網(wǎng)頁，將提供的“01.jpg、“02.jpg和“03.jpg圖像插入到網(wǎng)頁中，設(shè)置邊框為“1。2在“我的動態(tài)圖像下插入“04.jpg圖像，設(shè)置對齊方式為“左對齊，縮小圖像尺寸，增加水平邊距，然后適當(dāng)降低圖像品質(zhì)。3分別在“最新留言圖像和“動感相冊圖像下插入多媒體插件和SWF動畫，其中插件的尺寸為“538×45。第4講課時內(nèi)容布局網(wǎng)頁版面授課時間150分鐘課時4教學(xué)目標(biāo)þ掌握在網(wǎng)頁中插入與編輯表格的方法。

13、þ熟悉使用AP Div布局網(wǎng)頁的方法。þ了解框架和框架集在網(wǎng)頁中的應(yīng)用。教學(xué)重點þ使用表格布局網(wǎng)頁、使用AP Div布局網(wǎng)頁、使用框架布局網(wǎng)頁。þ表格、AP Div和框架的使用。教學(xué)難點如何在制作網(wǎng)頁的過程綜合使用3種網(wǎng)頁布局方式。教學(xué)設(shè)計1、 教學(xué)思路：1演示“產(chǎn)品展示網(wǎng)頁布局的具體步驟，讓學(xué)員理解表格的作用與設(shè)置；2演示“千履千尋網(wǎng)頁布局的具體步驟，讓學(xué)員理解AP Div的概念和使用方法；3演示“公司公告網(wǎng)頁布局的具體步驟，讓學(xué)員理解框架和框架集的概念和屬性的設(shè)置；4安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插與網(wǎng)頁布局相關(guān)的根底知識，實例完畢后

14、進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再找一些包含各種布局的網(wǎng)頁進展展示，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5中使用表格、AP Div和框架布局的操作，在實例制作過程中也接觸了在表格和AP Div中插入內(nèi)容的操作。討論問題：1、除了介紹的3種布局方式，還有其他什么布局方式. 2、不同的布局方式常用在哪種類型的網(wǎng)頁中.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。4.1使用表格布局“產(chǎn)品展示網(wǎng)頁4.1.1創(chuàng)立表格4.1.2調(diào)整表格構(gòu)造4.1.3設(shè)置表格和單元格屬性4.1.4在表格中插入

15、內(nèi)容4.2利用AP Div制作千履千尋首頁4.2.1創(chuàng)立AP Div4.2.2選擇AP Div4.2.3設(shè)置AP Div尺寸4.2.4移動AP Div4.2.5對齊AP Div4.2.6更改AP Div堆疊順序4.2.7在AP Div插入各種元素4.3使用框架制作“公司公告網(wǎng)頁4.3.1創(chuàng)立框架集與框架4.3.2保存框架集與框架4.3.3刪除框架4.3.4設(shè)置框架集與框架屬性4.3.5制作框架網(wǎng)頁4.4實訓(xùn)制作“景點介紹網(wǎng)頁4.4.1實訓(xùn)目標(biāo)4.4.2專業(yè)背景4.4.3操作思路4.5疑難解析4.6習(xí)題拓展知識課堂案例1使用表格布局“產(chǎn)品展示網(wǎng)頁 課堂案例2利用AP Div制作首頁 課堂案例3使

16、用框架制作“公司公告網(wǎng)頁 上機實訓(xùn)制作“景點介紹網(wǎng)頁小結(jié)1、 掌握網(wǎng)頁布局的幾種方式。2、 掌握創(chuàng)立表格、設(shè)置表格、在表格中插入內(nèi)容、創(chuàng)立AP Div、設(shè)置AP Div、創(chuàng)立框架與框架集、編輯框架與框架集等操作。3、 本章內(nèi)容是學(xué)習(xí)網(wǎng)頁制作的重點和核心內(nèi)容之一，對于掌控整個網(wǎng)頁版面和設(shè)計風(fēng)格有至關(guān)重要的作用，讀者應(yīng)認(rèn)真學(xué)習(xí)和掌握，并到達靈活運用和舉一反三的程度。思考及作業(yè)想一想：隨著網(wǎng)絡(luò)的開展，程序語言也在開展，網(wǎng)頁布局的方式方法也在改變，如今常用的網(wǎng)頁布局方式有哪些.常用的與設(shè)計網(wǎng)頁相關(guān)的編程語言有哪些.練一練：1創(chuàng)立“top.html網(wǎng)頁，在其中輸入并設(shè)置“我的心情客棧文本，并繪制4個AP

17、 Div對象，在其中插入提供的4X圖片。2創(chuàng)立“bottom.html網(wǎng)頁，插入13×2表格，合并最后一行單元格，并在其中插入1×4嵌套表格，設(shè)置表格背景顏色并在各單元格中輸入文本。3創(chuàng)立“上方固定框架網(wǎng)頁，在上方的框架中指定“top.html網(wǎng)頁，在下方的框架中指定“bottom.html網(wǎng)頁，適當(dāng)調(diào)整后保存并預(yù)覽效果。第5講課時內(nèi)容在網(wǎng)頁中創(chuàng)立超授課時間120分鐘課時3教學(xué)目標(biāo)þ了解超的組成和種類。þ掌握文本超、圖像超、外部超和圖像熱點超的創(chuàng)立方法。þ熟悉錨點超、電子超、文件超和空的創(chuàng)立方法。þ了解腳本的插入方法。教學(xué)重點

18、4;文本超、圖像超、外部超、圖像熱點超的創(chuàng)立。þ錨點超、電子超、文件超、空及腳本的創(chuàng)立。教學(xué)難點如何在設(shè)置網(wǎng)頁時為不同的元素添加適宜的。教學(xué)設(shè)計1、 教學(xué)思路：1演示“公司地圖網(wǎng)頁的具體步驟，讓學(xué)員理解文本超、圖像超、外部超和圖像熱點超的作用；2演示“給我們留言網(wǎng)頁的具體步驟，讓學(xué)員理解錨點超、電子超、文件超、空和腳本的作用；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插設(shè)置屬性的相關(guān)根底知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可在網(wǎng)絡(luò)中搜索一些門戶，為學(xué)員展示其中的，與學(xué)員一起分析方式，讓學(xué)員深入了

19、解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5各種超的使用，在實例制作過程中也接觸了文件下載和空的使用。討論問題：1、在網(wǎng)頁中經(jīng)常用到的類型有哪些. 2、超還有哪些特殊用途.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。5.1制作“公司地圖網(wǎng)頁5.1.1認(rèn)識超5.1.2創(chuàng)立文本超5.1.3創(chuàng)立圖像超5.1.4創(chuàng)立外部超5.1.5創(chuàng)立圖像熱點超5.2制作“給我們留言網(wǎng)頁5.2.1創(chuàng)立錨點超5.2.2創(chuàng)立電子超5.2.3創(chuàng)立文件超5.2.4創(chuàng)立空5.2.5插入腳本5.3實訓(xùn)制作“精品線路網(wǎng)頁5.3.1實訓(xùn)目標(biāo)5.3.2專業(yè)背景5.3.3操作思路5.4疑難解析5.5習(xí)題拓展知識

20、課堂案例1“公司地圖網(wǎng)頁課堂案例2“給我們留言網(wǎng)頁上機實訓(xùn)“精品線路網(wǎng)頁小結(jié)1、 掌握文本超、圖像超、外部超、圖像熱點超、錨點超、電子超、文件超、空和腳本的創(chuàng)立操作。2、 本章內(nèi)容是制作網(wǎng)頁的根底，讀者應(yīng)認(rèn)真學(xué)習(xí)和掌握，并靈活運用到各種網(wǎng)頁上。思考及作業(yè)想一想：還有沒有其他方式.怎樣可快速提高操作的效率.練一練：1翻開“shouye-me.html網(wǎng)頁，將上方的“心情客棧文本到“xqkz-me.html網(wǎng)頁。2利用熱點工具將“進入主頁>>ENTER和日志圓形分別連接到“zhuye-me.html和“xqkz-me.html網(wǎng)頁。3利用電子將“傳情文本到“myworldsina.。4

21、分別利用各種腳本和空，實現(xiàn)“設(shè)為主頁、“收藏我吧和“關(guān)閉窗口文本對應(yīng)的互動功能，其中網(wǎng)址為“，收藏名稱為“我的世界。第6講課時內(nèi)容CSS與盒子模型授課時間120分鐘課時3教學(xué)目標(biāo)þ了解CSS和盒子模型的概念和作用。þ掌握CSS樣式的創(chuàng)立、設(shè)置、編輯和刪除等方法。þ熟悉使用CSS+Div布局網(wǎng)頁的方法。教學(xué)重點þCSS屬性的認(rèn)識、樣式的設(shè)置，盒子模型的使用。þ利用CSS+Div布局網(wǎng)頁。教學(xué)難點如何結(jié)合CSS與Div制作網(wǎng)頁。教學(xué)設(shè)計1、 教學(xué)思路：1演示“熱銷精品網(wǎng)頁的具體步驟，讓學(xué)員理解什么是CSS，并能使用CSS制作網(wǎng)頁；2演示“消費者保障

22、網(wǎng)頁的具體步驟，讓學(xué)員認(rèn)識盒子模型，并會利用CSS+Div制作網(wǎng)頁；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插相關(guān)CSS屬性設(shè)置的根底知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再找設(shè)置好CSS的網(wǎng)頁設(shè)計作品或使用了盒子模型的網(wǎng)頁進展展示，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5CSS的使用與設(shè)置，以及盒子模型的優(yōu)勢和使用，在實例制作過程中也對CSS屬性窗口中不同的屬性參數(shù)進展了講解。討論問題：1、為什么要使用CSS設(shè)置網(wǎng)頁中的內(nèi)容的屬性. 2、Div標(biāo)簽是什么，常見的Di

23、v標(biāo)簽有哪些.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。6.1制作“熱銷精品網(wǎng)頁6.1.1認(rèn)識CSS樣式6.1.2CSS樣式的各種屬性設(shè)置6.1.3創(chuàng)立與應(yīng)用CSS樣式6.1.4編輯CSS樣式6.1.5刪除CSS樣式6.2制作“消費者保障網(wǎng)頁6.2.1認(rèn)識盒子模型6.2.2盒子模型的優(yōu)勢6.2.3利用CSS+Div布局網(wǎng)頁6.3實訓(xùn)制作“驢友攻略網(wǎng)頁6.3.1實訓(xùn)目標(biāo)6.3.2專業(yè)背景6.3.3操作思路6.4疑難解析6.5習(xí)題拓展知識課堂案例1“熱銷精品網(wǎng)頁 課堂案例2“消費者保障網(wǎng)頁上機實訓(xùn)“驢友攻略網(wǎng)頁小結(jié)1、 掌握CSS樣式以及Div標(biāo)簽的操作。2、 掌握CSS樣式的新建、應(yīng)用、

24、編輯和修改，盒子模型的構(gòu)造和優(yōu)勢，Div標(biāo)簽的插入以及對應(yīng)CSS樣式規(guī)那么的設(shè)置等知識。3、 本章內(nèi)容與當(dāng)前網(wǎng)頁制作的主流方式嚴(yán)密相關(guān)，讀者應(yīng)認(rèn)真學(xué)習(xí)和掌握，為實際工作中制作網(wǎng)頁打下堅實的根底。思考及作業(yè)想一想：網(wǎng)頁中常見的CSS樣式有哪些.你能例舉出見到過的盒子模型么.盒子模型一般應(yīng)用在什么地方.練一練：1翻開提供的“rizhi-me.html網(wǎng)頁，插入4×2表格，合并第一行和第二行單元格，合并第一列的第三行和第四行單元格，然后在該單元格中插入4×1的嵌套表格。2依次在表格和嵌套表格的各單元格中輸入文本。3通過創(chuàng)立多個類CSS樣式為輸入的文本應(yīng)用相應(yīng)的樣式規(guī)那么。4通過創(chuàng)

25、立復(fù)合內(nèi)容CSS樣式為嵌套表格中的超文本空設(shè)置訪問前后和鼠標(biāo)指針指向時等文本狀態(tài)的樣式。第7講課時內(nèi)容模板和庫的應(yīng)用授課時間90分鐘課時2教學(xué)目標(biāo)þ了解“資源面板的使用方法。þ掌握模板的創(chuàng)立、應(yīng)用和編輯操作。þ熟悉模板的刪除和更新等管理方法。þ熟悉庫文件的創(chuàng)立、應(yīng)用、編輯和更新操作。教學(xué)重點þ模板的創(chuàng)立、編輯、應(yīng)用與管理操作。þ庫文件的創(chuàng)立、應(yīng)用、編輯、更新和別離等操作。教學(xué)難點如何應(yīng)用模板中的相關(guān)內(nèi)容并更改。教學(xué)設(shè)計1、 教學(xué)思路：1演示“客戶交流網(wǎng)頁的具體步驟，讓學(xué)員認(rèn)識并了解模板，并學(xué)會如何利用模板創(chuàng)立網(wǎng)頁；2演示“產(chǎn)品介紹網(wǎng)頁

26、的具體步驟，讓學(xué)員認(rèn)識“資源面板，并了解庫文件的使用；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插相關(guān)根底操作的知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再從模板創(chuàng)立不同的網(wǎng)頁，并往其中添加庫文件，加深學(xué)員印象，穩(wěn)固所學(xué)知識。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5中模板和“資源面板中庫文件的使用和操作，在實例制作過程中講解了模板中不同類型的可編輯區(qū)域的設(shè)置。討論問題：1、使用模板創(chuàng)立網(wǎng)頁有什么好處. 2、應(yīng)如何有效地管理“資源面板中的庫文件.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合

27、講解。7.1制作“客戶交流網(wǎng)頁7.1.1創(chuàng)立模板7.1.2編輯模板7.1.3應(yīng)用與管理模板7.2制作“產(chǎn)品介紹網(wǎng)頁7.2.1認(rèn)識“資源面板7.2.2創(chuàng)立庫文件7.2.3應(yīng)用庫文件7.2.4編輯庫文件7.2.5更新庫文件7.2.6別離庫文件7.3實訓(xùn)制作“旅游相冊網(wǎng)頁7.3.1實訓(xùn)目標(biāo)7.3.2專業(yè)背景7.3.3操作思路7.4疑難解析7.5習(xí)題拓展知識課堂案例1“客戶交流網(wǎng)頁 課堂案例2“產(chǎn)品介紹網(wǎng)頁上機實訓(xùn)“旅游相冊網(wǎng)頁小結(jié)1、 掌握從模板創(chuàng)立網(wǎng)頁，以及模板的編輯、應(yīng)用、更新、刪除和脫離等操作。2、 掌握“資源面板的使用、庫文件的創(chuàng)立、應(yīng)用、編輯、更新和別離等操作。3、 對于本章的內(nèi)容，讀者應(yīng)

28、盡量掌握，以便在實際工作中靈活運用，提高的制作效率。思考及作業(yè)想一想：使用模板創(chuàng)立網(wǎng)頁的益處和不益之處是什么.如何通過更改庫文件，從而快速更改網(wǎng)頁文件.練一練：1翻開“l(fā)yb-me.html網(wǎng)頁，保存為模板，并在空白單元格中插入可編輯區(qū)域。2根據(jù)上一步創(chuàng)立的模板來創(chuàng)立網(wǎng)頁，并利用“資源模板制作庫文件，表格左側(cè)為提供的“tx.jpg圖像，右側(cè)為輸入的文本，并適當(dāng)設(shè)置格式。3將新建的網(wǎng)頁保存為“l(fā)yb-me.html，并在可編輯區(qū)域中插入3×1表格，并在每行表格中應(yīng)用創(chuàng)立的庫文件，最后保存并預(yù)覽網(wǎng)頁效果。第8講課時內(nèi)容表單和行為的應(yīng)用授課時間120分鐘課時3教學(xué)目標(biāo)þ了解表單的

29、作用。þ掌握表單的創(chuàng)立以及在表單中插入文本字段、按鈕和復(fù)選框等對象的方法。þ熟悉在表單中插入文件域、圖像域和字段集等對象的方法。þ了解并熟悉行為的組成、作用、添加和編輯等根本操作。þ 掌握交換圖像行為和效果行為的應(yīng)用教學(xué)重點þ各種表單元素的添加。þ行為的根底知識和常用行為的使用方法。教學(xué)難點如何在設(shè)計作品過程中靈活應(yīng)用行為命令。教學(xué)設(shè)計1、 教學(xué)思路：1演示“會員注冊網(wǎng)頁的具體步驟，讓學(xué)員了解表單的作用與添加操作；2演示“品牌展廳網(wǎng)頁的具體步驟，讓學(xué)員理解行為的作用，了解常用行為的使用；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿

30、插表單通用屬性的根底知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以在網(wǎng)絡(luò)中搜索相關(guān)注冊頁面等與表單和行為有關(guān)的網(wǎng)頁，與學(xué)員互動進展分析，加深學(xué)員的理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5表單與行為的添加與使用方法，在實例制作過程中涉及了對表單屬性的講解，并介紹了行為的組成與事件的作用。討論問題：1、表單除了用在注冊類網(wǎng)頁中，還可用于什么網(wǎng)頁. 2、你知道的行為命令還有哪些.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。8.1制作“會員注冊網(wǎng)頁8.1.1表單的根底操作8.1.2在表單中添加

31、各種元素8.2制作“品牌展廳網(wǎng)頁8.2.1關(guān)于行為的根底知識8.2.2常用行為的使用方法8.3實訓(xùn)制作“驢友交流網(wǎng)頁8.3.1實訓(xùn)目標(biāo)8.3.2專業(yè)背景8.3.3操作思路8.4疑難解析8.5習(xí)題拓展知識課堂案例1“會員注冊網(wǎng)頁課堂案例2“品牌展廳網(wǎng)頁 上機實訓(xùn)“驢友交流網(wǎng)頁小結(jié)1、 了解Dreamweaver中表單和行為的作用。2、 掌握表單的創(chuàng)立、各種表單元素的添加和管理、行為的添加、編輯和刪除等操作。3、 對于本章的內(nèi)容，讀者可以適當(dāng)了解并熟悉，嘗試能按照書中介紹的知識使用表單和行為。思考及作業(yè)想一想：不同類型的中行為命令的應(yīng)用領(lǐng)域不同，社交類與門戶類的行為命令有何不同.常用的表單有哪些.

32、練一練：1翻開“smkj-me.html網(wǎng)頁，在空白單元格中創(chuàng)立表單，然后在創(chuàng)立的表單區(qū)域依次創(chuàng)立“大名：文本字段、“暗號：密碼字段和“進入按鈕。2選擇網(wǎng)頁右上方的“<<親親吾愛>>文本，為其添加“彈出信息行為，信息內(nèi)容可自行設(shè)置，事件需要更改為“onClick。3保存并預(yù)覽網(wǎng)頁。嘗試單擊“<<親親吾愛>>文本區(qū)域，查看彈出的對話框內(nèi)容。第9講課時內(nèi)容制作ASP動態(tài)網(wǎng)頁授課時間150分鐘課時4教學(xué)目標(biāo)þ了解動態(tài)網(wǎng)頁的根底、開發(fā)流程和Web效勞器。þ熟悉IIS的安裝與配置和Access數(shù)據(jù)庫的使用。þ掌握動態(tài)站點的創(chuàng)立

33、與配置，以及數(shù)據(jù)源的創(chuàng)立。þ掌握記錄集的創(chuàng)立、記錄的插入等操作。教學(xué)重點þ動態(tài)站點的安裝與配置，數(shù)據(jù)源的創(chuàng)立。þ記錄集和數(shù)據(jù)表的使用。教學(xué)難點如何使用Access創(chuàng)立數(shù)據(jù)表，IIS的安裝與配置。教學(xué)設(shè)計1、 教學(xué)思路：1演示動態(tài)網(wǎng)頁的配置和數(shù)據(jù)表的創(chuàng)立，為之后記錄集的操作打下根底；2演示“登錄數(shù)據(jù)管理網(wǎng)頁的具體步驟，讓學(xué)員了解記錄集的作用，以及如何使用記錄集；3演示“參加購物車網(wǎng)頁的具體步驟，讓學(xué)員了解記錄表單向?qū)У氖褂茫?安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插動態(tài)網(wǎng)頁的根底和記錄集的綜合使用等知識，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演

34、示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可以再找一些以包含記錄集的網(wǎng)頁或購物中的網(wǎng)頁進展展示，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5中動態(tài)網(wǎng)頁中數(shù)據(jù)源的創(chuàng)立和記錄集的創(chuàng)立與使用，在實例制作過程中初步涉及了記錄集的分頁操作和表單向?qū)У氖褂?。討論問題：1、為什么要首先安裝與配置IIS. 2、記錄集可用在哪些類型的網(wǎng)頁中.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。9.1配置動態(tài)網(wǎng)頁數(shù)據(jù)源9.1.1動態(tài)網(wǎng)頁根底9.1.2安裝與配置IIS9.1.3使用Access創(chuàng)立數(shù)據(jù)表9.1.4創(chuàng)立與配置動態(tài)站點9.1.5創(chuàng)立數(shù)據(jù)源9.2制作“登錄數(shù)據(jù)

35、管理網(wǎng)頁9.2.1創(chuàng)立記錄集9.2.2插入記錄9.2.3插入重復(fù)區(qū)域9.2.4分頁記錄集9.3制作“參加購物車網(wǎng)頁9.3.1配置IIS和動態(tài)站點9.3.2創(chuàng)立數(shù)據(jù)表并數(shù)據(jù)源9.3.3綁定記錄集并插入字段9.3.4使用插入記錄表單向?qū)?.4實訓(xùn)制作“用戶注冊網(wǎng)頁9.4.1實訓(xùn)目標(biāo)9.4.2專業(yè)背景9.4.3操作思路9.5疑難解析9.6習(xí)題拓展知識課堂案例1“登錄數(shù)據(jù)管理網(wǎng)頁課堂案例2“參加購物車網(wǎng)頁 上機實訓(xùn)“用戶注冊網(wǎng)頁小結(jié)1、 掌握ASP動態(tài)網(wǎng)頁的相關(guān)知識。2、 掌握IIS的創(chuàng)立與配置、數(shù)據(jù)庫的創(chuàng)立、動態(tài)站點的配置、數(shù)據(jù)源的創(chuàng)立與連接、記錄集的綁定、記錄的插入、重復(fù)區(qū)域的創(chuàng)立以及記錄表單的創(chuàng)

36、立等操作。3、 對于本章的內(nèi)容，讀者適當(dāng)理解即可，有興趣的讀者可以進一步查閱其他書籍進展更深地學(xué)習(xí)。思考及作業(yè)想一想：在購物中的各種功能按鈕和數(shù)據(jù)選擇的原理是什么.怎樣才能靈活使用記錄集和數(shù)據(jù)表.練一練：1創(chuàng)立名為“info的Access數(shù)據(jù)庫并在其中創(chuàng)立“info表，字段名稱包括“ID、“Name、“Sex、“Age和“Email，其中“ID字段和“Age字段為數(shù)字類型，其余字段為文本類型，并輸入各條記錄。2配置別名為“info、位置為“D:info的IIS。配置站點名稱為“info，本地根文件夾為“D:info，Web URL地址為“l(fā)ocalhost/info/，效勞器模型為“ASP V

37、BScript，訪問類型為 “本地/網(wǎng)絡(luò)的測試效勞器。3創(chuàng)立數(shù)據(jù)源名為“info，說明為“用戶信息，數(shù)據(jù)庫為“info.accdb的數(shù)據(jù)源。翻開“info.asp網(wǎng)頁文件，綁定“info記錄集，排序為“ID、升序。在第3行各單元格中依次插入綁定好的記錄集中相應(yīng)的字段，將第3行設(shè)置為重復(fù)區(qū)域，并插入記錄集分頁等內(nèi)容。4保存并預(yù)覽網(wǎng)頁效果。第10講課時內(nèi)容的測試與發(fā)布授課時間90分鐘課時2教學(xué)目標(biāo)þ掌握兼容性測試、的修復(fù)以及下載速度檢查的方法。þ了解主頁空間的申請方法與開通方法。þ熟悉遠(yuǎn)程信息的配置方法。教學(xué)重點þ兼容性測試、的檢查和修復(fù)、下載速度的檢測。&

38、#254;主頁空間的申請、站點的發(fā)布。教學(xué)難點如何優(yōu)化站點并發(fā)布。教學(xué)設(shè)計1、 教學(xué)思路：1演示測試“千履千尋站點的具體步驟，讓學(xué)員了解需要測試的內(nèi)容；2演示發(fā)布“千履千尋站點的具體步驟，讓學(xué)員發(fā)布站點前需要進展的操作；3安排上機實訓(xùn)。2、 教學(xué)手段：1實例講解過程穿插講解測試其他內(nèi)容的知識和申請主頁空間應(yīng)注意的事項，實例完畢后進展總結(jié)和疑難提問；2對于重點操作可以著重演示，并加強舉例說明。3、 教學(xué)資料及要求：除教材中的實例外，可列舉一些大型，介紹其測試和發(fā)布的操作和流程，便于學(xué)員理解。教學(xué)內(nèi)容知識回憶：在前面講解了Dreamweaver CS5中站點的測試和發(fā)布操作，在實例制作過程中也初步

39、涉及了申請主頁空間的操作。討論問題：1、還有何種方法可優(yōu)化站點. 2、還有哪些可申請主頁空間.內(nèi)容大綱：具體可結(jié)合本章的PPT課件進展配合講解。10.1測試“千履千尋公司站點10.1.1兼容性測試10.1.2檢查并修復(fù)10.1.3檢測下載速度10.2發(fā)布“千履千尋公司站點10.2.1申請主頁空間10.2.2發(fā)布站點10.3實訓(xùn)測試與發(fā)布“快樂旅游10.3.1實訓(xùn)目標(biāo)10.3.2專業(yè)背景10.3.3操作思路10.4疑難解析10.5習(xí)題拓展知識課堂案例1測試站點課堂案例2發(fā)布站點上機實訓(xùn)測試與發(fā)布“快樂旅游小結(jié)1、 掌握的測試與發(fā)布知識。2、 掌握兼容性測試、的檢查與修復(fù)、下載速度的測試與設(shè)置、主頁空間的申請和開通、遠(yuǎn)程信息的配置以及站點的發(fā)布等操作。3、 對于本章的內(nèi)容，讀者可以適當(dāng)理解和掌握，只要能成功發(fā)布站點即可。思考及作業(yè)想一想：大型的建立需要用到何種主頁空間.網(wǎng)頁的下載速度最好