第一篇：《Dreamweaver中網(wǎng)頁布局的方法》教學(xué)設(shè)計(jì)
《Dreamweaver中網(wǎng)頁布局的方法》教學(xué)設(shè)計(jì)
授課班級:高一（3）授課教師:曹雪麗 授課時間：2004.5.12
教材分析: 1．教學(xué)目標(biāo)
教學(xué)目標(biāo)既是教學(xué)的出發(fā)點(diǎn)和歸宿又是師生雙邊活動的中介，因此，我參照《高中新課程標(biāo)準(zhǔn)》和高中學(xué)生現(xiàn)有的知識水平和認(rèn)識特點(diǎn)確定了以下三個目標(biāo)： A：知識目標(biāo)
（1）、讓學(xué)生認(rèn)識到網(wǎng)頁布局對整個網(wǎng)頁元素的組織編排的重要性。（2）、讓學(xué)生掌握在Dreamweaver中實(shí)現(xiàn)網(wǎng)頁布局的基本方法。
B：能力目標(biāo)：讓學(xué)生能動手完成一個簡單的網(wǎng)頁布局的設(shè)計(jì)。C：情感目標(biāo)：
（1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的工作態(tài)度以及感受美、評價美的藝術(shù)情操。（2）培養(yǎng)學(xué)生在進(jìn)行自主學(xué)習(xí)的過程中勇于克服困難，體驗(yàn)到成功后的快樂。
2．教學(xué)重點(diǎn)、難點(diǎn)、關(guān)鍵 重點(diǎn)：插入表中表 難點(diǎn)、關(guān)鍵：表格的屬性設(shè)置 學(xué)情分析：
本節(jié)課的內(nèi)容面向的對象是高中二年級的學(xué)生，對于學(xué)習(xí)這部分內(nèi)容他們有三大優(yōu)勢：第一，除信息技術(shù)課外許多課都在網(wǎng)絡(luò)課室上。因此，他們對網(wǎng)絡(luò)很熟悉且很熱愛，有一定的網(wǎng)絡(luò)知識。第二，他們有WORD部分關(guān)于表格和簡單的網(wǎng)頁制作基礎(chǔ)。第三，一部分同學(xué)有一些Dreamweaver的基礎(chǔ)，可在學(xué)生中起積極的促進(jìn)作用。設(shè)計(jì)理念：
本節(jié)課的設(shè)計(jì)理念是以誘思探究學(xué)科教學(xué)論為理論依據(jù)，以充分發(fā)揮學(xué)生的主體地位為出發(fā)點(diǎn)，以培養(yǎng)學(xué)生自主學(xué)習(xí)能力全面提高學(xué)生素質(zhì)為目的。是一節(jié)“誘思探究”理論的探索課。為此，在課前教師為學(xué)生準(zhǔn)備了網(wǎng)絡(luò)布局學(xué)習(xí)資源網(wǎng)站，學(xué)生自己也已經(jīng)以小組為單位確立了要本組要建立的網(wǎng)站的主題。整節(jié)課的內(nèi)容安排是以從學(xué)生“動手”中發(fā)現(xiàn)問題，又在學(xué)生的“動手”中解決問題為主脈展開的。同時又通過評價環(huán)節(jié)中學(xué)生的之間的互評、點(diǎn)評將本節(jié)推向高潮，達(dá)到突出重點(diǎn)，攻破難點(diǎn)的目的。學(xué)習(xí)目標(biāo)分析：
借助以前積累的知識、經(jīng)驗(yàn)及學(xué)習(xí)資源網(wǎng)自主探索，小組協(xié)作進(jìn)而歸納、研究出網(wǎng)頁布局的內(nèi)在規(guī)律性。教學(xué)策略的選擇與設(shè)計(jì) 1．教學(xué)方法：（1）誘思導(dǎo)學(xué)法（2）任務(wù)驅(qū)動—體驗(yàn)探究法
（3）分層教學(xué)法（4）網(wǎng)絡(luò)探究教學(xué)法（5）激勵教學(xué)法 2．學(xué)法指導(dǎo)：形象探究法、經(jīng)驗(yàn)探究法、體驗(yàn)探究法、協(xié)作式學(xué)習(xí)法。3．資源的設(shè)計(jì)與選擇： 結(jié)合本節(jié)內(nèi)容設(shè)計(jì)了一個學(xué)習(xí)資源網(wǎng)站、傳奇電子教室系統(tǒng)、Dreamweaver網(wǎng)頁編輯軟件等。教學(xué)過程設(shè)計(jì)：
教學(xué)設(shè)計(jì)過程及設(shè)計(jì)思想 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 設(shè)計(jì)思想 時間 新 課 的 引 入 ⌒ 教 師 監(jiān) 控 ︶
1，相鄰兩同學(xué)為一組分別在瀏覽器中打開兩個不同的網(wǎng)頁作品相互欣賞評價，同時準(zhǔn)備回答：
問題1：這兩個網(wǎng)頁有什么不同？你認(rèn)為哪個更好一些？為什么？ 2，在Dreamweaver中打開該網(wǎng)頁并逐一刪除頁面元素同時繼續(xù)提問： 留在頁面上的是什么？ 1，回答問題1 帶著問題2觀察老師的操作
2，回憶Word中表格的插入方法及技巧
我以“誘思探究導(dǎo)學(xué)法”為指導(dǎo)思想,主要體現(xiàn)“誘”和“導(dǎo)”兩個環(huán)節(jié)。首先是“誘疑”使學(xué)生“生疑”；然后要“導(dǎo)向”，比如這里教師的操作：在Dreamweaver中刪除頁中的頁面元素后出現(xiàn)的表格，讓學(xué)生的思維沿著正確方向發(fā)展，最終達(dá)到“釋疑”的目的。2 分 鐘
點(diǎn)評：“誘思探究導(dǎo)學(xué)法”一句話，誘發(fā)思維動機(jī)，導(dǎo)正思維航向。這是突現(xiàn)教師基本功的地方，要“誘”得巧，“導(dǎo)”得妙。
新
課
學(xué)習(xí)
新
課
學(xué)習(xí)
布置 任務(wù) ⌒ 教 師 監(jiān) 控 ︶
[任務(wù)1]能根據(jù)資源網(wǎng)的指導(dǎo)學(xué)會表中表的使用，并完成本節(jié)的例題的表格制作。（必做題）
[任務(wù)2]能在布局的基礎(chǔ)上插入圖片及文字，完成一個如例題的簡單網(wǎng)頁制作。（提高題）
[任務(wù)3]能通過屬性的設(shè)計(jì)美化網(wǎng)頁。（先做題）1，學(xué)生可根據(jù)自己的具體情況選擇合適的任務(wù)。2，各組長明確任務(wù)。
在任務(wù)設(shè)計(jì)時我注意到這樣兩個因素；一是：為了一切學(xué)生，在設(shè)置任務(wù)時要充分考慮到學(xué)生的個別差異。體現(xiàn)分層教學(xué)的重要性。二是：以探索問題來引動和維持學(xué)習(xí)者學(xué)習(xí)的興趣和動機(jī)。2 分 鐘 學(xué) 法 指 導(dǎo) ⌒ 教 師 監(jiān) 控 ︶
指導(dǎo)學(xué)生帶著“任務(wù)”中的問題，利用教師準(zhǔn)備的學(xué)習(xí)資源網(wǎng)自主學(xué)習(xí)，探索交流,小組互助，“助教”指導(dǎo),量力而行完成操作任務(wù)。1，明確學(xué)習(xí)資源的使用方法，采取各種方法完成任務(wù)
利用教學(xué)資源自主學(xué)習(xí)及優(yōu)生做好“助教”的角色互幫互學(xué)，既能激發(fā)他們的學(xué)習(xí)積極性，給他們一個鍛煉成長的機(jī)會，又能使更多的學(xué)生得到幫助，有利于全面提高學(xué)生動手動腦的能力，體現(xiàn)“因材施教”。1 分 鐘
點(diǎn)評：這兩部分的目的在于
一、體現(xiàn)分層教學(xué)的重要性。
二、培養(yǎng)學(xué)生養(yǎng)成由簡到繁、由易到難、循序漸進(jìn)地解決問題的好習(xí)慣，同時學(xué)生之間的以教促教，以教幫教，以教帶教的方法有利于學(xué)生的全面發(fā)展。師
生 互
動
1，尋找學(xué)生在完成任務(wù)中會遇到第一個問題：“表格線互擾問題”并及時以該問題為切入點(diǎn)將學(xué)生的思維引入到本節(jié)的重點(diǎn)內(nèi)容--表中表的使用。2，引導(dǎo)學(xué)生發(fā)現(xiàn)例子中的新問題—各部分表格線的差異，將本節(jié)的內(nèi)容推向另一個熱點(diǎn)。
1，學(xué)生掌握表中表的使用方法
2，完成任務(wù)
3，注意到表格屬性的功能。
我是這樣設(shè)計(jì)本部分內(nèi)容將重點(diǎn)放在以下兩個方面：
第一、在本節(jié)課師生以“任務(wù)”為主線，在學(xué)生不斷地發(fā)現(xiàn)問題，教師及時地鼓勵準(zhǔn)確地導(dǎo)向，調(diào)控學(xué)生主動地探究，利用各種方法例如：教師搭建的網(wǎng)上學(xué)習(xí)資源，平時建立的小組協(xié)作關(guān)系等去想辦法解決問題。25 分鐘 師
生 互
動
3，評價小結(jié)是本節(jié)課的一個高潮部分。此時教師重點(diǎn)由上面技術(shù)點(diǎn)的引導(dǎo)轉(zhuǎn)到學(xué)生心理素質(zhì)及與人交往能力的導(dǎo)向上。這一點(diǎn)其實(shí)比單純的學(xué)會上面的技術(shù)更為重要。在學(xué)生的自評中引導(dǎo)學(xué)生客觀評價自己。不能過分謙虛而失去在同學(xué)們面前表現(xiàn)自己才干的機(jī)會又不能過分張揚(yáng)引起同學(xué)們的反感影響自己的形象。
4，由學(xué)生推選代表主持評價以調(diào)動學(xué)生積極參與評價的積極性 第二、充分利用評價方式對學(xué)生的激勵作用一改過去由教師為權(quán)威做法。此時，教師把主動權(quán)交給學(xué)生，使他們更具參與意識引發(fā)學(xué)習(xí)的主動性，學(xué)會正確地、善意地、藝術(shù)地評價他人和自己。從中學(xué)到做人的道理。12 分
鐘
點(diǎn)評：讓學(xué)生帶著真實(shí)的任務(wù)學(xué)習(xí)，這是任務(wù)驅(qū)動的精髓。這一部分是本節(jié)的重要內(nèi)容，也是教學(xué)設(shè)計(jì)的一個難點(diǎn)。是對教師綜合運(yùn)用“任務(wù)驅(qū)動—體驗(yàn)探究”；“分層教學(xué)”“表揚(yáng)激勵”等教學(xué)方法能力、如何引導(dǎo)學(xué)生選擇確實(shí)可行的學(xué)習(xí)方法能力的考驗(yàn)。同時，通過評價的過程，潛移默化地鞏固知識，提高解決問題、評判是否的能力。知識遷移 學(xué)生活動
[問題1]用表格布局有什么優(yōu)缺點(diǎn)，還有好方法嗎？ [問題2]在網(wǎng)絡(luò)資源中是否有其它的方法呢？ 采用小組形式討論
這里的想法主要是培養(yǎng)學(xué)生學(xué)會反思。3分鐘
點(diǎn)評：為學(xué)有余力的學(xué)生創(chuàng)造繼續(xù)發(fā)展的廣闊天空，激發(fā)他們的興趣，培養(yǎng)他們的創(chuàng)新精神。
課后反思： 成功的地方：
（1）課題引入時以誘發(fā)學(xué)生的思維動機(jī)，導(dǎo)正思維航向?yàn)槟康模瑸閷W(xué)生的自主學(xué)習(xí)打下基礎(chǔ)。
（2）學(xué)習(xí)資源網(wǎng)站、小組互助、助教幫忙等形式為學(xué)生的自主學(xué)習(xí)創(chuàng)造了條件對培養(yǎng)學(xué)生養(yǎng)成由簡到繁、由易到難、循序漸 進(jìn)地解決問題的好習(xí)慣起到積極的促進(jìn)作用。
（3）評價方式的改革可達(dá)到引導(dǎo)學(xué)生客觀評價自己不能過分謙虛而失去在同學(xué)們面前表現(xiàn)自己才干的機(jī)會又不能過分張揚(yáng)引起同學(xué)們的反感影響自己的形象。在互評、點(diǎn)評中要引導(dǎo)學(xué)生正確看待別人對自己的評價學(xué)會寬以等人；學(xué)會巧妙地運(yùn)用語言藝術(shù)對存在問題的同學(xué)提出批評。同時通過點(diǎn)評，互評各自的作品，鞏固本節(jié)的知識點(diǎn)，達(dá)到強(qiáng)調(diào)重點(diǎn)，攻破難點(diǎn)的目的。
存在問題的地方：評價方式仍需大膽地放手，讓評價的形式更加多樣化，民主化?？沙浞职l(fā)揮學(xué)生的主動作用讓他們?nèi)ピO(shè)計(jì)評價手段、評價量表等，這對于主體作用的體現(xiàn)及學(xué)生的創(chuàng)造性思維的發(fā)展都會產(chǎn)生積極的影響。
網(wǎng)絡(luò)
本節(jié)小結(jié)：由小組總結(jié)提交 結(jié)束 教師活動：
1． 分組欣賞網(wǎng)頁作品。
2． 教師操作演示在網(wǎng)頁中刪除元素從而引入表格布局的方法。設(shè)計(jì)思想
通過教師的誘和導(dǎo)達(dá)到誘發(fā)思維動機(jī)，導(dǎo)正思維航向的目的。教師監(jiān)控： 1。布置學(xué)習(xí)任務(wù)。
2．對學(xué)生進(jìn)行學(xué)法指導(dǎo)。使用學(xué)習(xí)資源、小組互助、助教幫忙。
設(shè)計(jì)思想
1.創(chuàng)造開放式的教學(xué)環(huán)境，學(xué)生為主體，體驗(yàn)為紅線，鼓勵他們積極動腦、動手完成任務(wù)。2.教師的適時演示體現(xiàn)誘思探究法的思想宗詣。3.利用小組互助以教促教，以教幫教，以教帶教的方法有利于學(xué)生的全面發(fā)展。設(shè)計(jì)思想
通過評價的過程正確地、善意地、藝術(shù)地評價他人和自己。教會學(xué)生學(xué)會做人的道理。網(wǎng)絡(luò)
教師監(jiān)控：小組互評及個案點(diǎn)評相結(jié)合強(qiáng)調(diào)難點(diǎn)，深化主題 開始
學(xué)生利用學(xué)習(xí)資源網(wǎng)站自主學(xué)習(xí)、探索交流、找出難點(diǎn)、小組互助，完成任務(wù)，深化主題。
教師尋找典型案例1表格線的互擾問題引出本節(jié)的重點(diǎn)表中表。典型案例2表格線的粗細(xì)問題引出難點(diǎn)屬性問題
教師：提出問題1及問題2 設(shè)計(jì)思想 培養(yǎng)學(xué)
（二）教學(xué)過程流程圖
第二篇：《Dreamweaver中網(wǎng)頁布局的方法》教學(xué)設(shè)計(jì)
資料
《Dreamweaver中網(wǎng)頁布局的方法》教學(xué)設(shè)計(jì)
授課班級:高一（3）授課教師:曹雪麗 授課時間：2004.5.12
教材分析: 1．教學(xué)目標(biāo)
教學(xué)目標(biāo)既是教學(xué)的出發(fā)點(diǎn)和歸宿又是師生雙邊活動的中介，因此，我參照《高中新課程標(biāo)準(zhǔn)》和高中學(xué)生現(xiàn)有的知識水平和認(rèn)識特點(diǎn)確定了以下三個目標(biāo)： A：知識目標(biāo)
（1）、讓學(xué)生認(rèn)識到網(wǎng)頁布局對整個網(wǎng)頁元素的組織編排的重要性。（2）、讓學(xué)生掌握在Dreamweaver中實(shí)現(xiàn)網(wǎng)頁布局的基本方法。
B：能力目標(biāo)：讓學(xué)生能動手完成一個簡單的網(wǎng)頁布局的設(shè)計(jì)。C：情感目標(biāo)：
（1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的工作態(tài)度以及感受美、評價美的藝術(shù)情操。（2）培養(yǎng)學(xué)生在進(jìn)行自主學(xué)習(xí)的過程中勇于克服困難，體驗(yàn)到成功后的快樂。
2．教學(xué)重點(diǎn)、難點(diǎn)、關(guān)鍵 重點(diǎn)：插入表中表 難點(diǎn)、關(guān)鍵：表格的屬性設(shè)置
資料
學(xué)情分析：
本節(jié)課的內(nèi)容面向的對象是高中二年級的學(xué)生，對于學(xué)習(xí)這部分內(nèi)容他們有三大優(yōu)勢：第一，除信息技術(shù)課外許多課都在網(wǎng)絡(luò)課室上。因此，他們對網(wǎng)絡(luò)很熟悉且很熱愛，有一定的網(wǎng)絡(luò)知識。第二，他們有WORD部分關(guān)于表格和簡單的網(wǎng)頁制作基礎(chǔ)。第三，一部分同學(xué)有一些Dreamweaver的基礎(chǔ)，可在學(xué)生中起積極的促進(jìn)作用。設(shè)計(jì)理念：
本節(jié)課的設(shè)計(jì)理念是以誘思探究學(xué)科教學(xué)論為理論依據(jù)，以充分發(fā)揮學(xué)生的主體地位為出發(fā)點(diǎn)，以培養(yǎng)學(xué)生自主學(xué)習(xí)能力全面提高學(xué)生素質(zhì)為目的。是一節(jié)“誘思探究”理論的探索課。為此，在課前教師為學(xué)生準(zhǔn)備了網(wǎng)絡(luò)布局學(xué)習(xí)資源網(wǎng)站，學(xué)生自己也已經(jīng)以小組為單位確立了要本組要建立的網(wǎng)站的主題。整節(jié)課的內(nèi)容安排是以從學(xué)生“動手”中發(fā)現(xiàn)問題，又在學(xué)生的“動手”中解決問題為主脈展開的。同時又通過評價環(huán)節(jié)中學(xué)生的之間的互評、點(diǎn)評將本節(jié)推向高潮，達(dá)到突出重點(diǎn)，攻破難點(diǎn)的目的。學(xué)習(xí)目標(biāo)分析：
借助以前積累的知識、經(jīng)驗(yàn)及學(xué)習(xí)資源網(wǎng)自主探索，小組協(xié)作進(jìn)而歸納、研究出網(wǎng)頁布局的內(nèi)在規(guī)律性。教學(xué)策略的選擇與設(shè)計(jì) 1．教學(xué)方法：（1）誘思導(dǎo)學(xué)法（2）任務(wù)驅(qū)動—體驗(yàn)探究法
（3）分層教學(xué)法（4）網(wǎng)絡(luò)探究教學(xué)法（5）激勵教學(xué)法
資料
2．學(xué)法指導(dǎo)：形象探究法、經(jīng)驗(yàn)探究法、體驗(yàn)探究法、協(xié)作式學(xué)習(xí)法。3．資源的設(shè)計(jì)與選擇： 結(jié)合本節(jié)內(nèi)容設(shè)計(jì)了一個學(xué)習(xí)資源網(wǎng)站、傳奇電子教室系統(tǒng)、Dreamweaver網(wǎng)頁編輯軟件等。教學(xué)過程設(shè)計(jì)：
教學(xué)設(shè)計(jì)過程及設(shè)計(jì)思想 教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 設(shè)計(jì)思想 時間 新 課 的 引 入 ⌒ 教 師 監(jiān) 控 ︶
1，相鄰兩同學(xué)為一組分別在瀏覽器中打開兩個不同的網(wǎng)頁作品相互欣賞
資料
評價，同時準(zhǔn)備回答：
問題1：這兩個網(wǎng)頁有什么不同？你認(rèn)為哪個更好一些？為什么？ 2，在Dreamweaver中打開該網(wǎng)頁并逐一刪除頁面元素同時繼續(xù)提問： 留在頁面上的是什么？ 1，回答問題1 帶著問題2觀察老師的操作
2，回憶Word中表格的插入方法及技巧
我以“誘思探究導(dǎo)學(xué)法”為指導(dǎo)思想,主要體現(xiàn)“誘”和“導(dǎo)”兩個環(huán)節(jié)。首先是“誘疑”使學(xué)生“生疑”；然后要“導(dǎo)向”，比如這里教師的操作：在Dreamweaver中刪除頁中的頁面元素后出現(xiàn)的表格，讓學(xué)生的思維沿著正確方向發(fā)展，最終達(dá)到“釋疑”的目的。2 分 鐘
點(diǎn)評：“誘思探究導(dǎo)學(xué)法”一句話，誘發(fā)思維動機(jī)，導(dǎo)正思維航向。這是突現(xiàn)教師基本功的地方，要“誘”得巧，“導(dǎo)”得妙。
資料
新
課
學(xué)習(xí)
資料
新
課
學(xué)習(xí)
布置 任務(wù) ⌒ 教
資料
師 監(jiān) 控 ︶
[任務(wù)1]能根據(jù)資源網(wǎng)的指導(dǎo)學(xué)會表中表的使用，并完成本節(jié)的例題的表格制作。（必做題）
[任務(wù)2]能在布局的基礎(chǔ)上插入圖片及文字，完成一個如例題的簡單網(wǎng)頁制作。（提高題）
[任務(wù)3]能通過屬性的設(shè)計(jì)美化網(wǎng)頁。（先做題）1，學(xué)生可根據(jù)自己的具體情況選擇合適的任務(wù)。2，各組長明確任務(wù)。
在任務(wù)設(shè)計(jì)時我注意到這樣兩個因素；一是：為了一切學(xué)生，在設(shè)置任務(wù)時要充分考慮到學(xué)生的個別差異。體現(xiàn)分層教學(xué)的重要性。二是：以探索問題來引動和維持學(xué)習(xí)者學(xué)習(xí)的興趣和動機(jī)。2 分 鐘 學(xué) 法 指 導(dǎo) ⌒
資料
教 師 監(jiān) 控 ︶
指導(dǎo)學(xué)生帶著“任務(wù)”中的問題，利用教師準(zhǔn)備的學(xué)習(xí)資源網(wǎng)自主學(xué)習(xí)，探索交流,小組互助，“助教”指導(dǎo),量力而行完成操作任務(wù)。1，明確學(xué)習(xí)資源的使用方法，采取各種方法完成任務(wù)
利用教學(xué)資源自主學(xué)習(xí)及優(yōu)生做好“助教”的角色互幫互學(xué)，既能激發(fā)他們的學(xué)習(xí)積極性，給他們一個鍛煉成長的機(jī)會，又能使更多的學(xué)生得到幫助，有利于全面提高學(xué)生動手動腦的能力，體現(xiàn)“因材施教”。1 分 鐘
點(diǎn)評：這兩部分的目的在于
一、體現(xiàn)分層教學(xué)的重要性。
二、培養(yǎng)學(xué)生養(yǎng)成由簡到繁、由易到難、循序漸進(jìn)地解決問題的好習(xí)慣，同時學(xué)生之間的以教促教，以教幫教，以教帶教的方法有利于學(xué)生的全面發(fā)展。師
生
資料
互
動
1，尋找學(xué)生在完成任務(wù)中會遇到第一個問題：“表格線互擾問題”并及時以該問題為切入點(diǎn)將學(xué)生的思維引入到本節(jié)的重點(diǎn)內(nèi)容--表中表的使用。2，引導(dǎo)學(xué)生發(fā)現(xiàn)例子中的新問題—各部分表格線的差異，將本節(jié)的內(nèi)容推向另一個熱點(diǎn)。
1，學(xué)生掌握表中表的使用方法
2，完成任務(wù)
3，注意到表格屬性的功能。
我是這樣設(shè)計(jì)本部分內(nèi)容將重點(diǎn)放在以下兩個方面：
第一、在本節(jié)課師生以“任務(wù)”為主線，在學(xué)生不斷地發(fā)現(xiàn)問題，教師及時地鼓勵準(zhǔn)確地導(dǎo)向，調(diào)控學(xué)生主動地探究，利用各種方法例如：教師搭建的網(wǎng)上學(xué)習(xí)資源，平時建立的小組協(xié)作關(guān)系等去想辦法解決問題。25 分鐘 師
生
資料
互
動
3，評價小結(jié)是本節(jié)課的一個高潮部分。此時教師重點(diǎn)由上面技術(shù)點(diǎn)的引導(dǎo)轉(zhuǎn)到學(xué)生心理素質(zhì)及與人交往能力的導(dǎo)向上。這一點(diǎn)其實(shí)比單純的學(xué)會上面的技術(shù)更為重要。在學(xué)生的自評中引導(dǎo)學(xué)生客觀評價自己。不能過分謙虛而失去在同學(xué)們面前表現(xiàn)自己才干的機(jī)會又不能過分張揚(yáng)引起同學(xué)們的反感影響自己的形象。
4，由學(xué)生推選代表主持評價以調(diào)動學(xué)生積極參與評價的積極性 第二、充分利用評價方式對學(xué)生的激勵作用一改過去由教師為權(quán)威做法。此時，教師把主動權(quán)交給學(xué)生，使他們更具參與意識引發(fā)學(xué)習(xí)的主動性，學(xué)會正確地、善意地、藝術(shù)地評價他人和自己。從中學(xué)到做人的道理。12 分
鐘
點(diǎn)評：讓學(xué)生帶著真實(shí)的任務(wù)學(xué)習(xí)，這是任務(wù)驅(qū)動的精髓。這一部分是本節(jié)的重要內(nèi)容，也是教學(xué)設(shè)計(jì)的一個難點(diǎn)。是對教師綜合運(yùn)用“任務(wù)驅(qū)動—體驗(yàn)探究”；“分層教學(xué)”“表揚(yáng)激勵”等教學(xué)方法能力、如何引導(dǎo)學(xué)生選擇確實(shí)可行的學(xué)習(xí)方法能力的考驗(yàn)。同時，通過評價的過程，潛移默化地鞏固知識，提高解決問題、評判是否的能力。
資料
知識遷移 學(xué)生活動
[問題1]用表格布局有什么優(yōu)缺點(diǎn)，還有好方法嗎？ [問題2]在網(wǎng)絡(luò)資源中是否有其它的方法呢？ 采用小組形式討論
這里的想法主要是培養(yǎng)學(xué)生學(xué)會反思。3分鐘
點(diǎn)評：為學(xué)有余力的學(xué)生創(chuàng)造繼續(xù)發(fā)展的廣闊天空，激發(fā)他們的興趣，培養(yǎng)他們的創(chuàng)新精神。
課后反思： 成功的地方：
（1）課題引入時以誘發(fā)學(xué)生的思維動機(jī)，導(dǎo)正思維航向?yàn)槟康?，為學(xué)生的自主學(xué)習(xí)打下基礎(chǔ)。
（2）學(xué)習(xí)資源網(wǎng)站、小組互助、助教幫忙等形式為學(xué)生的自主學(xué)習(xí)創(chuàng)造了條件對培養(yǎng)學(xué)生養(yǎng)成由簡到繁、由易到難、循序漸 進(jìn)地解決問題的好習(xí)慣起到積極的促進(jìn)作用。
（3）評價方式的改革可達(dá)到引導(dǎo)學(xué)生客觀評價自己不能過分謙虛而失去在同學(xué)們面前表現(xiàn)自己才干的機(jī)會又不能過分張揚(yáng)引起同學(xué)們的反感影響自己的形象。在互評、點(diǎn)評中要引導(dǎo)學(xué)生正確看待別人對自己的評價學(xué)會寬以等人；學(xué)會巧妙地運(yùn)用語言藝術(shù)對存在問題的同學(xué)提出批評。同時通過點(diǎn)評，互評各自的作品，鞏固本節(jié)的知識點(diǎn)，達(dá)到強(qiáng)調(diào)重點(diǎn)，攻破難
資料
點(diǎn)的目的。
存在問題的地方：評價方式仍需大膽地放手，讓評價的形式更加多樣化，民主化?？沙浞职l(fā)揮學(xué)生的主動作用讓他們?nèi)ピO(shè)計(jì)評價手段、評價量表等，這對于主體作用的體現(xiàn)及學(xué)生的創(chuàng)造性思維的發(fā)展都會產(chǎn)生積極的影響。
網(wǎng)絡(luò)
本節(jié)小結(jié)：由小組總結(jié)提交 結(jié)束 教師活動：
1． 分組欣賞網(wǎng)頁作品。
2． 教師操作演示在網(wǎng)頁中刪除元素從而引入表格布局的方法。設(shè)計(jì)思想
通過教師的誘和導(dǎo)達(dá)到誘發(fā)思維動機(jī)，導(dǎo)正思維航向的目的。教師監(jiān)控： 1。布置學(xué)習(xí)任務(wù)。
2．對學(xué)生進(jìn)行學(xué)法指導(dǎo)。使用學(xué)習(xí)資源、小組互助、助教幫忙。
設(shè)計(jì)思想
1.創(chuàng)造開放式的教學(xué)環(huán)境，學(xué)生為主體，體驗(yàn)為紅線，鼓勵他們積極動腦、動手完成任務(wù)。2.教師的適時演示體現(xiàn)誘思探究法的思想宗詣。3.利用小
資料
組互助以教促教，以教幫教，以教帶教的方法有利于學(xué)生的全面發(fā)展。設(shè)計(jì)思想
通過評價的過程正確地、善意地、藝術(shù)地評價他人和自己。教會學(xué)生學(xué)會做人的道理。網(wǎng)絡(luò)
教師監(jiān)控：小組互評及個案點(diǎn)評相結(jié)合強(qiáng)調(diào)難點(diǎn)，深化主題 開始
學(xué)生利用學(xué)習(xí)資源網(wǎng)站自主學(xué)習(xí)、探索交流、找出難點(diǎn)、小組互助，完成任務(wù)，深化主題。
教師尋找典型案例1表格線的互擾問題引出本節(jié)的重點(diǎn)表中表。典型案例2表格線的粗細(xì)問題引出難點(diǎn)屬性問題
教師：提出問題1及問題2 設(shè)計(jì)思想 培養(yǎng)學(xué)
（二）教學(xué)過程流程圖
第三篇：Dreamweaver網(wǎng)頁設(shè)計(jì)教學(xué)計(jì)劃
《Dreamweaver網(wǎng)頁設(shè)計(jì)》教學(xué)方案
第一部分 說明
1．課程的性質(zhì)與任務(wù)
“Dreamweaver網(wǎng)頁設(shè)計(jì)”是計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)（?？疲┑囊婚T統(tǒng)設(shè)必修課。本課程的主要任務(wù)是介紹利用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計(jì)，包括新建、編輯和設(shè)置一個Web站點(diǎn)；如何對頁面屬性進(jìn)行基本的設(shè)置，如何設(shè)置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進(jìn)行基本的圖像處理；建立框架；模板和庫的使用和編輯；網(wǎng)站的發(fā)布與維護(hù)等基本知識與應(yīng)用。目的是通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的實(shí)際動手能力和計(jì)算機(jī)的操作能力，能夠運(yùn)用所學(xué)的知識進(jìn)行網(wǎng)頁設(shè)計(jì)。
2．與相關(guān)課程的銜接、配合、分工
先修課程：計(jì)算機(jī)應(yīng)用基礎(chǔ)Photoshop圖像處理等。
后續(xù)課程：Flash動畫制作等。
３．課程的教學(xué)基本要求
本課程要求學(xué)生掌握基本的HTML語言。學(xué)會使用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計(jì)。這是一門重在實(shí)踐的科目，因此需要學(xué)生多上機(jī)、多進(jìn)行實(shí)際操作，把老師所教授的各種網(wǎng)頁制作、版面設(shè)計(jì)以及程序熟練制作或調(diào)試出來，并且能夠在此基礎(chǔ)上有所創(chuàng)造、有更進(jìn)一步的發(fā)揮。
4．課程教學(xué)要求的層次
1．掌握：
要求學(xué)生能夠全面掌握所學(xué)內(nèi)容，并能夠用其分析、應(yīng)用與Dreamweaver網(wǎng)頁設(shè)計(jì)相關(guān)的問題，能夠舉一反三。
2．理解：
要求學(xué)生能夠較好地理解與Dreamweaver網(wǎng)頁設(shè)計(jì)相關(guān)的問題，并且能夠進(jìn)行簡單分析和判斷。
3．了解：
要求學(xué)生能夠一般地了解的所學(xué)內(nèi)容。第二部分 媒體使用與教學(xué)過程建議
學(xué)時分配
課程教學(xué)總學(xué)時90學(xué)時，5學(xué)分。其中授課36學(xué)時，實(shí)訓(xùn)54學(xué)時。
2．多種媒體教材的總體說明
1．本課程文字教材為合一型教材，文字教材作為學(xué)習(xí)的主要媒體，著重反映課程的基本知識和針對性、應(yīng)用性，在形式上要便于自學(xué)。在內(nèi)容上包括基本理論知識講解和實(shí)訓(xùn)兩部分。
2．視頻媒體配合文字教材的講授，內(nèi)容重點(diǎn)在于實(shí)訓(xùn)及輔導(dǎo)。
3．CAI課件作為網(wǎng)絡(luò)教學(xué)媒體，可以在互連網(wǎng)上使用也可以單機(jī)使用。
3．教學(xué)環(huán)節(jié)
以主教材講授為主，其它媒體作為輔助教學(xué)資源，以學(xué)生自學(xué)為主。
4．主要教學(xué)媒體的使用與學(xué)時分配
內(nèi)容
序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14
第1章 Dreamweaver基礎(chǔ)
第2章 網(wǎng)頁設(shè)計(jì)語言基礎(chǔ)
第3章 文本和圖像處理
第4章 表格與頁面布局
第5章 創(chuàng)建超級鏈接
第6章 層與層動畫
第7章 框架與框架網(wǎng)頁
第8章 創(chuàng)建ＣＳＳ樣式表
第9章 資源、模板和庫
第10章 媒體對象的應(yīng)用
第11章 表單處理
第12章 創(chuàng)建Web站點(diǎn)
第13章 制作動態(tài)網(wǎng)站
第14章 網(wǎng)站的維護(hù)和上傳
2學(xué)時 3學(xué)時 3學(xué)時 3學(xué)時 2學(xué)時 3學(xué)時 2學(xué)時 3學(xué)時 2學(xué)時 3學(xué)時 3學(xué)時 2學(xué)時 3學(xué)時 2學(xué)時
教學(xué)內(nèi)容 理論學(xué)時
合計(jì)
36學(xué)時
第三部分 教學(xué)內(nèi)容和教學(xué)要求
第1章 Dreamweaver基礎(chǔ)（2學(xué)時）
教學(xué)內(nèi)容：
Dreamweaver 的歷史和簡介
Dreamweaver 的安裝過程
Dreamweaver 的全新界面
改進(jìn)的設(shè)計(jì)與開發(fā)環(huán)境
主菜單介紹
對象控制面板介紹
教學(xué)要求：
掌握：Dreamweaver的基本特點(diǎn)、新增功能及界面組成?；静僮?，如安裝、新建、打開、導(dǎo)入、保存、關(guān)閉等。
理解：新增功能、界面組成的優(yōu)點(diǎn)。
了解：Dreamweaver可以為我們做些什么。
第2章 網(wǎng)頁設(shè)計(jì)語言基礎(chǔ)（3學(xué)時）
教學(xué)內(nèi)容：
HTML及XHTML語言介紹
常用的網(wǎng)頁語法標(biāo)記
教學(xué)要求：
理解：HTML及XHTML語言介紹，常用的網(wǎng)頁語法標(biāo)記
第3章 文本和圖像處理（3學(xué)時）
教學(xué)內(nèi)容：
文本屬性面板
編輯文本和插入對象
設(shè)置文本的格式
編號與項(xiàng)目符號
在網(wǎng)頁中插入圖像
圖像的應(yīng)用
教學(xué)要求：
掌握：設(shè)置文本屬性和格式；編號與項(xiàng)目符號的使用；插入、編輯和排版圖像。
理解：如何進(jìn)行圖像調(diào)整。
第4章 表格與頁面布局
教學(xué)內(nèi)容：
表格的基本操作
單元格的基本操作
表格的自動套用格式
表格的創(chuàng)建
表格的編輯
創(chuàng)建布局單元和表格
教學(xué)要求：
掌握：如何插入、編輯表格，創(chuàng)建布局單元和表格。
理解：表格在網(wǎng)頁排版中的作用。
了解：使用頁面布局模式進(jìn)行網(wǎng)頁排版的方法。
第5章 創(chuàng)建超級鏈接（2學(xué)時）
教學(xué)內(nèi)容：
（3學(xué)時）
鏈接分類
創(chuàng)建超級鏈接
鏈接的四種狀態(tài)
創(chuàng)建Email鏈接
管理超級鏈接
教學(xué)要求：
掌握：創(chuàng)建超級鏈接和Email鏈接，會設(shè)置鏈接的各種狀態(tài)。
理解：超級鏈接幾種狀態(tài)之間的差別和共同點(diǎn)。
了解：創(chuàng)建Email鏈接中的各種技巧。
第6章 層與層動畫（3學(xué)時）
教學(xué)內(nèi)容：
層的概念
創(chuàng)建層
層操作
層與表格的相互轉(zhuǎn)換
層動畫的概念與設(shè)計(jì)
教學(xué)要求：
掌握：層的概念與使用
理解：層動畫的概念與設(shè)計(jì)
第7章 框架與框架網(wǎng)頁（2學(xué)時）
教學(xué)內(nèi)容：
框架的基本概念
創(chuàng)建框架和框架集
框架的使用
框架和框架集的屬性設(shè)置
教學(xué)要求：
掌握：框架和框架集的創(chuàng)建；框架的使用。
理解：使用框架的優(yōu)缺點(diǎn)。
第8章 創(chuàng)建ＣＳＳ樣式表（3學(xué)時）
教學(xué)內(nèi)容：
CSS層疊式樣式表
定義CSS樣式表
創(chuàng)建并鏈接到外部CSS樣式
設(shè)置CSS樣式的格式化參數(shù)
設(shè)置超鏈接顯示狀態(tài)
添加各種ＣＳＳ效果
教學(xué)要求：
掌握：內(nèi)部ＣＳＳ和外部ＣＳＳ的添加方法，編輯ＣＳＳ屬性，使用ＣＳＳ進(jìn)行頁面的排版，創(chuàng)建各種ＣＳＳ效果。
理解：使用CSS排版的優(yōu)點(diǎn)。
了解：如何使用ＣＳＳ控制背景、鼠標(biāo)以及添加其它特殊效果。
第9章 資源、模板和庫（2學(xué)時）
教學(xué)內(nèi)容：
資源管理
模板的創(chuàng)建
模板的編輯
定義模板可編輯區(qū)域
創(chuàng)建，管理和編輯庫項(xiàng)目
教學(xué)要求：
掌握：模板的創(chuàng)建，模板的編輯，定義模板可編輯區(qū)域
理解：資源管理
了解：創(chuàng)建，管理和編輯庫項(xiàng)目
第10章 媒體對象的應(yīng)用（3學(xué)時）
教學(xué)內(nèi)容：
插入Flash對象
插入Shockwave對象
插入視頻
插入ActiveX控件與Java小程序
填加聲音
教學(xué)要求：
掌握：插入Flash對象、插入Shockwave對象、插入視頻、插入ActiveX控件與Java小程序、填加聲音
第11章 表單處理（3學(xué)時）
教學(xué)內(nèi)容：
表單概述
表單對象
創(chuàng)建表單
處理表單
創(chuàng)建動態(tài)表單
教學(xué)要求：
掌握：創(chuàng)建表單、處理表單和設(shè)置表單參數(shù)。
理解：表單的概念和作用。
了解：如何使用表單創(chuàng)建交互式界面。
第12章 創(chuàng)建Web站點(diǎn)（2學(xué)時）
教學(xué)內(nèi)容：
站點(diǎn)規(guī)劃
在Dreamweaver8中創(chuàng)建站點(diǎn)
管理站點(diǎn)與站點(diǎn)文件
使用站點(diǎn)地圖
為網(wǎng)站指定服務(wù)器技術(shù)
教學(xué)要求：
掌握：規(guī)劃站點(diǎn)、建立和管理站點(diǎn)；使用站點(diǎn)文件和地圖。
理解：創(chuàng)建站點(diǎn)的必要性。
了解：服務(wù)器技術(shù)的指定。
第13章 制作動態(tài)網(wǎng)站（3學(xué)時）
教學(xué)內(nèi)容：
Access數(shù)據(jù)庫基礎(chǔ)
ODBC數(shù)據(jù)源設(shè)置
ASP與Web服務(wù)器配置
Dreamweaver8動態(tài)網(wǎng)站設(shè)計(jì)
創(chuàng)建與數(shù)據(jù)庫連接
教學(xué)要求：
掌握：數(shù)據(jù)源的設(shè)置，如何配置Web服務(wù)器，如何創(chuàng)建與數(shù)據(jù)庫的鏈接。
理解：數(shù)據(jù)庫在動態(tài)網(wǎng)站設(shè)計(jì)中角色的重要性。
了解：設(shè)置數(shù)據(jù)源和創(chuàng)建數(shù)據(jù)庫鏈接的技巧
第14章 網(wǎng)站的維護(hù)和上傳（2學(xué)時）
教學(xué)內(nèi)容：
在本機(jī)中測試網(wǎng)站
預(yù)覽網(wǎng)頁效果
網(wǎng)站的查錯
發(fā)布網(wǎng)站到服務(wù)器
教學(xué)要求：
掌握：Dreamweaver8的測試、預(yù)覽和發(fā)布設(shè)置。
理解：網(wǎng)站排錯的必要性。
了解：如何發(fā)布網(wǎng)站到服務(wù)器。
實(shí)訓(xùn)內(nèi)容
（實(shí)訓(xùn)分為必做和選做內(nèi)容，可根據(jù)實(shí)際的實(shí)驗(yàn)條件選做。實(shí)驗(yàn)總計(jì)54學(xué)時）
實(shí)訓(xùn)1：建立Web網(wǎng)頁（必做）
實(shí)訓(xùn)2：文本及其格式化（必做）
實(shí)訓(xùn)3：圖像（必做）
實(shí)訓(xùn)4：超級鏈接（必做）
實(shí)訓(xùn)5：表格和頁面布局（必做）
實(shí)訓(xùn)6：框架（必做）
實(shí)訓(xùn)7：層（必做）
實(shí)訓(xùn)8：模板與庫（必做）
實(shí)訓(xùn)9：表 單（必做）
實(shí)訓(xùn)10：行 為（必做）
實(shí)訓(xùn)11：多媒體組件的插入、使用代碼設(shè)計(jì)網(wǎng)頁與站點(diǎn)管理（必做）實(shí)驗(yàn)12： 動態(tài)網(wǎng)站制作（選做）
實(shí)驗(yàn)13：ASP與SQL Server數(shù)據(jù)庫相連（選做）
第四篇：Dreamweaver網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報告
實(shí)驗(yàn)報告
專業(yè)
XXXXXX
班級
XX 班
學(xué)號
XXXXXX
姓名
XXX
報告完成日期
2012-12-26
指導(dǎo)教師
XXX
評語：
成績：
批閱教師簽名：
批閱時間：
一、制作時間
2012年12月18日至2012年12月26日。
二、實(shí)習(xí)內(nèi)容
1、使用Dreamweaver制作網(wǎng)站，該網(wǎng)站為福建工程學(xué)院網(wǎng)站
2、網(wǎng)站不少于8個頁面，主頁和各模塊相關(guān)頁面；
3、頁面中包含文字、圖片；
4、使用CSS實(shí)現(xiàn)網(wǎng)頁相關(guān)頁面設(shè)置，要求在實(shí)現(xiàn)網(wǎng)頁內(nèi)能夠顯示文字，圖片等信息；
5、使用網(wǎng)頁瀏覽器進(jìn)行網(wǎng)站測試。
三、實(shí)習(xí)環(huán)境
1、硬件環(huán)境：計(jì)算機(jī)一臺；
2、軟件環(huán)境：Dreamweaver cs4；
3、測試環(huán)境：IE、firework等網(wǎng)頁瀏覽器。
四、網(wǎng)站總體設(shè)計(jì)
1、網(wǎng)站主題
本網(wǎng)頁是以福建工程學(xué)院網(wǎng)站為主題，針對不同的年齡階段的人給出了不同的學(xué)院的信息。
2、設(shè)計(jì)思路
首先構(gòu)思了基本網(wǎng)頁的布局，主頁采取了常用的1-（1+1+1），附頁采用了1-（1+1），上了多個網(wǎng) 最后決定參照福建工程學(xué)院的官方網(wǎng)站進(jìn)行制作，但是布局并不相同 素材取自福建工程學(xué)院官方網(wǎng)站，部分圖片取自百度，網(wǎng)站包括1個主頁7個子頁，子頁包含了所有的學(xué)校狀況，分別為：學(xué)校簡介、現(xiàn)任校領(lǐng)導(dǎo)、教學(xué)機(jī)構(gòu)、管理機(jī)構(gòu)、校紀(jì)校訓(xùn)校歌、校園風(fēng)光、新校區(qū)建設(shè)；采用了較難的二級菜單 和 JVAV技術(shù)實(shí)現(xiàn)導(dǎo)航欄上面的圖片進(jìn)行4張輪播。
五、制作步驟
1.首先確定網(wǎng)頁的主題后，從網(wǎng)上查看各名校的網(wǎng)站，并從中尋找思路開始做網(wǎng)頁。經(jīng)過長時間的瀏覽，最終選擇福建工程學(xué)院作為參照（網(wǎng)址：http://004km.cn）
2.受福建工程學(xué)院主頁的影響我自學(xué)了圖片輪播和二級菜單，從而制作了輪播圖片和二級菜單。
3.由于對于JVAV和表單的知識并不是非常了解所以有些地方需要實(shí)現(xiàn)的實(shí)現(xiàn)不出來放棄了，期中研究了最久的就是 導(dǎo)航輪播和下面的有塊區(qū)域的圖片輪播，結(jié)果因?yàn)椴恢廊绾瓮瑫r初始化2個JVAV函數(shù) 最后以失敗告終 只好放棄
4.本次制作最難的地方是導(dǎo)航菜單的二級菜單和圖片輪換
在制作過程中，遇到很多次的制作混亂，最后還是老師幫忙解決的。
5.原計(jì)劃那些JVAV代碼因?yàn)闊o法同時初始化他們放棄了 只好以一些列表代替
6.最后，將一些小細(xì)節(jié)的東西做了些處理，最后打包上交。
六、實(shí)習(xí)總結(jié)
這次是我們web的期末考試制作，通過這一次的制作，不僅鞏固了以前學(xué)過的知識，還學(xué)會很多課堂上未教授的東西。通過老師的講解、查閱資料，解決了很多制作上的困難，這一點(diǎn)我在這要好好感謝我們的XX老師和我們宿舍的學(xué)姐，謝謝她們幫我很大的忙。
七、參考文獻(xiàn)
《HTML+CSS網(wǎng)頁設(shè)計(jì)與布局》 《PHP編碼》
第五篇：Dreamweaver網(wǎng)頁設(shè)計(jì)+授課教案
Dreamweaver教案一(一課時)
教學(xué)目的：初步了解Dreamweaver的操作
教學(xué)重點(diǎn)：Dreamweaver的界面
教學(xué)難點(diǎn)：各個面板的調(diào)用
一、引入
為什么要用Dreamweaver而不用Frontpage？
Dreamweaver是Macromedia公司的出品，它以程序小、運(yùn)行速度快、所制作網(wǎng)頁代碼少這些優(yōu)點(diǎn)，贏得了網(wǎng)頁制作人員的喜愛。
例一：m1.htm和f1.htm的大小比較
例二：frontpage安裝程序和dreamweaver安裝程序的大小比較
例三：frontpage運(yùn)行和dreamweaver啟動比較
二、Dreamweaver的安裝
三、Dreamweaver的界面
1．文檔窗口：主菜單、工具欄、底部啟動條、文檔編輯區(qū)
2．對象面板：標(biāo)準(zhǔn)、表格、表單、框架、特殊、文件頭、隱藏、字符
3．啟動面板：站點(diǎn)管理、代碼檢查、HTML樣式、CSS樣式、行為、歷史記錄、資源管理
4．屬性面板：隨目前對象不同而內(nèi)容不同
四、作業(yè)
1．寫出Dreamweaver對象界面中所有對象的名稱
2．新建一個空白網(wǎng)頁，寫出空白網(wǎng)頁的HTML代碼
Dreamweaver教案二(一課時)
教學(xué)目的：回憶原來學(xué)過的網(wǎng)頁的文字知識，熟悉 Dreamweaver的操作，熟悉屬性面板的 1
使用，掌握頁面屬性、文本屬性的設(shè)置
教學(xué)難點(diǎn)：向?qū)D片、預(yù)格式化、圖片的路徑
教學(xué)重點(diǎn)：常用屬性
一、復(fù)習(xí)引入
1．輸入文本
2．回車鍵的作用
3．如何輸入換行符：Shift+ENTER，或者是對象面板à符號
4．換行符對應(yīng)的HTML標(biāo)記
二、設(shè)置頁面屬性
1．打開頁面屬性對話框：右擊頁面，選擇頁面屬性（page properties）
2．設(shè)置標(biāo)題顯示（Title）：
3．設(shè)置頁面背景（Background image）：選擇背景圖像，注意路徑
4．設(shè)置背景顏色Background：
5．設(shè)置本頁面中文字的顏色Text：在沒有設(shè)置其它的字體顏色前，這個文字顏色發(fā)生作用，一 旦對具體的文字設(shè)置顏色，這個設(shè)置就不起作用了
6．設(shè)置鏈接的各種顏色（Visited Links、Active Links、Links）
7．設(shè)置頁面邊界（Left Top）：使內(nèi)容與邊框沒有空隙
8．設(shè)置文檔字符集（Document Encoding）：gb2312
9．設(shè)置向?qū)D片（Tracing Image）：用于設(shè)計(jì)時，下面的滑動條用于設(shè)置這個圖片的透明度（Transparent）
三、設(shè)置文本屬性
1．格式（Format）：
（1）樣式：段落（Paragraph），標(biāo)題（Heading1）、??預(yù)先格式化的（preformatted）
*預(yù)先格式化的：可以輸入空格，可以按文本原來的樣子排列，缺點(diǎn)是不能實(shí)現(xiàn)自動換行
（2）字體：Default Font
（3）大?。篠ize
（4）顏色：
（5）其它：加粗、傾斜
（6）對齊：
2．鏈接（Link）：鏈接到文件，鏈接到地址，*相關(guān)（Relate to）：文檔（Document），站根目錄（SiteRoot）
3．目標(biāo)（Target）：打開鏈接的目標(biāo)_blank、_self、_parent、_top
4．項(xiàng)目符號、編號和縮進(jìn)
四、作業(yè)
根據(jù)示例網(wǎng)頁，制作一個網(wǎng)頁
Dreamweaver 教案三(兩課時)
教學(xué)目的：掌握網(wǎng)頁中圖片的相關(guān)操作
教學(xué)重點(diǎn)：dreamweaver中設(shè)置圖片的屬性
教學(xué)難點(diǎn)： 圖像處理軟件的使用
一、復(fù)習(xí)引入 1．網(wǎng)頁的頁面背景顏色和文本顏色在HTML代碼中是如何表示的？
RGB方式表示顏色：紅綠蘭，0表示最弱，255表示最強(qiáng) 一共可以表示：256╳256╳256=16777216種 顏色 由于瀏覽器的關(guān)系，只有216種顏色能在瀏覽器中正常顯示，多于這個范圍的顏色，有的瀏覽器顯 示時就可能發(fā)生偏差，不能正常顯示。這個范圍我們稱之為網(wǎng)頁安全顏色范疇 2．網(wǎng)頁中運(yùn)用顏色原則l 切忌采用過多的顏色；
l 背景顏色不要太深；
l 要保持整個網(wǎng)頁的色調(diào)統(tǒng)一；
l 要圍繞網(wǎng)頁主題選擇顏色
二、網(wǎng)頁中的圖像格式 *BMP：位圖格式 1． GIF：Graphics Interchange Format可交換的圖像格式 特點(diǎn)： l 只支持256種顏色 l 支持透明效果 l 可以交錯下載 l 可以實(shí)現(xiàn)動畫效果 l 文件所占用空間小 l 不能支持漸變色彩 l 更改圖片大小要從原文件改起 2． JPEG：Joint Photographic Experts Group聯(lián)合攝影專家組文件格式 特點(diǎn)： l 支持24位圖像 l 有損壓縮 3． GIF與JPEG比較
三、插入圖像 1． 插入圖像：InsertàImage；對象面板 2． 圖像 屬性： l 寬（W）高（H）：默認(rèn)為圖片的大小，可以設(shè)置 其它尺寸，但圖片會變形 l 源文件（Src）： l 對齊（align）： l 鏈接（Link）：鏈接到的圖片 l 替代（Alt）：圖像注釋，當(dāng)瀏覽器不能正常顯 示圖片時所出現(xiàn)的文字提示 l 地圖（Map）：制作映射圖 l 垂直邊距（V space）：與上邊界的距離 l 水平邊距（H space）與左邊界的距離 l 目標(biāo)（Target）：當(dāng)鏈接項(xiàng)有設(shè)置時發(fā)生作用 l 低品質(zhì)源（Low Src）：低分辨率副本文件 l 邊框（Border）： l 編輯（Edit）：啟動圖像處理軟件來對圖像進(jìn)行 編輯 l 重設(shè)大?。≧eset size）：當(dāng)用其它工具修改了 圖片大小時，如果不重設(shè)圖片的大小，則會變形或者在不小心改變了圖片的大小時使用此項(xiàng)
四、使用圖 像處理軟件
1、轉(zhuǎn)換圖像格式：打開，另存為
2、更改圖像尺寸：
3、更改圖像品質(zhì)：另存為
五、作業(yè) l 下列文件均放于同一文件夾下： 1． 在網(wǎng)上尋找透明背景的GIF圖片5張，JPEG圖片5張，其中，GIF要有動畫的至少一張，JPEG要有一 張風(fēng)景的。2． 將找到的圖片放置在背景為藍(lán)色的頁面上 3． 改變第一 張GIF圖片的大小 4． 設(shè)置第二張GIF圖片的替代文字為“試一試” 5． 設(shè) 置第三張GIF圖片的鏈接為第三張JPEG圖片 6． 設(shè)置第四張GIF圖片的垂直邊距為5，水平邊距為9 7． 對第一張JPEG圖片設(shè)置映射4個，分別鏈接到第二、三、四、五張JPEG圖片 8． 運(yùn)用圖像處理軟件，制作風(fēng)景JPEG圖片的低品質(zhì)圖片，并對網(wǎng)頁中該風(fēng)景圖片設(shè)置低 品質(zhì)源 l 不看電腦，寫出下列RGB值對應(yīng)什么顏色 #FF000 #00FF00 #0000FF #FFFF00 #FF00FF #00FFFF
Dreamweaver教案四(三課時)
教學(xué)目的：掌握dreamweaver中表格的應(yīng)用 教學(xué)難點(diǎn)：表格對應(yīng)的HTML代碼
教學(xué)重點(diǎn)：表格的編輯
一、復(fù)習(xí)引入
1． 文字的定位：空 格、回車
2． 圖片的定位：垂 直邊距、水平邊距
二、表格
1． 插入表格：插入（Insert）à表格（table），或者在對象面板
2． 行數(shù)（row）
3． 列數(shù)（column）
4． 邊距（cell padding）：單元格中的內(nèi)容與單元格邊框之間的距離
5． 間距（cell spacing）：單元格之間的距離
6． 寬度（width）：可以是像素（pixel）或百分比為單位（percent）
7． 邊框（boder）：
8． 屬性面板：只有 在選定整個表格時才出現(xiàn)表格屬性
9． 在表格中也可以 通過右擊，調(diào)出的快捷菜單中選擇表格來對表格進(jìn)行設(shè)置
10． 清除行高和列寬按鈕
11． 改變列寬單位按鈕
12． 背景顏色：
13． 邊框顏色：設(shè)置整個表格的格線顏色
14． 背景圖像：
三、表格所對應(yīng)的HTML代碼
1．表格：
2．行：
3．列：
四、選定
1． 單擊表格左上角 或邊框線
2． 在表格內(nèi)單擊表 格任一處，右擊，選擇表格（table）à選定表格（select table）
3． 選擇所有單元格
4． 在文檔窗口的左 下角選擇標(biāo)記
5． 選定行
6． 選定單元格
五、表格的編輯
1． 表格的嵌套
在網(wǎng)頁中，要進(jìn)行復(fù)雜的定位，一般需要用到嵌套表格。不過，一般不超過三層。
2． 復(fù)制剪切粘貼
3． 插入行、列，刪 除行列
4． 合并單元格，拆 分單元格
5． 改變行、列、表 格的大?。和戏?，屬性面板精確定義
6． 表格模板：命令（command）à格式化表格（format table）
六、導(dǎo)入表格數(shù)據(jù)
1． 文件導(dǎo)入導(dǎo)入表格數(shù)據(jù)
2． 數(shù)據(jù)文件
3． 定界符
4． 表格寬度
5． 單元格邊距和間距
6． 格式化首行
7． 邊框
七、學(xué)習(xí)網(wǎng)頁制作的方法
1． 學(xué)習(xí)網(wǎng)頁制作，要先模仿
2． 在瀏覽到合適的 網(wǎng)頁時，用“另存為”保存，再用dreamweaver來打開
八、作業(yè)
1． 將數(shù)據(jù)文件1.txt轉(zhuǎn)為表格
2． 模仿此頁制作頁面
Dreamweaver教案五(兩課時)
教學(xué)目的： 掌握框架
教學(xué)難點(diǎn)： 框架的編輯
教學(xué)重點(diǎn)： 框架的HTML代碼
一、復(fù)習(xí)引入
回憶：Frontpage中的框架應(yīng)用
二、框架的應(yīng)用
1． 重復(fù)出現(xiàn)在不同 網(wǎng)頁文檔中的元素：網(wǎng)頁標(biāo)題、導(dǎo)航欄等等
三、建立框架
1． 將對象面板切換 到框架頁（Frame）
2． 插入不同的框架，一個區(qū)域?qū)?yīng)于一個頁面
3． 在框架中打開原 有網(wǎng)頁：文件（File）à在框架中打開（Open in Frame）
四、保存框架
1． 選擇文件（File）/保存所有框架（Save Frameset），先保存框架文件，接著會出現(xiàn)提示，逐個保存框架中的網(wǎng)頁
2． 保存時注意名稱
五、框架編輯
1． 框架面板：窗口（Windows）à其它（Other）à框架（Frame）調(diào)出框架面板
2． 選定框架組：單 擊整個框架組的邊框；或在框架面板中單擊整個框架的邊框
3． 框架屬性：名稱、源文件，滾動否，是否可以調(diào)整大小，是否有邊框，邊框顏色，邊界寬度，邊界高度等
4． 拆分框架：按 Alt鍵，拖動邊框；修改（Modify）à框架頁（Frameset）à拆分左/右/上/下（split frame top/bottom/left/right）
*注意區(qū)別：插入一個新的框架與拆分框架的區(qū)別
5． 鏈接打開的目標(biāo)
六、框架所對應(yīng)的HTML代碼
1． 框架組：
2． 通過設(shè)置：rows 或cols來設(shè)定是橫的還是豎的，是頂部還是底部
3． 框架組屬性： frameborder框架是否有邊框，border邊框的寬度多少，framespacing框架間距
4． 框架項(xiàng)：
5． 框架屬性：src 指向的頁面，name框架名，scrolling是否有滾動條，noresize不能由用戶改變大小
6． 無框架提示