《Web前端技術(shù)-XHTML+CSS+JavaScript》課程總結(jié)報(bào)告(16網(wǎng)站：夏小翔)_第1頁(yè)
《Web前端技術(shù)-XHTML+CSS+JavaScript》課程總結(jié)報(bào)告(16網(wǎng)站：夏小翔)_第2頁(yè)
《Web前端技術(shù)-XHTML+CSS+JavaScript》課程總結(jié)報(bào)告(16網(wǎng)站：夏小翔)_第3頁(yè)
《Web前端技術(shù)-XHTML+CSS+JavaScript》課程總結(jié)報(bào)告(16網(wǎng)站：夏小翔)_第4頁(yè)
《Web前端技術(shù)-XHTML+CSS+JavaScript》課程總結(jié)報(bào)告(16網(wǎng)站：夏小翔)_第5頁(yè)
已閱讀5頁(yè)，還剩2頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

《Web前端技術(shù)——XHTML+CSS+JavaScript》課程總結(jié)報(bào)告計(jì)算機(jī)應(yīng)用教研室：夏小翔《Web前端技術(shù)——XHTML+CSS+JavaScript》課程是16網(wǎng)站1班和16網(wǎng)站2班的專業(yè)核心課程，兩個(gè)班共有學(xué)生90人，大部分學(xué)生能把基本知識(shí)部分學(xué)會(huì)，也有像呂陜北、馮飛、尚洪濤、田正豪、余勝懷等一批很有興趣的學(xué)生，基本掌握了前端網(wǎng)站開(kāi)發(fā)的核心技巧，現(xiàn)從五個(gè)部分對(duì)課程進(jìn)行總結(jié)。一、教學(xué)起點(diǎn)該課程的前導(dǎo)課程是《計(jì)算機(jī)基礎(chǔ)》《程序設(shè)計(jì)基礎(chǔ)》等專業(yè)基礎(chǔ)課程。通過(guò)這些課程的學(xué)習(xí)，學(xué)生已具備相應(yīng)知識(shí)和能力，具體如下：計(jì)算機(jī)基礎(chǔ)操作能力，能夠利用計(jì)算機(jī)進(jìn)行基本的文件管理；辦公軟件應(yīng)用能力，能夠使用MicrosoftOffice等辦公軟件進(jìn)行基本的文檔處理工作；文本編輯能力，能夠使用工具對(duì)文本文件進(jìn)行基本的編輯和處理。該門課程主要求學(xué)生運(yùn)用CSS技術(shù)對(duì)頁(yè)面進(jìn)行排版設(shè)計(jì)，對(duì)于學(xué)生的綜合能力要求較高，因此學(xué)生在學(xué)習(xí)時(shí)可能遇到的問(wèn)題有：美學(xué)基礎(chǔ)比較薄弱，對(duì)于色彩搭配不夠協(xié)調(diào)。DIV布局的模式難于掌握。網(wǎng)頁(yè)元素相對(duì)定位和絕對(duì)定位的掌握。(4)容易出現(xiàn)網(wǎng)頁(yè)布局顯示異常的問(wèn)題。二、課程目標(biāo)《Web前端技術(shù)》學(xué)習(xí)領(lǐng)域?qū)ε囵B(yǎng)學(xué)生的編碼能力、設(shè)計(jì)思維能力、創(chuàng)新能力、科學(xué)精神以及用專業(yè)知識(shí)解決實(shí)際問(wèn)題的能力，都具有十分重要的作用。本學(xué)習(xí)領(lǐng)域強(qiáng)調(diào)以學(xué)生為主體，知識(shí)為技能服務(wù)，培養(yǎng)學(xué)生的自主學(xué)習(xí)能力、自我管理能力和團(tuán)隊(duì)合作能力，使學(xué)生可以快速進(jìn)入Web開(kāi)發(fā)相關(guān)領(lǐng)域，在企業(yè)中從事Web前端的實(shí)際開(kāi)發(fā)工作。1.專業(yè)能力培養(yǎng)學(xué)生的英語(yǔ)應(yīng)用能力，掌握基本英語(yǔ)詞匯，能夠?qū)?yè)面元素、程序變量進(jìn)行合理、規(guī)范命名；培養(yǎng)學(xué)生的計(jì)算機(jī)基礎(chǔ)操作能力，能夠利用計(jì)算機(jī)進(jìn)行高效的、有條理的工程文件管理，版本控制等；培養(yǎng)學(xué)生的文本編輯能力，能夠使用工具對(duì)純文本文件進(jìn)行高效快捷的編輯和處理；培養(yǎng)學(xué)生的圖像處理能力，能夠精確分析和處理設(shè)計(jì)師交付的PSD設(shè)計(jì)稿，切片、編輯、輸出網(wǎng)頁(yè)所需圖片；培養(yǎng)學(xué)生的網(wǎng)頁(yè)制作與調(diào)試能力，能夠編寫簡(jiǎn)潔、健壯的符合Web標(biāo)準(zhǔn)的靜態(tài)頁(yè)面代碼，能夠使用前端調(diào)試工具進(jìn)行調(diào)試；培養(yǎng)學(xué)生的網(wǎng)站規(guī)劃能力，能夠合理規(guī)劃網(wǎng)站結(jié)構(gòu)，保證網(wǎng)站的可擴(kuò)展性和易維護(hù)性。2.方法能力自主學(xué)習(xí)能力：具備信息獲取與知識(shí)應(yīng)用能力、反思及總結(jié)工作成果能力和再學(xué)習(xí)能力；解決問(wèn)題能力：具備獨(dú)立思考和解決實(shí)際問(wèn)題的能力；設(shè)計(jì)創(chuàng)新能力：能運(yùn)用已有的知識(shí)和技能進(jìn)行創(chuàng)新的方案設(shè)計(jì)能力；3.社會(huì)能力培養(yǎng)學(xué)生自我管理和組織能力；培養(yǎng)學(xué)生與人交往與語(yǔ)言、文字表達(dá)能力；培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作、沉著應(yīng)變、愛(ài)崗敬業(yè)精神，使學(xué)生養(yǎng)成良好的職業(yè)道德。三、課程內(nèi)容與要求1．教學(xué)內(nèi)容的選取《Web前端技術(shù)》學(xué)習(xí)領(lǐng)域課程內(nèi)容選擇以就業(yè)為導(dǎo)向，以情境性原則為主、以科學(xué)性原則為輔，根據(jù)行業(yè)企業(yè)發(fā)展需要和完成職業(yè)崗位實(shí)際工作任務(wù)所需要的知識(shí)、能力、素質(zhì)要求來(lái)選取教學(xué)內(nèi)容，從而達(dá)到培養(yǎng)專業(yè)能力、方法能力和社會(huì)能力的目標(biāo)。課程教學(xué)內(nèi)容分析從WEB前端工程師崗位出發(fā)，精選企業(yè)中WEB前端工程師的具體工作任務(wù)作為課程教學(xué)內(nèi)容的主要來(lái)源，從中結(jié)晶出學(xué)習(xí)內(nèi)容，將這些內(nèi)容與還處在確定過(guò)程中的學(xué)習(xí)目標(biāo)進(jìn)行比較，當(dāng)現(xiàn)有內(nèi)容不能滿足學(xué)習(xí)目標(biāo)描述的要求時(shí)，對(duì)學(xué)習(xí)內(nèi)容加以細(xì)化和補(bǔ)充。反之亦然，如果發(fā)現(xiàn)工作中的內(nèi)容不能到達(dá)既定的學(xué)習(xí)目標(biāo)時(shí)，將對(duì)學(xué)習(xí)內(nèi)容進(jìn)行補(bǔ)充完善，最終形成課程內(nèi)容。2．教學(xué)內(nèi)容的排序《Web前端技術(shù)》在內(nèi)容排序中通過(guò)科學(xué)的教學(xué)設(shè)計(jì)，按照不同工作任務(wù)特征的技能需求，遵循由簡(jiǎn)單到復(fù)雜，由低級(jí)到高級(jí)的能力遞進(jìn)規(guī)律將學(xué)習(xí)領(lǐng)域細(xì)化成具體的學(xué)習(xí)情境。整個(gè)流程包括五個(gè)分項(xiàng)目，一個(gè)綜合項(xiàng)目，每個(gè)項(xiàng)目對(duì)應(yīng)一個(gè)學(xué)習(xí)情境，并按項(xiàng)目從易到難的順序進(jìn)行排序。3．教學(xué)內(nèi)容排序表內(nèi)容概要大綱學(xué)習(xí)建議實(shí)訓(xùn)建議課時(shí)數(shù)項(xiàng)目1：CSS初步體驗(yàn)1、Web前端開(kāi)發(fā)的含義2、Intenet、Web的概念3、搭建Web前端頁(yè)面環(huán)境4.、Web前端頁(yè)面基本框架第一次課目標(biāo)是提高學(xué)生學(xué)習(xí)興趣，從學(xué)生感興趣的網(wǎng)站入手。1.課堂實(shí)訓(xùn)：搭建Web前端頁(yè)面環(huán)境2.課堂實(shí)訓(xùn)：一個(gè)典型的Web應(yīng)用2項(xiàng)目2：XHTML基礎(chǔ)知識(shí)1、XHTML基本框架2、輔助的<head>標(biāo)簽3、豐富的<body>標(biāo)簽1、學(xué)習(xí)中注意代碼書寫的規(guī)范格式。2、XHTML的框架代碼是核心學(xué)習(xí)內(nèi)容，要達(dá)到能熟練寫出的程度。1、課堂實(shí)訓(xùn)：制作“HelloWorld”2、課堂實(shí)訓(xùn)：了解意想不到的<head>效果3、課堂實(shí)訓(xùn)：制作個(gè)人家庭網(wǎng)頁(yè)6項(xiàng)目3：CSS初步體驗(yàn)1、CSS（層疊樣式表）基礎(chǔ)知識(shí)2、CSS選擇器3、CSS的特性1、能準(zhǔn)確理解CSS選擇器并使用2、利用排錯(cuò)功能加深知識(shí)掌握1、課堂實(shí)訓(xùn)：制作Goodmorning網(wǎng)頁(yè)2、課堂實(shí)訓(xùn)：制作汽車網(wǎng)頁(yè)3、課堂實(shí)訓(xùn)：制作校園新聞網(wǎng)頁(yè)4項(xiàng)目4：CSS核心思想CSS盒模型（BoxModel）浮動(dòng)與定位塊元素與內(nèi)聯(lián)元素布局方法1、學(xué)習(xí)盒子模式時(shí)，要認(rèn)真思考各種參數(shù)意義，仔細(xì)區(qū)別不同的表示方法。2、可以通過(guò)畫圖方式增強(qiáng)對(duì)盒子模式的理解。1、課堂實(shí)訓(xùn)：實(shí)現(xiàn)盒子效果2、課堂實(shí)訓(xùn)：實(shí)現(xiàn)文字陰影效果3、課堂實(shí)訓(xùn)：制作電子相冊(cè)6項(xiàng)目5：網(wǎng)頁(yè)元素設(shè)計(jì)1、文字元素2、圖片元素3、列表元素4、超鏈接元素1、認(rèn)真學(xué)習(xí)參考資料，熟悉各種元素的代碼表示含義。2、多做練習(xí)，靈活應(yīng)用各種元素。3、可以按照小組形式展開(kāi)項(xiàng)目，學(xué)生自擬題目制作網(wǎng)站。4、注意不同瀏覽器瀏覽效果問(wèn)題。1、課堂實(shí)訓(xùn)：制作多彩的公司Logo字符2、課堂實(shí)訓(xùn)：制作首字下沉效果3、課堂實(shí)訓(xùn)：制作“森林公園”網(wǎng)頁(yè)4、課堂實(shí)訓(xùn)：利用圓角框設(shè)計(jì)欄目標(biāo)題5、課堂實(shí)訓(xùn)：制作“夏威夷海灘”網(wǎng)頁(yè)6、課堂實(shí)訓(xùn)：制作普通超鏈接7、課堂實(shí)訓(xùn)：制作按鈕式超鏈接8、課堂實(shí)訓(xùn)：制作水平排列的導(dǎo)航菜單9、課堂實(shí)訓(xùn)：制作垂直導(dǎo)航菜單10、課堂實(shí)訓(xùn)：制作讀書網(wǎng)頁(yè)菜單12項(xiàng)目6：表格與表單1、表格是組織數(shù)據(jù)的工具；2、XHTML中表格相關(guān)元素3、表格樣式4、提高表格的可訪問(wèn)性5、表單結(jié)構(gòu)6、表單的構(gòu)造塊7、典型的表單構(gòu)建1、認(rèn)真閱讀參考資料，注意表格的使用環(huán)境及優(yōu)缺點(diǎn)。2、表格參數(shù)設(shè)置比較多，在使用中一定要區(qū)分各種參數(shù)之間的差別。3、在表單的學(xué)習(xí)中注意表單信息的傳送方式。1、課堂實(shí)訓(xùn)：制作馬自達(dá)車型優(yōu)惠情況表 2、課堂實(shí)訓(xùn)：制作斑馬紋效果的表格3、課堂實(shí)訓(xùn)：制作日歷表4、課堂實(shí)訓(xùn)：制作彩色下拉列表框5、課堂實(shí)訓(xùn)：制作用戶注冊(cè)頁(yè)面8項(xiàng)目7：JavaScript的應(yīng)用1、JavaScript概念、特點(diǎn)2、基本語(yǔ)法3、Javascript事件分析1、注意強(qiáng)調(diào)語(yǔ)言通用性，學(xué)會(huì)知識(shí)的遷移。2、利用課堂實(shí)訓(xùn)掌握事件和語(yǔ)法。1、課堂實(shí)訓(xùn)：制作時(shí)鐘效果2、課堂實(shí)訓(xùn)：制作變色表格3、課堂實(shí)訓(xùn)：播放背景音樂(lè)的應(yīng)用4、課堂實(shí)訓(xùn)：交換圖片的設(shè)計(jì)與制作6項(xiàng)目8：學(xué)期項(xiàng)目—手機(jī)資訊網(wǎng)站1、企業(yè)網(wǎng)站開(kāi)發(fā)工作流程2、網(wǎng)站整合與測(cè)試3、XHTML、CSS驗(yàn)證4、網(wǎng)站上線5、撰寫項(xiàng)目報(bào)告6、撰寫項(xiàng)目答辯PPT1、在網(wǎng)站開(kāi)發(fā)的每一步中，一定要遵守標(biāo)準(zhǔn)的開(kāi)發(fā)流程，保證對(duì)標(biāo)準(zhǔn)的流程有一個(gè)真實(shí)的體驗(yàn)。2、在網(wǎng)站布局模式的選擇上一定要認(rèn)真思考，努力找到最恰當(dāng)?shù)牟季址绞健?、反思項(xiàng)目的開(kāi)發(fā)過(guò)程，總結(jié)出自己的不足之處。手機(jī)資訊網(wǎng)站16考試測(cè)評(píng)4合計(jì)=SUM(above)64四、課程說(shuō)明課程類別：專業(yè)必修課學(xué)時(shí)：60學(xué)分：3.5考核方式：考查課程定位：本課程是“計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)”專業(yè)和“計(jì)算機(jī)軟件”專業(yè)的一門基于工作過(guò)程，面向“Web前端工程師”崗位的專業(yè)課程，也是一門典型的工學(xué)結(jié)合，融理論與實(shí)踐于一體的理實(shí)一體化課程。課程以WEB前端工程師工作過(guò)程為導(dǎo)向，通過(guò)學(xué)習(xí)DIV布局、CSS格式排版美化頁(yè)面，培養(yǎng)學(xué)生能獨(dú)立自主完成WEB前端頁(yè)面設(shè)計(jì)任務(wù)的能力，是網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生必修課程之一，與其他學(xué)習(xí)領(lǐng)域一起共同構(gòu)成學(xué)生在Web開(kāi)發(fā)行業(yè)中相關(guān)崗位就業(yè)所應(yīng)具備的知識(shí)和技能，為培養(yǎng)高素質(zhì)技能型人才提供保障。前導(dǎo)課程是《程序設(shè)計(jì)基礎(chǔ)》，后繼課程是《網(wǎng)站建設(shè)及B/S系統(tǒng)設(shè)計(jì)》等課程。五、評(píng)價(jià)方法本課程堅(jiān)持理論與實(shí)踐并重的原則，在評(píng)價(jià)上最好采用理論考核和實(shí)踐考核相結(jié)合的方法。注重過(guò)程性考核與結(jié)果性考核相結(jié)合，逐步建立學(xué)生的發(fā)展性考核與評(píng)價(jià)體系。評(píng)價(jià)方法采用學(xué)生自評(píng)、組內(nèi)互評(píng)、教師綜合評(píng)定的多元評(píng)價(jià)模式，過(guò)程評(píng)價(jià)與結(jié)果評(píng)價(jià)相結(jié)合，具體評(píng)價(jià)方法見(jiàn)下表：學(xué)生自評(píng)：要求學(xué)生對(duì)自己在課堂中的學(xué)習(xí)情況以及完成任務(wù)過(guò)程中所體現(xiàn)的個(gè)人能力進(jìn)行評(píng)價(jià)。小組互評(píng)：通過(guò)同學(xué)對(duì)學(xué)生在團(tuán)隊(duì)中所做的貢獻(xiàn)和表現(xiàn)給予評(píng)價(jià)和打分，關(guān)注學(xué)生團(tuán)隊(duì)意識(shí)的建立和與團(tuán)隊(duì)中其它成員的溝通交流能力。教師評(píng)價(jià)：不僅要評(píng)價(jià)學(xué)生任務(wù)完成的結(jié)果，而且要考察學(xué)生在完成任務(wù)的過(guò)程中所表現(xiàn)出來(lái)的專業(yè)能力，方法能力和社會(huì)能力。企業(yè)教師評(píng)價(jià)：由校外兼職教師對(duì)學(xué)生在學(xué)期項(xiàng)目實(shí)訓(xùn)中的工作表現(xiàn)做全面的評(píng)價(jià)，主要考察學(xué)生的實(shí)踐能力，能否按照企業(yè)規(guī)范完成工作任務(wù)，具備良好的職業(yè)道德素質(zhì)。具體的評(píng)價(jià)方式可以采用測(cè)驗(yàn)、實(shí)操、口試、項(xiàng)目作業(yè)、答辯及調(diào)查問(wèn)卷等方法來(lái)進(jìn)行。課程成績(jī)組成如下表所示。課程成績(jī)組成分析表序號(hào)考核條目考核內(nèi)容考核對(duì)象分值1過(guò)程考核（70%）自我評(píng)價(jià)學(xué)習(xí)態(tài)度詳見(jiàn)個(gè)人自評(píng)表學(xué)生個(gè)人20學(xué)習(xí)效果社會(huì)能力小組評(píng)價(jià)團(tuán)隊(duì)貢獻(xiàn)詳見(jiàn)小組評(píng)價(jià)表20個(gè)人魅力教師評(píng)價(jià)理論測(cè)試詳見(jiàn)教師評(píng)價(jià)表60實(shí)操測(cè)試綜合素質(zhì)2項(xiàng)目考核（30%）學(xué)校教師與企業(yè)教師評(píng)價(jià)成果水平用戶體驗(yàn)、代碼規(guī)范、注釋合理、創(chuàng)新能力

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論