【正文】 講述法；演示法；板書；多媒體教學；思考；回答問題5課后任務(wù)制作產(chǎn)品介紹網(wǎng)站2課后小結(jié)第 十三 次課教學設(shè)計書 2012年4月 10日 星期2授課地點：615課時：2標題第七章 使用css控制列表樣式教學目標能力目標知識目標列表讓設(shè)計者能夠?qū)ο嚓P(guān)元素進行分組，并由此給它們制定結(jié)構(gòu)。大多數(shù)網(wǎng)站都包含某種形式的列表，例如新聞列表、標題列表等。本章將對如何在dreamweaver中創(chuàng)建列表進行詳細的講解。列表的控制原則；列表的類型及使用；改變項目樣式；使用列表制作實用菜單。教學任務(wù)(內(nèi)容)在網(wǎng)頁中列表元素是非常重要的應用形式。通過css樣式控制列表，可以輕松地實現(xiàn)整齊直觀的現(xiàn)實效果。重點難點重點： 改變項目樣式難點： 定義列表步驟教學內(nèi)容教學方法教學手段學生活動時間分配復習/課程引入圖文混排css樣式應用技巧回答法；演示法；板書；多媒體教學；網(wǎng)絡(luò)資源；實訓設(shè)備；思考；回答問題；5知識講授列表控制概述列表控制原則；列表類型及使用；無序列表ul。有序列表ol。定義列表dl改變項目樣式；圖片符號；回答法；演示法；板書；多媒體教學；實訓設(shè)備；思考；理解；記憶；101010能力訓練1 無序列表應用2 有序列表應用3 定義列表應用回答法；演示法；實際操作法；多媒體教學；實訓設(shè)備；實踐操作101015歸納提高。HSLCOLORS。HSLAcolors。opacity。RGBAcolors。講述法；演示法；板書；多媒體教學；實訓設(shè)備；思考；回答問題5課后任務(wù)使用列表制作菜單5課后小結(jié)第 十四 次課教學設(shè)計書 2012年4月 13日 星期4授課地點：615課時：2標題第七章 使用css控制列表樣式應用實例制作音樂網(wǎng)站教學目標能力目標知識目標本例通過設(shè)計制作一個音樂類網(wǎng)站頁面，講解在頁面中如何添加列表的方法，掌握創(chuàng)建列表的方法和技巧，并應用到實際的工作中。有序列表；無序列表；定義列表；教學任務(wù)(內(nèi)容)完成制作音樂網(wǎng)站的首頁，整個頁面以白色為主色調(diào)，給人以簡潔干凈的感覺。首頁中文字和圖片的巧妙搭配，能夠使整個頁面看起來更加清晰明了。并且，頁面中多處使用了列表的形式來展示網(wǎng)頁中的內(nèi)容。重點難點重點：列表在html中的使用難點：定義列表css排版 步驟教學內(nèi)容教學方法教學手段學生活動時間分配復習/課程引入有序，無序，定義列表相關(guān)屬性回答法；演示法；板書；多媒體；思考；回答問題；5知識講授設(shè)計分析布局分析mainmain02 { width:655px。 height:330px。 margintop:12px。 paddingtop:30px。 backgroundimage:url(..)。 backgroundrepeat:norepeat。}mainmain02 dt { width:18px。 height:18px。 float:left。 paddingtop:3px。 margin:4px 0px 0px 5px。 borderbottom:CCC dashed 1px。}mainmain02 dd { width:156px。 height:21px。 lineheight:18px。 float:left。 borderbottom:CCC dashed 1px。 margintop:4px。}回答法；演示法；板書；多媒體教學；實訓設(shè)備思考；理解；記憶；37能力訓練制作步驟：左側(cè)類表mainleft01制作；中間部分上部mainmain列表制作中間部分下部mainmain02列表制作演示法；實際操作法；多媒體教學；實訓設(shè)備實踐操作102030歸納提高案例總結(jié)：在制作網(wǎng)頁時，如果頁面中多處使用了列表的方式進行控制和排版，則列表元素運用的是否合理，將直接影響到頁面的整體美觀，同時也會影響瀏覽者對網(wǎng)站的第一印象。本節(jié)通過實例制作來理解如何創(chuàng)建列表，以及列表的分類和ol，ul，dl的運用等。講述法；演示法；板書；多媒體教學；思考；回答問題3課后任務(wù)根據(jù)提供的素材及樣式制作某“設(shè)計工作室網(wǎng)站”頁面2課后小結(jié)第 十五 次課教學設(shè)計書 2012年4月 17日 星期2授課地點：615課時：2標題第八章 使用css控制表單樣式教學目標能力目標知識目標在網(wǎng)頁中，通過html控制表單可以實現(xiàn)用戶與系統(tǒng)的數(shù)據(jù)交互，但這種表單僅擁有最基本的功能，對于背景顏色，邊框及字體等屬性是不能進行設(shè)置的，通過css則可以控制這些使用html無法控制的屬性，從而使頁面的布局更加美觀。本章對表單的定義，應用方式及使用css控制表單樣式的方法進行詳細的講解。表單的設(shè)計原則；表單的分類；表單的設(shè)計教學任務(wù)(內(nèi)容)表單時網(wǎng)頁設(shè)計中不可或缺的元素之一，它主要負責數(shù)據(jù)采集功能，例如可以通過表單采集訪問者的名字和地址，調(diào)查表，留言簿等。重點難點重點： 表單的設(shè)計難點： 表單的設(shè)計原則步驟教學內(nèi)容教學方法教學手段學生活動時間分配復習/課程引入定義列表樣式應用技巧回答法；演示法；板書；多媒體教學；網(wǎng)絡(luò)資源；實訓設(shè)備；思考；回答問題；5知識講授1表單的設(shè)計原則2表單的應用分類用戶登錄表單；用戶注冊表單；搜索表單；跳轉(zhuǎn)表單；3表單的設(shè)計表單和表單元素表單；表單輸入；文本域；密碼域；文件域；復選框；單選按鈕；按鈕；圖像域；隱藏域；菜單列表回答法；演示法；板書；多媒體教學；實訓設(shè)備；思考；理解；記憶；101010能力訓練4標簽、字段集和圖例5使用css控制文本字段6使用css控制復選框和單選框，類表菜單回答法；演示法；實際操作法；多媒體教學；實訓設(shè)備；實踐操作201010歸納提高。Content講述法；演示法；板書；多媒體教學；實訓設(shè)備；思考；回答問題3課后任務(wù)完成字段集表單案例制作2課后小結(jié)第 十六 次課教學設(shè)計書 2012年4月 19日 星期2授課地點：615課時：2標題第八章 使用css控制表單樣式應用實例制作音樂網(wǎng)站教學目標能力目標知識目標本例通過設(shè)計一個注冊頁面，講解在頁面中如何添加表單及使用css控制表單元素的方法，掌握使用css控制表單元素的方法和技巧，應用到實際工作中。使用li控制表單位置和樣式；Css控制表單元素；教學任務(wù)(內(nèi)容)本例制作某網(wǎng)站的注冊頁面，該網(wǎng)頁以橙色為主色調(diào)。橙色在網(wǎng)頁配色中的使用是非常廣泛的，通過顏色的過渡和對比，可吸引瀏覽者的眼球，在客觀上起到了增強瀏覽者注冊的欲望，再加上不同的flash動畫，使整個頁面變得活躍時尚。重點難點重點：表單樣式設(shè)置難點：表單元素在表單域中的排版 步驟教學內(nèi)容教學方法教學手段學生活動時間分配復習/課程引入使用css控制表單，表單的相關(guān)屬性?；卮鸱ǎ谎菔痉?；板書；多媒體思考；回答問題；5知識講授設(shè)計分析布局分析bd { width:610px。 height:464px。 margintop:10px。 marginleft:30px。 border:ffce66 solid 3px。 khtmlborderradius: 11px。 padding:11px。}bd li{ width:610px。 height:30px。 lineheight:30px。 liststyle:none。 borderbottom:dddddd solid 1px。}text01，text09 { width:148ox。 height:20px。 border:dddddd solid 1px。}回答法；演示法；板書；多媒體教學；實訓設(shè)備思考；理解；記憶；15能力訓練制作步驟：左側(cè)登錄框login的html及css設(shè)定右側(cè)會員注冊信息bd的html腳本及css設(shè)定回答法；演示法；實際操作法；多媒體教學；實踐操作2030歸納提高案例總結(jié)：本節(jié)通過制作一個網(wǎng)站注冊頁面，講解實際操作中表單的應用方法。在一般情況下，表單元素很少單獨使用，一個表單中通常會有各種類型的表單元素，所以控制表單元素在頁面中起到至關(guān)重要的作用。講述法；演示法；板書；多媒體教學；思考；回答問題5課后任務(wù)制作用戶登錄界面5課后小結(jié)39