《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究

《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究

ID:28022756

大?。?8.27 KB

頁(yè)數(shù):6頁(yè)

時(shí)間:2018-12-07

《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究_第1頁(yè)
《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究_第2頁(yè)
《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究_第3頁(yè)
《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究_第4頁(yè)
《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究_第5頁(yè)
資源描述:

《《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、為了確?!敖虒W(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備正常使用,我校做到安裝、教師培訓(xùn)同步進(jìn)行。設(shè)備安裝到位后,中心校組織各學(xué)點(diǎn)管理人員統(tǒng)一到縣教師進(jìn)修學(xué)校進(jìn)行培訓(xùn),熟悉系統(tǒng)的使用和維護(hù)?!毒W(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》浮動(dòng)與定位教學(xué)案例研究  摘要:浮動(dòng)與定位是《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》課程中一個(gè)教學(xué)難點(diǎn),為此,筆者以任務(wù)為導(dǎo)向,將任務(wù)層層分解,化繁為簡(jiǎn),從而更好地讓學(xué)生理解并掌握知識(shí)點(diǎn)?! £P(guān)鍵詞:HTML;浮動(dòng);定位  中圖分類(lèi)號(hào):TP311文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009--0200-02  1背景  本教學(xué)單元的教學(xué)模式為項(xiàng)目導(dǎo)入、任務(wù)驅(qū)動(dòng)和過(guò)程管理。以淘寶網(wǎng)項(xiàng)目,貫穿到整個(gè)教學(xué)過(guò)程中,然后將整個(gè)項(xiàng)目進(jìn)行分解,以任務(wù)

2、為驅(qū)動(dòng),并在教學(xué)過(guò)程中,借鑒IT企業(yè)項(xiàng)目管理模式,對(duì)整個(gè)教學(xué)過(guò)程進(jìn)行監(jiān)控,確保完成教學(xué)目標(biāo)?! ?教學(xué)案例呈現(xiàn)  教學(xué)目標(biāo)為了充分發(fā)揮“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備的作用,我們不僅把資源運(yùn)用于課堂教學(xué),還利用系統(tǒng)的特色欄目開(kāi)展課外活動(dòng),對(duì)學(xué)生進(jìn)行安全教育、健康教育、反邪教教育等豐富學(xué)生的課余文化生活。為了確保“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備正常使用,我校做到安裝、教師培訓(xùn)同步進(jìn)行。設(shè)備安裝到位后,中心校組織各學(xué)點(diǎn)管理人員統(tǒng)一到縣教師進(jìn)修學(xué)校進(jìn)行培訓(xùn),熟悉系統(tǒng)的使用和維護(hù)?! ”敬谓虒W(xué)的知識(shí)目標(biāo)要求學(xué)生掌握浮動(dòng)、浮動(dòng)塌陷、定位和浮動(dòng)與定位的綜合運(yùn)用,重點(diǎn)是浮動(dòng)與定位,難點(diǎn)是浮動(dòng)塌陷以

3、及浮動(dòng)與定位的綜合運(yùn)用;能力目標(biāo)要求學(xué)生具備相應(yīng)的專(zhuān)業(yè)能力、方法能力和社會(huì)能力:在專(zhuān)業(yè)能力方面,具備web前端靜態(tài)頁(yè)面開(kāi)發(fā)能力;在方法能力方面,具備對(duì)知識(shí)歸納的能力;在社會(huì)能力方面,具備有效地時(shí)間管理和準(zhǔn)確的自我評(píng)價(jià)的能力。素質(zhì)目標(biāo)要求學(xué)生具備積極的工作態(tài)度、團(tuán)隊(duì)合作能力?! 膶W(xué)生認(rèn)知、能力結(jié)構(gòu)和心理特征來(lái)看,當(dāng)前大多數(shù)學(xué)生理解盒子模型和默認(rèn)標(biāo)準(zhǔn)文檔流,并能熟練運(yùn)用,整體學(xué)習(xí)信心高昂,團(tuán)體意識(shí)較強(qiáng)?! ∫虼?,為了實(shí)現(xiàn)本次教學(xué)目標(biāo),制定了課前預(yù)習(xí)作業(yè);課中上機(jī)任務(wù),并按學(xué)生水平采用分層教學(xué);課后,布置課后作業(yè),鞏固知識(shí)?! 〗虒W(xué)內(nèi)容  《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》屬于軟件技術(shù)專(zhuān)業(yè)大一階段的核心職業(yè)技術(shù)基

4、礎(chǔ)課程,是后續(xù)Web開(kāi)發(fā)課程的基礎(chǔ)前導(dǎo)課程。本教學(xué)單元的學(xué)習(xí)任務(wù)是在前次教學(xué)單元完成的淘寶網(wǎng)頁(yè)面的基礎(chǔ)上,運(yùn)用浮動(dòng)和定位制作淘寶網(wǎng)商品詳情頁(yè)面,其效果圖如圖1所示。  地位:浮?佑攵ㄎ皇潛敬謂萄Уピ?重點(diǎn)與難點(diǎn),是后期進(jìn)行網(wǎng)頁(yè)布局的核心基礎(chǔ)知識(shí)點(diǎn)?! ∽饔茫焊?dòng)實(shí)現(xiàn)塊級(jí)元素橫向布局,定位實(shí)現(xiàn)頁(yè)面元素精確定位?! ∏昂舐?lián)系:浮動(dòng)與定位是對(duì)前驅(qū)知識(shí)的提升,后驅(qū)網(wǎng)頁(yè)布局知識(shí)的核心?! ∵x取理由:本次學(xué)習(xí)任務(wù)是浮動(dòng)和定位綜合運(yùn)用,以任務(wù)驅(qū)動(dòng),讓學(xué)生邊做邊學(xué)。為了充分發(fā)揮“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備的作用,我們不僅把資源運(yùn)用于課堂教學(xué),還利用系統(tǒng)的特色欄目開(kāi)展課外活動(dòng),對(duì)學(xué)生進(jìn)行安全教育、健康

5、教育、反邪教教育等豐富學(xué)生的課余文化生活。為了確保“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備正常使用,我校做到安裝、教師培訓(xùn)同步進(jìn)行。設(shè)備安裝到位后,中心校組織各學(xué)點(diǎn)管理人員統(tǒng)一到縣教師進(jìn)修學(xué)校進(jìn)行培訓(xùn),熟悉系統(tǒng)的使用和維護(hù)?! W(xué)情分析  根據(jù)之前的教學(xué)反饋情況來(lái)看,學(xué)生的學(xué)情如下:  1)大多數(shù)學(xué)生對(duì)標(biāo)準(zhǔn)文檔流、塊級(jí)元素、行內(nèi)元素和盒子的概念掌握較好?! ?)大多數(shù)學(xué)生對(duì)盒子和文本相關(guān)屬性掌握較好,但相應(yīng)的英文單詞掌握不熟練?! ?)大多數(shù)學(xué)生對(duì)浮動(dòng)和定位可能較難理解,需要用案例分步教學(xué),邊做邊學(xué)。  教學(xué)過(guò)程  本教學(xué)單元的師生互動(dòng)教學(xué)過(guò)程分為三個(gè)階段:課前預(yù)習(xí)、課中演練和課后鞏固?! ≌n前

6、:制定預(yù)習(xí)任務(wù)和作業(yè),發(fā)布預(yù)習(xí)資料,培養(yǎng)學(xué)生自主學(xué)習(xí)能力?! ≌n中:以任務(wù)為驅(qū)動(dòng),指導(dǎo)學(xué)生上機(jī)練習(xí),并對(duì)學(xué)生分層教學(xué),循序漸進(jìn)。  課后:制定課后作業(yè),強(qiáng)化知識(shí),進(jìn)行教學(xué)總結(jié),并及時(shí)解答學(xué)生疑難問(wèn)題。  課前,首先按學(xué)生水平分組,以小組為單位,進(jìn)行分層教學(xué)和培養(yǎng)團(tuán)隊(duì)合作能力;然后,發(fā)布預(yù)習(xí)案例,先學(xué)后教,讓學(xué)生學(xué)習(xí)起來(lái)從容不迫;其次,完成預(yù)習(xí)筆記,讓學(xué)生主動(dòng)學(xué)習(xí),主動(dòng)思考,從而知己知彼,輕松聽(tīng)課;最后,檢查學(xué)生預(yù)習(xí)完成情況,從而有針對(duì)性調(diào)整教學(xué)內(nèi)容和教學(xué)方法。為了充分發(fā)揮“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備的作用,我們不僅把資源運(yùn)用于課堂教學(xué),還利用系統(tǒng)的特色欄目開(kāi)展課外活動(dòng),對(duì)學(xué)生進(jìn)行安全

7、教育、健康教育、反邪教教育等豐富學(xué)生的課余文化生活。為了確保“教學(xué)點(diǎn)數(shù)字教育資源全覆蓋”項(xiàng)目設(shè)備正常使用,我校做到安裝、教師培訓(xùn)同步進(jìn)行。設(shè)備安裝到位后,中心校組織各學(xué)點(diǎn)管理人員統(tǒng)一到縣教師進(jìn)修學(xué)校進(jìn)行培訓(xùn),熟悉系統(tǒng)的使用和維護(hù)?! ≌n中,首先通過(guò)一個(gè)案例復(fù)習(xí)之前所學(xué)知識(shí),在默認(rèn)標(biāo)準(zhǔn)文檔流中,行內(nèi)元素自左向右排列,塊級(jí)元素自上而下排列;并通過(guò)另一個(gè)案例,說(shuō)明塊級(jí)元素可以自左向右排列或者在父級(jí)元素內(nèi)部某個(gè)確定位

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶(hù)上傳,版權(quán)歸屬用戶(hù),天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶(hù)請(qǐng)聯(lián)系客服處理。