靜態(tài)網(wǎng)制作教案

1、授課教案商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作 上課時間2011年2月22日1-2節(jié)課 題課前準(zhǔn)備教學(xué)目的通過本次上機(jī)，收集學(xué)生對該門課程的看法、意見，并使學(xué)生初步了解html代碼的輸入和保存教學(xué)重點Html代碼的輸入和保存教學(xué)難點Html代碼的輸入和保存教學(xué)方法上機(jī)教學(xué) 容提綱一、請各位同學(xué)暢所欲言，談?wù)剬W(wǎng)頁制作這門課程的看法和想法（專業(yè)聯(lián)系、意義、自身興趣、是否有過網(wǎng)頁制作的學(xué)習(xí)經(jīng)歷或基礎(chǔ)、期望的授課容、方式或課程要求）保存在 word文檔中并提交二、預(yù)習(xí)課本1.1節(jié)中html語言的【相關(guān)知識】，并自行練習(xí)制作【實例11教 學(xué) 后 記學(xué)生對這門課程的學(xué)習(xí)興趣很濃， 每位同學(xué)都談

2、了自己的基礎(chǔ)情況及課程意見基本能對照課本完成實例1的操作，對html的輸入、保存有了初步的印象商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年2月24日3-4節(jié)課 題第一草網(wǎng)頁設(shè)計基礎(chǔ)1.1 1.2 1.3教學(xué)目的通過本次課的教學(xué)，使學(xué)生對與網(wǎng)頁制作相關(guān)的Internet 知識、網(wǎng)頁術(shù)語、設(shè)計方式有較為清晰的認(rèn)識，為以后的學(xué)習(xí) 打下良好的基礎(chǔ)教學(xué)重點Internet 協(xié)議網(wǎng)貞設(shè)計相關(guān)術(shù)語教學(xué)難點讓學(xué)生將技術(shù)較強(qiáng)的網(wǎng)絡(luò)術(shù)語與現(xiàn)實的應(yīng)用聯(lián)系，理解它2們對的重要性教學(xué)方法講授教學(xué) 容提綱1 Internet 概述一、Internet 的用途二、Internet 的協(xié)議 三、Inte

3、rnet 的地址2網(wǎng)貞設(shè)計相關(guān)術(shù)語網(wǎng)頁、主頁、HTTP HTML URL/網(wǎng)貞設(shè)計的工具一、手工編碼方式二、可視化工具方式二、編碼和口視化工具結(jié)合教 學(xué) 后 記.課堂講解細(xì)致，按計劃完成教學(xué)任務(wù).學(xué)生對這些容有一定的基本了解，交流和溝通比較容易.教學(xué)互動性較好，達(dá)到了預(yù)期的教學(xué)效果商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月1日1-2節(jié)課 題瀏覽器的使用及設(shè)置教學(xué)目的通過本次上機(jī)，讓學(xué)生能夠掌握瀏覽器的使用及設(shè)置，消化課堂容教學(xué)重點Internet 選項的設(shè)置教學(xué)難點掌握其設(shè)置在實際中的具體運用教學(xué)方法上機(jī)教學(xué) 容提綱3一、界面的熟悉7）改變顯示狀態(tài)二、基本操作8）編

4、碼的選擇1)輸入URL9）查看源文件2)后退、前進(jìn)、停止、刷新、主頁三、IE的設(shè)置3）在網(wǎng)頁之間實現(xiàn)跳轉(zhuǎn)4）使用和整理收藏夾5）下載文件6）保存圖片、頁面信息教 學(xué) 后 記課堂氛圍濃烈，絕大部分同學(xué)都能夠認(rèn)真操作并掌握了瀏覽器的使用及設(shè)置，達(dá)到了本次上機(jī)的目的商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月3日3-4節(jié)課 題第二章 HTMIM言 2.1 S.2教學(xué)目的通過本次課的教學(xué)，使學(xué)生對 HTMIW個全面的理解，并能掌握部分重要標(biāo)記，可以閱讀一般網(wǎng)頁的源文件教學(xué)重點部分重要HTM拆記的掌握及熟練使用教學(xué)難點能夠結(jié)合HTM編寫制作網(wǎng)頁教學(xué)方法講授教學(xué) 容提綱41 了解

5、HTML語言一、標(biāo)記及基本屬性一、HTM出勺基本結(jié)構(gòu) 三、編輯和保存網(wǎng)頁 四、網(wǎng)頁基本標(biāo)記2插入對象一、文本標(biāo)記二、圖像標(biāo)記三、插入音樂和動畫教 學(xué) 后 記1.就上機(jī)課出現(xiàn)的問題作集中演7K講解2,先用課件展現(xiàn)容，后在電腦上操作，效果較好3. 一開始接觸html語言，學(xué)生掌握有定難度，需放慢進(jìn)度商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月8日1-2節(jié)課 題HTML語言上機(jī)實踐教學(xué)目的通過上機(jī)實踐，掌握使用 HTML代碼直接制作網(wǎng)頁和修改網(wǎng)頁屬性的方法，加深學(xué)生對 HTMlfc簽的記憶和理解教學(xué)重點文字、圖像、音頻、動畫的插入；網(wǎng)頁屬性的修改教學(xué)難點圖像的存放及src屬

6、性設(shè)置教學(xué)方法上機(jī)5教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐（一）HTML2S本標(biāo)記白使用：Head body等（二）通過記事本編輯簡單的網(wǎng)頁，并能夠修改簡單的標(biāo)簽屬性（三）網(wǎng)頁基本屬性的修改：bgcolor、background（四）各類對象的插入三、練習(xí)課本實例2、實例3教 學(xué) 后 記學(xué)生能夠很好地掌握HTMLC檔的結(jié)構(gòu)標(biāo)記，對body標(biāo)簽、font標(biāo)簽 的基本用法較為熟練，但對于插入對象的屬性編輯，尤其是圖片屬性的編 輯還存在問題商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月10日3-4節(jié)課 題第二章 HTMIM言 2.3 24教學(xué)目的通過教學(xué)，

7、使學(xué)生理解不同的超類型，掌握超標(biāo)簽、列表標(biāo)簽的寫法、用法教學(xué)重點各類超的制作教學(xué)難點錨點的制作教學(xué)方法講授6教學(xué) 容提綱3 URL和文件一、超簡介二、文檔路徑類型三、超的使用本地、url、錨點、其他4列表樣式和表格一、列表樣式有序列表、無序列表教 學(xué) 后 記.就上機(jī)課出現(xiàn)的問題作集中演示講解：路徑、屬性、擴(kuò)展名.課堂教學(xué)過程設(shè)計合理，學(xué)生能夠理解超標(biāo)簽的相關(guān)知識，掌握列 表標(biāo)簽的屬性修改，整體教學(xué)效果較好。商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月15日1-2節(jié)課 題HTML語言上機(jī)實踐教學(xué)目的通過上機(jī)練習(xí)，使學(xué)生掌握標(biāo)簽、列表標(biāo)簽的基本寫法、用法，學(xué)以致用教學(xué)重點

8、標(biāo)簽、列表標(biāo)簽的用法教學(xué)難點標(biāo)簽href屬性的止確設(shè)置教學(xué)方法上機(jī)7教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、本地、url、錨點、下載文件超、空2、有序列表、無序列表的制作三、練習(xí)課本實例5、實例6教 學(xué) 后 記點的作用與目標(biāo)路徑不能區(qū)分，目標(biāo)是文件或者程序時不懂制作，缺 乏變通，電子做成到自己的網(wǎng)絡(luò)。超制作存在一定難度，學(xué)生掌握一般， 課上仍需進(jìn)一步講解商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月17日3-4節(jié)課 題第二章HTM晤言2.4文5女6教學(xué)目的通過教學(xué)，使學(xué)生掌握表格標(biāo)簽、框架標(biāo)簽的基本寫法、用法，學(xué)會設(shè)置文字和圖像的滾動效果教學(xué)重點表

9、格屬性的修改；框架標(biāo)簽的用法8教學(xué)難點移動屬性的設(shè)置教學(xué)方法講授教學(xué) 容提綱4列表樣式和表格二、 去格表格基本結(jié)構(gòu)、表格屬性設(shè)置5框架一、 框架語法二、框架屬性6滾動文本和圖像教 學(xué) 后 記1、對上機(jī)操作時集中出現(xiàn)的問題作演不講解2、按計劃完成教學(xué)任務(wù)，學(xué)生課上能夠積極思考，認(rèn)真記錄筆記，課 堂氛圍較好。商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作 上課時間2011年3月22日1-2節(jié)課 題HTML語言上機(jī)實踐教學(xué)目的通過上機(jī)練習(xí)，使學(xué)生掌握走格標(biāo)簽、框架標(biāo)簽的運用，學(xué)會設(shè)置文本和圖像的滾動效果教學(xué)重點表格屬性的修改；框架的建立9教學(xué)難點滾動文本和圖像教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教

10、學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、表格的定義及屬性設(shè)置2、框架的建立3、滾動文本和圖像三、練習(xí)課本實例7、實例9教 學(xué) 后 記大部分學(xué)生對表格標(biāo)簽的寫法、用法掌握較好，能夠簡單編寫含有滾動 字幕的網(wǎng)頁，但對于框架的建立少數(shù)同學(xué)存在困難，經(jīng)過單獨指導(dǎo)后效果 較好。商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月24日3-4節(jié)課 題第三章Frontpage 的應(yīng)用3.1教學(xué)目的熟悉開發(fā)的基本流程和制作步驟， 掌握網(wǎng)頁制作的版面布局和設(shè)計思想；教學(xué)重點網(wǎng)頁制作的基本流程教學(xué)難點網(wǎng)貞的版面布局設(shè)計10講授教學(xué)方法教學(xué) 容提綱1制作前的準(zhǔn)備五、搜集素材，制作主頁及其他一、定位的主

11、題和名稱頁二、定位的CI形象六、測試、上傳三、規(guī)劃七、宣傳推廣四、主要頁面布局設(shè)計八、更新維護(hù)教 學(xué)后 記制作前的規(guī)劃設(shè)計很大程度上決定著整個的優(yōu)劣，認(rèn)識到規(guī)劃的重要 性，將對今后具體的設(shè)計制作起很大幫助，課上注意培養(yǎng)學(xué)生這方面的思 想、意識，并通過具體案例的講解、剖析，加深學(xué)生對基本流程的理解商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月29日1-2節(jié)課 題優(yōu)秀鑒賞教學(xué)目的通過上機(jī)練習(xí)，讓學(xué)生瀏覽不同主題的優(yōu)秀，學(xué)習(xí)其設(shè)計亮點，加深對課堂理論的理解教學(xué)重點版面布局分析教學(xué)難點顏色的合理搭配教學(xué)方法上機(jī)11教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、上網(wǎng)瀏覽各類不同主題的優(yōu)秀，分

12、析其版面布局、配色方案、欄目結(jié)構(gòu)等，并評價給瀏覽者的整體感受三、綜合點評教 學(xué) 后 記從提交的作業(yè)文檔來看，通過瀏覽不同主題的優(yōu)秀，學(xué)生在鑒賞 水平上有了一定提高，能較合理的分析出的版面設(shè)計、配色方案和欄 目結(jié)構(gòu)等，發(fā)現(xiàn)并領(lǐng)會其設(shè)計亮點，達(dá)到了預(yù)期的上機(jī)目的商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年3月31日3-4節(jié)課 題第三章Frontpage 的應(yīng)用3.28.3教學(xué)目的通過本次課的教學(xué)，使學(xué)生熟悉Frontpage軟件界面，掌握網(wǎng)頁的基本操作以及圖片、音頻的使用教學(xué)重點站點的相關(guān)操作； 圖片屬性的設(shè)置； 音頻使用的多種方法12教學(xué)難點站點文件夾與普通文件夾的不同教學(xué)

13、方法講授教學(xué) 容提綱亞 建立與編輯基本網(wǎng)頁一、 Frontpage2000 界面概述二、站點的操作二、網(wǎng)頁的新建、保存、打井四、基本網(wǎng)貞的編輯/ 多媒體與超的使用一、圖片的使用二、音頻的使用教 學(xué) 后 記.相比與之前的html語言學(xué)習(xí)，利用網(wǎng)頁制作軟件來編輯網(wǎng)頁，學(xué)生在理解程度和學(xué)習(xí)興趣上都有了更大的提高.通過實例操作，學(xué)生接受很快，互動強(qiáng)，教學(xué)效果較好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年4月7日3-4節(jié)課 題第三章Frontpage 的應(yīng)用3.3教學(xué)目的通過本次課的教學(xué)，使學(xué)生掌握向網(wǎng)頁中添加視頻的基本操作，學(xué)會創(chuàng)建和編輯各種超教學(xué)重點各類超的制作教學(xué)難點各類超

14、的制作13教學(xué)方法講授教學(xué) 容提綱3多媒體與超的使用三、視頻的使用四、超的制作1、在文本、圖片上制作2、到網(wǎng)頁文件、書簽、電子、非網(wǎng)頁文件、internet五、編輯超級綜合實例制作：綠色家園教 學(xué) 后 記通過綜合實例的演7K制作，總結(jié)出設(shè)計技巧，使學(xué)生對目前所學(xué)的Frontpage2000的基本操作有更全面更深刻的認(rèn)識，培養(yǎng)其綜合運用知識的 能力，課堂氛圍濃烈，教學(xué)效果良好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年4月12日1-2節(jié)課 題Frontpage2000的基本操作教學(xué)目的通過本次上機(jī)，鞏固站點操作，加強(qiáng)學(xué)生對在網(wǎng)頁中插入 文本、圖片、音頻、視頻等對象的操作，學(xué)

15、會設(shè)置頁面屬性教學(xué)重點站點的操作；圖片屬性的設(shè)置；各類超的制作14教學(xué)難點圖片工具欄的靈活運用教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、站點的建立、修改、刪除2、網(wǎng)頁的基本操作，各類對象的插入及屬性修改3、網(wǎng)貞背景屬性設(shè)置4、多媒體對象的使用5、各類超的制作教 學(xué) 后 記1.學(xué)生對上機(jī)操作的熱情很高，氛圍較好2,通過實際操作，大部分同學(xué)都掌握了課上知識，達(dá)到了上機(jī)要求商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年4月19日1-2節(jié)課 題Frontpage2000的基本操作教學(xué)目的通過本次上機(jī)，使學(xué)生進(jìn)一步鞏固課堂所學(xué)，攻克操作中的難點，提高綜

16、合操作水平教學(xué)重點錨點制作；圖片熱點運用15教學(xué)難點圖文混排教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、插入圖片，并使用熱點創(chuàng)建圖象地圖2、定義錨點，跳轉(zhuǎn)到指定頁面的指定位置三、模仿制作課上案例：綠色家園教 學(xué) 后 記學(xué)生對一些基本操作掌握較熟練，但對于站點建立的意義還較模 糊，實例操作時靈活運用知識的能力也較欠缺，以后仍需加強(qiáng)練習(xí)。商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年4月21日3-4節(jié)課 題第三章Frontpage 的應(yīng)用3.48.5教學(xué)目的通過本次課的教學(xué)，使學(xué)生能夠掌握網(wǎng)頁中表格的插入和使用，理解框架的概念和制作教學(xué)重點如何插入

17、表格、框架；框架網(wǎng)頁的基本操作及屬性設(shè)置教學(xué)難點框架概念的理解及保存操作16教學(xué)容提綱4表格的使用5制作框架頁面一、表格的用途一、創(chuàng)建框架網(wǎng)頁：一、創(chuàng)建表格二、拆分、刪除框架二、填充表格三、初始化框架網(wǎng)頁四、走格相關(guān)操作四、保存框架網(wǎng)頁五、表格屬性五、設(shè)置超的目標(biāo)框架六、框架屬性的設(shè)置教學(xué)方法講授教 學(xué) 后 記.基于以前對html中表格、框架的學(xué)習(xí)，再次提到相關(guān)知識點時，理 解和接受都很快.請同學(xué)上臺演示操作，課堂氣氛和互動都較好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年4月26日1-2節(jié)課 題Frontpage2000的基本操作教學(xué)目的通過上機(jī)操作，使學(xué)生掌握Fron

18、tPage2000中插入表格和建立框架的操作教學(xué)重點去格、單兀格的屬性設(shè)置； 框架的插入、保存、屬性設(shè)置； 目標(biāo)框架的設(shè)置17教學(xué)難點框架的正確保存；初始網(wǎng)頁的更改教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、插入表格，并設(shè)置表格、單元格屬性2、創(chuàng)建指定框架并設(shè)置初始網(wǎng)貞，修改框架屬性3、創(chuàng)建框架間的，修改目標(biāo)框架三、模仿制作課上案例：我的地盤、c語言教程教 學(xué) 后 記學(xué)生已逐漸入門，對網(wǎng)頁制作的方法有一定程度的掌握，遇到問 題稍經(jīng)指點便能獨立解決，實例完成情況也較好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作 上課時間 2011年4月28日3-4節(jié)課 題第三章

19、Frontpage 的應(yīng)用3.68.7教學(xué)目的通過本次課的教學(xué)，使學(xué)生掌握網(wǎng)頁中表單的作用及編輯方法，能夠使用組件和DHTM以豐富網(wǎng)頁效果教學(xué)重點理解表單的作用，掌握各個表單對象的編輯組件、DHTM的使用18教學(xué)難點表單對象屬性的正確設(shè)置教學(xué)方法講授教學(xué) 容提綱6 表單的使用一、什么是表單二、表單的設(shè)計三、處理表單結(jié)果7組件、DHTM的使用一、懸停按鈕二、移動字幕三、站點記數(shù)器四、橫幅廣告管理器五、動態(tài)HTML六、網(wǎng)頁過渡效果教 學(xué) 后 記1、通過教學(xué)，學(xué)生理解了表單的基本作用，掌握了設(shè)計表單的方法2、容涉及很多動態(tài)效果，學(xué)生興趣很濃，課堂氣氛和互動都較好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜

20、態(tài)網(wǎng)頁制作上課時間2011年5月3日1-2節(jié)課 題Frontpage2000的基本操作教學(xué)目的通過上機(jī)操作，使學(xué)生掌握表單、組件的應(yīng)用，學(xué)會使用動態(tài)html效果，修改網(wǎng)頁過渡教學(xué)重點自定義表單；組件、Dhtml效果制作19教學(xué)難點表單對象屬性的正確設(shè)置教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、建立表單，插入各項表單元素2、使用組件：字幕、懸停按鈕、橫幅廣告管理器3、使用動態(tài)HTM改果4、修改網(wǎng)頁過渡效果三、模仿制作課上案例：網(wǎng)絡(luò)課程賬號申請教 學(xué) 后 記.絕大部分同學(xué)都能完成上機(jī)任務(wù)，基本操作掌握較好。.在運用一些組件時，很多機(jī)子預(yù)覽無法顯本效果，需要卜載安裝j

21、ava虛擬機(jī)，因此進(jìn)一步提醒學(xué)生今后的網(wǎng)頁設(shè)計中應(yīng)慎用java程序效果商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案20課程名稱靜態(tài)網(wǎng)頁制作上課時間 2011年5月5日3-4節(jié)課 題3.8第四章 Dreamweaver 的使用 4.1教學(xué)目的通過本次課的教學(xué)，使學(xué)生能夠理解 css的作用和特點，掌握使用css的二種方法；熟悉Dreamweaver的操作界面，掌握Dreamweaver的基本文件操作教學(xué)重點Css的作用、語法及使用方法Dreamweaver的站點操作教學(xué)難點Css 二種操作方法的不同教學(xué)方法講授教學(xué) 容提綱8網(wǎng)頁的修飾一、什么是css二、CSS的作用三、基本語法四、CSS的建立五、CSS的使用方法

22、4.1 Dreamweave B3fcoi作一、Dreamweaver8的工作界面一、建立新站點的方法三、設(shè)置站點參數(shù)四、管理站點五、基本文件操作六、設(shè)置貝面屬性教 學(xué) 后 記初次接觸css樣式表，學(xué)生理解和接受的程度都較一般學(xué)生對于Dreamweav由勺學(xué)習(xí)熱情很高，基本操作掌握很快商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案21課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年5月10日1-2節(jié)課 題Dreamweaver 的 應(yīng) 用教學(xué)目的通過本次上機(jī)操作，使學(xué)生能理解和掌握使用css的三種方法；熟悉dreamweaver的界面，掌握其基本操作教學(xué)重點站點的新建，頁面屬性設(shè)置教學(xué)難點二種CSS的創(chuàng)建及操作方法教學(xué)方

23、法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、三種CSS勺創(chuàng)建及操作方法2、Dreamweav黃占點的相關(guān)操作3、Dreamweave 文件操作4、設(shè)置貝面屬性三、模仿制作課上案例教 學(xué) 后 記.對CSS的理解程度不夠，二種操作方法相互混淆，出現(xiàn)的問題較多，課上仍需進(jìn)一步講解. Dreamweaver操作界面較Frontpage復(fù)雜，部分學(xué)生對操作環(huán)境不能熟悉和適應(yīng)，今后的教學(xué)應(yīng)注重兩者之間的聯(lián)系比較商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案22課程名稱靜態(tài)網(wǎng)頁制作 上課時間 2011年5月12日3-4節(jié)課 題第四章 dreamweaver的使用 4.2 4.3教學(xué)目的通過本次課的教學(xué)

24、，使學(xué)生掌握在dreamweaver中插入文 本、圖像以及使用超的方法，學(xué)會利用走格進(jìn)行頁面布局，并 能合理設(shè)置其屬性教學(xué)重點文字、圖像與超的插入與編輯表格的使用及屬性設(shè)置教學(xué)難點錨點、空、腳本的理解制作表格布局思想教學(xué)方法講授教學(xué) 容提綱2插入文字、圖像與一、文本及其操作一、圖像及具操作三、超的操作3插入表格和其他對象一、表格及其操作.插入表格.插入嵌套表格.編輯表格.設(shè)置表格屬性.格式化表格.排序去格教 學(xué) 后 記因有之前學(xué)習(xí)FP的基礎(chǔ)，學(xué)生對本次課的容理解和接受都很快，同時 每個知識點的講解配合了相應(yīng)的實例，教學(xué)效果較好。商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案23課程名稱靜態(tài)網(wǎng)頁制作上課時間201

25、1年5月17日1-2節(jié)課 題Dreamweaver 的 應(yīng) 用教學(xué)目的通過本次上機(jī)操作，提圖學(xué)生對dreamweaver的使用水平 和熟練度，使學(xué)生掌握有關(guān)走格的操作，強(qiáng)化利用走格進(jìn)行頁 面布局的思想教學(xué)重點文字、圖像與超的插入與編輯表格的靈活使用教學(xué)難點培養(yǎng)學(xué)生設(shè)計能力：利用表格進(jìn)行頁面布局教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、在網(wǎng)頁中插入文本、圖像、超等基本對象，并修改屬性2、插入表格及嵌套表格，并設(shè)置表格屬性3、格式化表格三、模仿制作課上案例教 學(xué) 后 記很多同學(xué)在操作時沿襲J使用 Frontpage存在的壞習(xí)慣，喜歡將反面和 圖片保存為中文名稱，容易

26、出現(xiàn)圖片不顯示，不成功等問題，以后在課堂 上需要冉次反復(fù)強(qiáng)調(diào)這一點商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案24課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年5月19日3-4節(jié)課 題第四章 dreamweaver 的使用 4.3 4.4教學(xué)目的通過本次課的教學(xué)，使學(xué)生掌握鼠標(biāo)經(jīng)過圖像、導(dǎo)航條、 flash對象、插件等其他網(wǎng)頁對象的插入；能進(jìn)一步理解框架 的概念及作用，學(xué)會框架的相關(guān)操作教學(xué)重點框架的相關(guān)操作教學(xué)難點框架初始頁面的設(shè)置；框架間的制作教學(xué)方法講授教學(xué) 容提綱3插入表格和其他對象二、在網(wǎng)頁中插入其他對象1、鼠標(biāo)經(jīng)過圖像2、插入導(dǎo)航條3、插入flash對象4、插入 Applet、ActiveX 和插件3框架

27、、層與網(wǎng)貞布局一、框架（一）使用預(yù)設(shè)方式創(chuàng)建框架（二）設(shè)計框架集（三）保存框架和框架集文件（四）修改框架屬性（五）設(shè)置框架集的屬性（六）通過超級控制框架容教 學(xué) 后 記.教學(xué)過程順利，按計劃完成了教學(xué)任務(wù).學(xué)生上臺參與實例操作，有效調(diào)動了課堂氣氛商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案25課程名稱靜態(tài)網(wǎng)頁制作 上課時間2011年5月24日1-2節(jié)課 題Dreamweaver 的 應(yīng) 用教學(xué)目的通過本次上機(jī)，使學(xué)生能夠掌握dreamweaver中更多網(wǎng)頁 對象的插入，提高運用框架的操作技巧教學(xué)重點框架的相關(guān)操作教學(xué)難點框架初始頁面的設(shè)置；框架間的制作教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，

28、指導(dǎo)學(xué)生實踐1、鼠標(biāo)經(jīng)過圖像、導(dǎo)航條、flash對象、插件的插入2、使用預(yù)設(shè)方式創(chuàng)建框架，并設(shè)計框架集后保存3、通過超級控制框架容三、模仿制作課上案例教 學(xué) 后 記通過上機(jī)，學(xué)生能夠熟練地在網(wǎng)頁中插入各種對象，掌握框架網(wǎng)頁的 制作。但部分同學(xué)對于框架的保存及顯示的目標(biāo)框架仍不夠清楚，經(jīng)過當(dāng) 面指導(dǎo)，有較好的效果商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年5月26日3-4節(jié)26課 題第四章 dreamweaver 的使用 4.4 4.5教學(xué)目的通過本次課的教學(xué)，使學(xué)生能夠掌握層的特點和操作；學(xué) 會運用布局表格進(jìn)行網(wǎng)頁布局；掌握表單的制作教學(xué)重點層概念的理解及其操作表單的制作

29、教學(xué)難點布局去格、布局單兀格的靈活運用教學(xué)方法講授教學(xué) 容提綱3框架、層與網(wǎng)頁布局二、層1、層的概念2、層的特點3、在網(wǎng)頁中添加層4、設(shè)置層參數(shù)和屬性5、操縱層6、表格和層的相互轉(zhuǎn)換三、網(wǎng)頁布局1、用布局模式布局網(wǎng)貝2、繪制布局表格和布局單兀格3、設(shè)置布局表格和布局單元格屬性5表單、樣式表和命令一i、表單的基本概念二、創(chuàng)建與刪除表單域三、插入表單對象教 學(xué) 后 記1.對上機(jī)過程中出現(xiàn)的操作問題做了演示講解，取得較好效果2,運用了豐富的實例進(jìn)行分步操作講解，加深了學(xué)生的知識印象商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年5月31日1-2節(jié)27課 題Dreamweaver 的

30、 應(yīng) 用教學(xué)目的通過本次上機(jī)，強(qiáng)化學(xué)生對層的理解及操作；使其掌握運用布局走格更方便地在網(wǎng)頁中進(jìn)行布局定位的方法；熟練表單的操作教學(xué)重點層的屬性設(shè)置及靈活運用表單的制作教學(xué)難點布局去格、布局單兀格的靈活運用教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、在網(wǎng)貞中添加層、嵌套層，并設(shè)置層參數(shù)和屬性2、將頁面中的表格和層進(jìn)行相互轉(zhuǎn)換3、練習(xí)在布局模式下用布局走格設(shè)計布局4、創(chuàng)建表單，插入表單對象三、模仿制作課上案例教 學(xué) 后 記1.對層的理解和掌握較好2,對于夫格布局和布局單元格的使用， 能夠掌握其基本操作方法，進(jìn)行一般網(wǎng)頁總體結(jié)構(gòu)的設(shè)計，但靈活運用的程度不夠商貿(mào)職業(yè)技術(shù)學(xué)

31、院教師授課教案28課程名稱靜態(tài)網(wǎng)頁制作上課時間 2011年6月2日3-4節(jié)課 題第四章 dreamweaver的使用 4.5 4.6教學(xué)目的通過本次課的教學(xué)，使學(xué)生掌握在dreamweaver中創(chuàng)建和 應(yīng)用CSS羊式表的方法，理解行為的含義，學(xué)會添加應(yīng)用行為教學(xué)重點CSS:羊式表的添加和應(yīng)用彳討的創(chuàng)建教學(xué)難點行為的靈活運用教學(xué)方法講授教學(xué) 容提綱5 表單、樣式表和而告一、CSS#式表的特點二、CSS表的類型三、csS羊式表的添加方法四、樣式的創(chuàng)建與編輯6時間軸和行為一、時間軸動畫制作1、時間軸的概念2、利用時間軸制作層動畫3、使用時間軸改變圖像屬性二、彳討1、行為的構(gòu)成2、行*的創(chuàng)建3、動作的

32、設(shè)置：顯示-隱藏層教 學(xué) 后 記.經(jīng)過之前在FP中的學(xué)習(xí)，再次接觸CSS理解程度有較大提高.運用時間軸和行為可制作出豐富的動態(tài)效果，學(xué)生學(xué)習(xí)興致高昂，課堂氛圍濃烈，教學(xué)互動較好商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案29課程名稱靜態(tài)網(wǎng)頁制作上課時間2011年6月7日1-2節(jié)課 題Dreamweaver 的 應(yīng) 用教學(xué)目的通過本次上機(jī)，使學(xué)生熟練在dreamweaver中創(chuàng)建和應(yīng)用CSS羊式表的方法，掌握行為的添加和應(yīng)用教學(xué)重點CSS羊式表的添加和應(yīng)用彳討的創(chuàng)建教學(xué)難點顯示-隱藏層效果的綜合運用教學(xué)方法上機(jī)教學(xué) 容提綱一、復(fù)習(xí)課堂教學(xué)容二、針對課堂容，指導(dǎo)學(xué)生實踐1、外部CSS部CSS勺創(chuàng)建及應(yīng)用2、利用時

33、間軸制作層動畫3、使用時間軸改變圖像屬性4、利用顯示-隱藏層制作下拉菜單效果三、模仿制作課上案例教 學(xué) 后 記經(jīng)過具體指導(dǎo)，大部分學(xué)生都能完成本次上機(jī)任務(wù)，出現(xiàn)問題較多的 是下拉菜單的制作，主要原因還是對行為的構(gòu)成理解不透商貿(mào)職業(yè)技術(shù)學(xué)院教師授課教案30課程名稱靜態(tài)網(wǎng)頁制作上課時間 2011年6月9日3-4節(jié)課 題第四章 dreamweaver的使用 4.6 4.7教學(xué)目的通過本次課的教學(xué)，使學(xué)生能進(jìn)一步理解行為的含義，學(xué)會運用Dreamweaver的置仃為制作更多的動態(tài)效果； 掌握模板和庫的編輯及其意義教學(xué)重點Dreamweaver置行為的使用模板和庫的編輯教學(xué)難點行為的靈活運用教學(xué)方法講授教學(xué) 容提綱6時間軸和行為二、彳討3、動作的設(shè)置：設(shè)置層文本、設(shè)置狀態(tài)欄文本、打開瀏覽器窗口、彈出信息、改變屬性、設(shè)置導(dǎo)航欄圖像、“交換圖像”和“恢復(fù)交換圖像”、檢查表單、檢查插件、控制Shockwave或Flash、播放聲音、調(diào)用J