課程名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作主備人：審核人：第9頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作教案（第15周）專業(yè)課程學(xué)習(xí)任務(wù)使用CSS美化和布局網(wǎng)頁(yè)任務(wù)4掌握在CSS設(shè)計(jì)器中定義頁(yè)面內(nèi)CSS樣式任務(wù)5掌握外部樣式表鏈接課時(shí)6教學(xué)對(duì)象授課時(shí)間設(shè)計(jì)者一、學(xué)習(xí)任務(wù)分析1．了解CSS美化和布局網(wǎng)頁(yè)。2．教材中的知識(shí)與案例均是從實(shí)際工作中精選而來(lái)，具有很強(qiáng)的應(yīng)用性和示范作用。同時(shí)教材結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、語(yǔ)言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對(duì)于剛剛接觸網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生，思想活躍，有探索新知識(shí)的強(qiáng)烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強(qiáng)的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：掌握在CSS設(shè)計(jì)器中定義頁(yè)面內(nèi)CSS樣式。掌握外部樣式表鏈接。能力目標(biāo)：學(xué)會(huì)CSS設(shè)計(jì)器使用。學(xué)會(huì)通過(guò)CSS素質(zhì)目標(biāo)：做人要講誠(chéng)信，不能在誠(chéng)信中有缺失，讓本該要合作的人遠(yuǎn)離你。懂得了做事不是靠嘴，而是要靠自己辛勤的付出和努力。要學(xué)會(huì)與人分享，在團(tuán)隊(duì)中不要以為自己是最牛的，要學(xué)會(huì)謙虛、學(xué)會(huì)謙讓。四、教學(xué)策略重點(diǎn)難點(diǎn)：重點(diǎn)：了解CSS樣式；難點(diǎn)：掌握設(shè)置CSS外部鏈接樣式。教學(xué)方法：演示案例教學(xué)法。教學(xué)模式：分組討論，集中點(diǎn)評(píng)，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實(shí)訓(xùn)室課前準(zhǔn)備：1.對(duì)應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計(jì)教案、課件和教學(xué)過(guò)程。六、教學(xué)過(guò)程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖情景描述上課，同學(xué)們好?。ㄏ嗷?wèn)好?。?S管理組織教學(xué)。課前3分鐘：閉眼冥想：站在悠悠大白云上面，俯視一望無(wú)際的綠油油的大草原和瓦藍(lán)瓦藍(lán)的湖泊。在你的身心，在這美妙的大自然境界中得到放松。讓我們一起鼓掌，向愛(ài)學(xué)習(xí)的同學(xué)表示祝賀與崇敬！復(fù)習(xí)提問(wèn)：一、對(duì)于CSS樣式基礎(chǔ)大家都了解哪些？7S管理組織教學(xué)、統(tǒng)計(jì)出勤；課前3分鐘教育；進(jìn)行復(fù)習(xí)提問(wèn)，讓學(xué)生進(jìn)入思考狀態(tài)。以小組為團(tuán)體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問(wèn)題。7S管理形成習(xí)慣，鞏固知識(shí)，增強(qiáng)團(tuán)隊(duì)意識(shí)。引導(dǎo)問(wèn)題網(wǎng)頁(yè)的大體制作完畢后，剩余的美化及進(jìn)一步的布局會(huì)讓網(wǎng)頁(yè)看起來(lái)更加的漂亮大氣，能夠完成這方面的工作，一個(gè)網(wǎng)頁(yè)基本就算完成了，而這一點(diǎn)恰恰是小艾最缺失的，所以她專門(mén)找到了同事凱程，想讓他好好為自己講一講關(guān)于美化和細(xì)致布局方面的知識(shí)，凱程非常細(xì)致的為小艾解說(shuō)了關(guān)于網(wǎng)頁(yè)中CSS樣式及布局網(wǎng)頁(yè)方面的知識(shí)。CSS樣式是網(wǎng)頁(yè)排版的重要核心，它讓設(shè)計(jì)師從頁(yè)面效果的困擾中得到解脫。雖然它是一套代碼，但是在Dreamweaver的環(huán)境下，使用CSS不需要記憶代碼及寫(xiě)程序，只要從對(duì)話框中設(shè)置即可。精美的網(wǎng)頁(yè)離不開(kāi)CSS技術(shù)。采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確的控制。使用CSS樣式可以制作出更加復(fù)雜和精巧的網(wǎng)頁(yè)，網(wǎng)頁(yè)的維護(hù)和更新也更加容易和方便。本章主要介紹DIV與CSS概念、CSS樣式的基本概念和語(yǔ)法、CSS樣式設(shè)置和CSS定位。本次項(xiàng)目將會(huì)針對(duì)CSS樣式的各種類型及應(yīng)用范圍做解說(shuō)，讓各位可以熟悉CSS功能的應(yīng)用。好了，下面我們就一起來(lái)進(jìn)行學(xué)習(xí)和進(jìn)步吧！引出本節(jié)重點(diǎn)內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進(jìn)入內(nèi)容，積極思考。通過(guò)導(dǎo)入問(wèn)題,讓學(xué)生分小組思考。相關(guān)知識(shí)介紹任務(wù)4掌握在CSS設(shè)計(jì)器中定義頁(yè)面內(nèi)CSS樣式在頁(yè)面中定義CSS樣式是將CSS的樣式代碼包含在該HTML代碼之內(nèi)，不過(guò)此種方式只能將CSS樣式套用于目前編輯的網(wǎng)頁(yè)上，而無(wú)法讓多個(gè)網(wǎng)頁(yè)同時(shí)共享。活動(dòng)1掌握“CSS設(shè)計(jì)器”面板在Dreamweaver中，在“CSS設(shè)計(jì)器”面板中，透過(guò)屬性下方的五個(gè)按鈕，就可以分別設(shè)置布局、文本、邊框、背景、其它等五種類別的CSS樣式，如圖所示。活動(dòng)2掌握啟用/停用CSS屬性為了方便使用者觀看“CSS樣式”設(shè)置前或后的效果變化，“Dreamweaver”提供了快速切換“CSS屬性”的功能，也就是說(shuō)，使用者可以直接在”CSS設(shè)計(jì)器」面板上設(shè)置啟用和停用“CSS屬性”。只要在屬性后方按下按鈕，即可關(guān)閉該樣式。再按一下該鈕又可重新啟動(dòng)該屬性設(shè)置，如圖所示。如果設(shè)置樣式后覺(jué)得不滿意，也可以針對(duì)特定的屬性加以刪除喔！只要在屬性后方按下按鈕即可，如圖所示。任務(wù)5掌握外部樣式表鏈接剛剛介紹的樣式設(shè)置只能套用于目前所編輯的頁(yè)面，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師或網(wǎng)頁(yè)維護(hù)者來(lái)說(shuō)，大概沒(méi)有人愿意只是為了修改某個(gè)特定文字的格式，而必須對(duì)所有的頁(yè)面內(nèi)容一一的去加以修改。要解決這個(gè)惱人的問(wèn)題，那么“外部樣式表”的鏈接就可以徹底解決?；顒?dòng)1掌握外部樣式的觀念所謂“外部樣式”就是將設(shè)計(jì)的樣式效果儲(chǔ)存成一個(gè)獨(dú)立的文件﹙擴(kuò)展名為CSS﹚，樣式文件完成以后，再對(duì)需要此樣式效果的網(wǎng)頁(yè)以”鏈接」的方式，把樣式效果置入到網(wǎng)頁(yè)中。往后只要樣式表文件的內(nèi)容有修改，那么鏈接此樣式文件的網(wǎng)頁(yè)也會(huì)跟著更新，所以在管理及設(shè)計(jì)樣式效果時(shí)，就可以很單純的只針對(duì)樣式文件作編修，而不用去管整個(gè)套用樣式的頁(yè)面范圍。所以將網(wǎng)站上的所有網(wǎng)頁(yè)一起鏈接到同一個(gè)樣式文件上，如此只要修改樣式文件內(nèi)容，就能讓所有網(wǎng)頁(yè)同時(shí)更新?；顒?dòng)2掌握附加外部樣式表有了現(xiàn)成的樣式表文件后，接下來(lái)所設(shè)計(jì)的網(wǎng)頁(yè)，就可以透過(guò)“CSS設(shè)計(jì)器”面板將現(xiàn)有的樣式表文件附加進(jìn)來(lái)。打開(kāi)“CSS設(shè)計(jì)器”面板，單擊“源”前面的“+”按鈕，在彈出的菜單中選擇“附加現(xiàn)有的CSS文件”命令，如圖所示。在彈出的“使用現(xiàn)有的CSS文件”對(duì)話框，單擊“瀏覽”按鈕，找到之前儲(chǔ)存的.CSS文件，選擇“導(dǎo)入”按鈕，如圖所示。設(shè)置完畢單擊“確定”按鈕，在“屬性”面板中的“格式”下拉菜單中選擇“標(biāo)題2”，即可運(yùn)用鏈接的樣式，如圖所示。課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識(shí)的心理。講練結(jié)合，突出實(shí)操能力培養(yǎng)。跟隨老師進(jìn)入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過(guò)課件引出問(wèn)題，演示法和指導(dǎo)法，使學(xué)生掌握知識(shí)點(diǎn)。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問(wèn)題，保證人人有任務(wù)，人人有活干。評(píng)分項(xiàng)目評(píng)分指標(biāo)標(biāo)準(zhǔn)分評(píng)分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語(yǔ)言聲音是否洪亮、表達(dá)是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計(jì)2分配小組長(zhǎng)任務(wù)。通過(guò)引導(dǎo)問(wèn)題，學(xué)生進(jìn)行分析、思考。各個(gè)小組分配任務(wù)進(jìn)行討論問(wèn)題。達(dá)到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問(wèn)，由全班同學(xué)找出問(wèn)題并由小組代表進(jìn)行解答。展示并解答問(wèn)題。學(xué)生展示討論成果，回答問(wèn)題。鍛煉學(xué)生表達(dá)能力和儀表。鍛煉學(xué)生表達(dá)能力和儀表。全班查找問(wèn)題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計(jì)中的注意事項(xiàng)，并由教師點(diǎn)評(píng)總結(jié)設(shè)計(jì)注意事項(xiàng)，并分組點(diǎn)評(píng)各組優(yōu)缺點(diǎn)?？偨Y(jié)點(diǎn)評(píng)設(shè)計(jì)情況，并歸納知識(shí)點(diǎn)。學(xué)生總結(jié)所學(xué)知識(shí)，積極回答問(wèn)題。學(xué)生掌握知識(shí)。布置作業(yè)一、了解創(chuàng)建CSS樣式外部鏈接布置作業(yè)，并講解具體要求。記錄并在課下思考問(wèn)題，主動(dòng)學(xué)習(xí)。培養(yǎng)學(xué)生學(xué)習(xí)能力。便于下次課進(jìn)行。七、教學(xué)評(píng)價(jià)設(shè)計(jì)通過(guò)小組自我評(píng)價(jià)、小組評(píng)價(jià)、教師評(píng)價(jià)完成對(duì)小組進(jìn)行評(píng)價(jià)，教師和組長(zhǎng)對(duì)成員進(jìn)行評(píng)價(jià)，回答問(wèn)題加1分；演示操作加2分，第一名小組的成員每人加1分。記入平面成績(jī)，期末進(jìn)行成績(jī)綜合評(píng)定。評(píng)價(jià)項(xiàng)目評(píng)價(jià)指標(biāo)標(biāo)準(zhǔn)分自我評(píng)價(jià)小組評(píng)價(jià)教師評(píng)價(jià)學(xué)習(xí)態(tài)度學(xué)習(xí)主動(dòng)，規(guī)范操作，紀(jì)律好2任務(wù)完成知識(shí)點(diǎn)掌握，實(shí)操完成效果好2小組討論表達(dá)清晰，任務(wù)方案科學(xué)合理2創(chuàng)新精神運(yùn)用多種方法創(chuàng)意設(shè)計(jì)17S管理現(xiàn)場(chǎng)整理，保持工作環(huán)境整潔1團(tuán)結(jié)協(xié)作小組成員是否團(tuán)結(jié)協(xié)作2小計(jì)總評(píng)小組學(xué)習(xí)活動(dòng)綜合評(píng)價(jià)表八、教學(xué)反思網(wǎng)頁(yè)設(shè)計(jì)與制作教案（第16周）專業(yè)課程學(xué)習(xí)任務(wù)使用CSS美化和布局網(wǎng)頁(yè)任務(wù)6掌握以Div標(biāo)簽規(guī)劃區(qū)塊綜合實(shí)戰(zhàn)—設(shè)置區(qū)塊和方框樣式制作文字介紹課時(shí)6教學(xué)對(duì)象授課時(shí)間設(shè)計(jì)者一、學(xué)習(xí)任務(wù)分析1．了解CSS美化和布局網(wǎng)頁(yè)。2．教材中的知識(shí)與案例均是從實(shí)際工作中精選而來(lái)，具有很強(qiáng)的應(yīng)用性和示范作用。同時(shí)教材結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、語(yǔ)言淺顯易懂，并配以精美的素材圖片。二、學(xué)情分析對(duì)于剛剛接觸網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生，思想活躍，有探索新知識(shí)的強(qiáng)烈心理，專業(yè)課的學(xué)習(xí)，除需要一定專業(yè)基礎(chǔ)外，還需要學(xué)生具有很強(qiáng)的技能操作能力，所以在本次課的講授中，采用演示、引導(dǎo)、任務(wù)練習(xí)的方法，讓學(xué)生了解所學(xué)的內(nèi)容。三、學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)：掌握以Div標(biāo)簽規(guī)劃區(qū)塊。能力目標(biāo)：學(xué)會(huì)掌握以Div標(biāo)簽規(guī)劃區(qū)塊。素質(zhì)目標(biāo)：做人要講誠(chéng)信，不能在誠(chéng)信中有缺失，讓本該要合作的人遠(yuǎn)離你。懂得了做事不是靠嘴，而是要靠自己辛勤的付出和努力。要學(xué)會(huì)與人分享，在團(tuán)隊(duì)中不要以為自己是最牛的，要學(xué)會(huì)謙虛、學(xué)會(huì)謙讓。四、教學(xué)策略重點(diǎn)難點(diǎn)：重點(diǎn)：了解CSS樣式；難點(diǎn)：掌握以Div標(biāo)簽規(guī)劃區(qū)塊。教學(xué)方法：演示案例教學(xué)法。教學(xué)模式：分組討論，集中點(diǎn)評(píng)，共同提高。五、教學(xué)環(huán)境及資源準(zhǔn)備教學(xué)環(huán)境：多媒體實(shí)訓(xùn)室課前準(zhǔn)備：1.對(duì)應(yīng)本節(jié)課制作了相應(yīng)的備課。2.認(rèn)真設(shè)計(jì)教案、課件和教學(xué)過(guò)程。六、教學(xué)過(guò)程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖情景描述上課，同學(xué)們好?。ㄏ嗷?wèn)好?。?S管理組織教學(xué)。課前3分鐘：同學(xué)們像百花叢中的小蜜蜂，忙碌著采集知識(shí)的花粉，釀制著智慧善良和擔(dān)當(dāng)?shù)南闾鸬拿?。諸惡無(wú)作，眾善奉行。不僅今天要遵守，即使七老八十也要遵守；不僅我們要遵守，一切善良上進(jìn)的人都要遵守！復(fù)習(xí)提問(wèn)：一、對(duì)于CSS樣式大家都了解哪些？7S管理組織教學(xué)、統(tǒng)計(jì)出勤；課前3分鐘教育；進(jìn)行復(fù)習(xí)提問(wèn)，讓學(xué)生進(jìn)入思考狀態(tài)。以小組為團(tuán)體回答，并加分。使學(xué)生注意力集中積極思考，積極回答問(wèn)題。7S管理形成習(xí)慣，鞏固知識(shí)，增強(qiáng)團(tuán)隊(duì)意識(shí)。引導(dǎo)問(wèn)題網(wǎng)頁(yè)的大體制作完畢后，剩余的美化及進(jìn)一步的布局會(huì)讓網(wǎng)頁(yè)看起來(lái)更加的漂亮大氣，能夠完成這方面的工作，一個(gè)網(wǎng)頁(yè)基本就算完成了，而這一點(diǎn)恰恰是小艾最缺失的，所以她專門(mén)找到了同事凱程，想讓他好好為自己講一講關(guān)于美化和細(xì)致布局方面的知識(shí)，凱程非常細(xì)致的為小艾解說(shuō)了關(guān)于網(wǎng)頁(yè)中CSS樣式及布局網(wǎng)頁(yè)方面的知識(shí)。CSS樣式是網(wǎng)頁(yè)排版的重要核心，它讓設(shè)計(jì)師從頁(yè)面效果的困擾中得到解脫。雖然它是一套代碼，但是在Dreamweaver的環(huán)境下，使用CSS不需要記憶代碼及寫(xiě)程序，只要從對(duì)話框中設(shè)置即可。精美的網(wǎng)頁(yè)離不開(kāi)CSS技術(shù)。采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確的控制。使用CSS樣式可以制作出更加復(fù)雜和精巧的網(wǎng)頁(yè)，網(wǎng)頁(yè)的維護(hù)和更新也更加容易和方便。本章主要介紹DIV與CSS概念、CSS樣式的基本概念和語(yǔ)法、CSS樣式設(shè)置和CSS定位。本次項(xiàng)目將會(huì)針對(duì)CSS樣式的各種類型及應(yīng)用范圍做解說(shuō)，讓各位可以熟悉CSS功能的應(yīng)用。好了，下面我們就一起來(lái)進(jìn)行學(xué)習(xí)和進(jìn)步吧！引出本節(jié)重點(diǎn)內(nèi)容，注意培養(yǎng)學(xué)生的觀察力和注意力。學(xué)生跟隨老師的講解和啟發(fā)進(jìn)入內(nèi)容，積極思考。通過(guò)導(dǎo)入問(wèn)題,讓學(xué)生分小組思考。相關(guān)知識(shí)介紹任務(wù)6掌握以Div標(biāo)簽規(guī)劃區(qū)塊現(xiàn)今的網(wǎng)站內(nèi)容越來(lái)越多元化，想要讓很多信息都可以在首頁(yè)中就可以找到，那么網(wǎng)頁(yè)區(qū)塊的規(guī)劃就顯得格外重要。透過(guò)網(wǎng)頁(yè)區(qū)外的劃分，再分配網(wǎng)頁(yè)內(nèi)容，這樣網(wǎng)頁(yè)看起來(lái)會(huì)比較有條理，才不會(huì)雜亂無(wú)章。要規(guī)劃區(qū)塊，Dreamweaver提供了Div標(biāo)簽的功能，可以讓設(shè)計(jì)師替網(wǎng)頁(yè)定義區(qū)塊，同時(shí)為不同的區(qū)塊個(gè)別設(shè)置樣式。這一小節(jié)就針對(duì)Div標(biāo)簽的插入方式、大小、背景色或網(wǎng)頁(yè)組件插入方式等內(nèi)容，為各位做說(shuō)明?；顒?dòng)1掌握編修D(zhuǎn)iv標(biāo)簽的CSS樣式在“Div標(biāo)簽”中加入“CSS樣式”后，如果需要修改或添加任何的屬性，都可以通過(guò)“CSS設(shè)計(jì)器”面板來(lái)編修，只要更改數(shù)值或添加選項(xiàng)即可，例如改變背景顏色，如圖所示?；顒?dòng)2掌握為Div區(qū)塊加入圓角、漸變色、陰影在“Dreamweaver”中，通過(guò)“CSS設(shè)計(jì)器”面板，也可以輕松為規(guī)劃的“Div”區(qū)塊加入圓角效果或任一邊圓角，還可以輕松加入漸變色的區(qū)塊或區(qū)塊陰影。設(shè)置圓角輸入點(diǎn)放在“contentleft”中，選擇切換到“邊框”，設(shè)置“圓角值”為60，選擇“實(shí)時(shí)預(yù)覽”可以看到效果，如圖所示。設(shè)置漸變輸入點(diǎn)放在“contentleft”中，選擇切換到“背景”，按下“gradient”的色塊，在彈出的漸變色設(shè)置界面中設(shè)置漸變的兩個(gè)顏色，選擇“實(shí)時(shí)預(yù)覽”可以看到效果，如圖所示。區(qū)塊陰影輸入點(diǎn)放在“contentleft”中，選擇切換到“背景”，設(shè)定陰影的位移值、模糊半徑值、顏色，選擇“實(shí)時(shí)預(yù)覽”可以看到效果，如圖所示。課件設(shè)疑，引起注意，牢牢抓住和吸引學(xué)生探究新知識(shí)的心理。講練結(jié)合，突出實(shí)操能力培養(yǎng)。跟隨老師進(jìn)入思考分析狀態(tài)。認(rèn)真完成操作任務(wù)。通過(guò)課件引出問(wèn)題，演示法和指導(dǎo)法，使學(xué)生掌握知識(shí)點(diǎn)。提高學(xué)生操作能力。分組討論組織學(xué)生分小組討論引導(dǎo)問(wèn)題，保證人人有任務(wù)，人人有活干。評(píng)分項(xiàng)目評(píng)分指標(biāo)標(biāo)準(zhǔn)分評(píng)分儀態(tài)舉止是否得體0.5準(zhǔn)備準(zhǔn)備是否充分0.5語(yǔ)言聲音是否洪亮、表達(dá)是否準(zhǔn)確0.5小組配合組分工是否明確，配合是否默契0.5小計(jì)2分配小組長(zhǎng)任務(wù)。通過(guò)引導(dǎo)問(wèn)題，學(xué)生進(jìn)行分析、思考。各個(gè)小組分配任務(wù)進(jìn)行討論問(wèn)題。達(dá)到培養(yǎng)學(xué)生分工合作和查找資料能力。小組展示各小組派代表上黑板前展示自己小組引導(dǎo)問(wèn)，由全班同學(xué)找出問(wèn)題并由小組代表進(jìn)行解答。展示并解答問(wèn)題。學(xué)生展示討論成果，回答問(wèn)題。鍛煉學(xué)生表達(dá)能力和儀表。鍛煉學(xué)生表達(dá)能力和儀表。全班查找問(wèn)題。課堂總結(jié)找最優(yōu)秀小組講解設(shè)計(jì)中的注意事項(xiàng)，并由教師點(diǎn)評(píng)總結(jié)設(shè)計(jì)注意事項(xiàng)，并分組點(diǎn)評(píng)各組優(yōu)缺點(diǎn)。總結(jié)點(diǎn)評(píng)設(shè)計(jì)情況，并歸納知識(shí)點(diǎn)。學(xué)生總結(jié)所學(xué)知識(shí)，積極回答問(wèn)題。學(xué)生掌握知識(shí)。布置作業(yè)一、了解創(chuàng)建CSS樣式外部鏈接布置