《網(wǎng)頁設(shè)計(jì)基礎(chǔ)》課程標(biāo)準(zhǔn)課程名稱：網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程性質(zhì)：專業(yè)必修課學(xué)分：2.5分計(jì)劃學(xué)時(shí)：40學(xué)時(shí)適用專業(yè)：數(shù)據(jù)技術(shù)、計(jì)算機(jī)應(yīng)用技術(shù)等計(jì)算機(jī)相關(guān)專業(yè)=1\*CHINESENUM3一、課程性質(zhì)與定位《網(wǎng)頁設(shè)計(jì)基礎(chǔ)》是大數(shù)據(jù)技術(shù)、計(jì)算機(jī)應(yīng)用技術(shù)等計(jì)算機(jī)相關(guān)專業(yè)的一門專業(yè)基礎(chǔ)課，涉及網(wǎng)頁基礎(chǔ)、HTML標(biāo)記、CSS樣式、網(wǎng)頁布局、變形與動(dòng)畫等內(nèi)容。通過本課程的學(xué)習(xí)，學(xué)生能夠了解網(wǎng)頁web發(fā)展歷史及其未來方向，熟悉網(wǎng)頁設(shè)計(jì)流程、掌握網(wǎng)絡(luò)中常見的網(wǎng)頁布局效果及變形和動(dòng)畫效果，學(xué)會(huì)制作各種企業(yè)、門戶、電商類網(wǎng)站。二、課程目標(biāo)（1）能力目標(biāo)●能熟練運(yùn)用Hbuilder、VisualStudioCode、WebStorm、Sublime、Dreamweaver等中任意一款應(yīng)用軟件。●熟練掌握在網(wǎng)頁中加入文字、列表、圖像、超鏈接等元素的方法。●學(xué)會(huì)制作表格?！駥W(xué)會(huì)制作表單?！駥W(xué)會(huì)用DIV+CSS布局網(wǎng)頁的方法。●學(xué)會(huì)運(yùn)用CSS對網(wǎng)頁元素進(jìn)行格式設(shè)計(jì)。（2）知識(shí)目標(biāo)●了解網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)?！裾莆赵诰W(wǎng)頁中插入文本、列表、圖像、超鏈接的方法?！裾莆毡砀竦脑O(shè)計(jì)方法?！裾莆毡韱蔚脑O(shè)計(jì)方法?！裾莆誅IV+CSS布局技術(shù)?！裾莆誄SS美化網(wǎng)頁的方法。（3）其他目標(biāo)●具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)?！窬哂辛己玫男睦硭刭|(zhì)和職業(yè)道德素養(yǎng)?！窬哂懈叨蓉?zé)任心和良好的團(tuán)隊(duì)合作精神?！窬哂锌茖W(xué)思維方式和一定的唯物辯證法思想。●具有較強(qiáng)的網(wǎng)頁設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。=3\*CHINESENUM3三、設(shè)計(jì)思路本課程的設(shè)計(jì)思路是，打破傳統(tǒng)學(xué)科課程模式，以工作任務(wù)為中心組織課程內(nèi)容，依據(jù)完成具體工作任務(wù)需求來學(xué)習(xí)相關(guān)的理論知識(shí)，逐步拓展職業(yè)崗位的能力。網(wǎng)頁設(shè)計(jì)教學(xué)內(nèi)容主要包括：以案例式教材任務(wù)驅(qū)動(dòng)為主線的方法編排，全書共分為16個(gè)案例任務(wù)，引導(dǎo)讀者學(xué)習(xí)網(wǎng)頁設(shè)計(jì)、制作、規(guī)劃的基本知識(shí)以及項(xiàng)目開發(fā)的完整流程。每個(gè)項(xiàng)目以能完成某項(xiàng)工作崗位任務(wù)為目標(biāo)，一個(gè)項(xiàng)目又分解成多個(gè)技能學(xué)習(xí)訓(xùn)練單元。課程內(nèi)容組織重點(diǎn)突出對目標(biāo)職業(yè)能力的訓(xùn)練，理論知識(shí)的選取則緊緊圍繞工作任務(wù)完成的需要來進(jìn)行，既要滿足高職教育對職業(yè)技能要求，又要考慮兼顧相關(guān)理論知識(shí)學(xué)習(xí)，還要兼顧相關(guān)職業(yè)資格證書考證所需知識(shí)與技能的學(xué)習(xí)。本課程的課時(shí)設(shè)計(jì)為：總學(xué)時(shí)40學(xué)時(shí)，采用一體化教學(xué)方式（其中，知識(shí)部分約20學(xué)時(shí)，實(shí)踐部分約占20學(xué)時(shí)），共計(jì)2.5學(xué)分。=4\*CHINESENUM3四、教學(xué)內(nèi)容與學(xué)時(shí)分配本書共40個(gè)學(xué)時(shí)，根據(jù)每一章節(jié)難易程度劃分學(xué)時(shí)時(shí)長。序號項(xiàng)目主要內(nèi)容學(xué)時(shí)1HTML5基礎(chǔ)任務(wù)1創(chuàng)建第一個(gè)HTML5頁面2任務(wù)2制作“HTML5”百科頁面2任務(wù)3制作電影影評網(wǎng)頁面22網(wǎng)頁樣式表CSS任務(wù)4制作“鮮花導(dǎo)購”頁面3任務(wù)5制作“荷塘月色”頁面3任務(wù)6制作“菜品欣賞”圖文頁面3任務(wù)7制作“音樂排行榜”頁面33使用CSS設(shè)置鏈接、列表與菜單任務(wù)8CSS美化下拉菜單3任務(wù)9制作八大行星科普網(wǎng)頁3任務(wù)10美化“網(wǎng)上書店”頁面的導(dǎo)航條3任務(wù)11為“網(wǎng)上書店”頁面添加超鏈接3任務(wù)12美化“網(wǎng)上書店”頁面中的超鏈接24應(yīng)用和美化表格任務(wù)13制作“熱銷排行榜”2任務(wù)14美化“熱銷排行榜”表格25應(yīng)用和美化表單任務(wù)15制作“反饋意見”頁面2任務(wù)16制作“學(xué)員信息登記表”頁面2=5\*CHINESENUM3五、考核標(biāo)準(zhǔn)（一）考核要求表1《網(wǎng)頁設(shè)計(jì)基礎(chǔ)》課程考核總體要求考核類別平時(shí)過程性考核課程結(jié)果性考核考核要求平時(shí)表現(xiàn)30%（考勤、作業(yè)、課堂表現(xiàn)等）+階段(模塊)考核10%期末考核60%課程任課教師要按照課程考核要求實(shí)施考核，注意做好學(xué)習(xí)過程、到課情況、平時(shí)作業(yè)、實(shí)驗(yàn)（踐）情況、考核情況的相關(guān)記錄，作為學(xué)生最終評定成績的明確依據(jù)，并與成績冊一同形成成績檔案保存。（二）考核標(biāo)準(zhǔn)表2課程學(xué)業(yè)質(zhì)量考核標(biāo)準(zhǔn)教學(xué)內(nèi)容考核評價(jià)方式成績構(gòu)成平時(shí)階段性考核項(xiàng)目一HTML5基礎(chǔ)整個(gè)考核評價(jià)采取學(xué)生自評、學(xué)生互評和教師評價(jià)相結(jié)合的方式學(xué)生自評占比30％。學(xué)生互評占比30％。教師評價(jià)占比40％。項(xiàng)目二網(wǎng)頁樣式表CSS整個(gè)考核評價(jià)采取學(xué)生自評、學(xué)生互評和教師評價(jià)相結(jié)合的方式1）學(xué)生自評占比30％。2）學(xué)生互評占比30％。3）教師評價(jià)占比40％。項(xiàng)目三使用CSS設(shè)置鏈接、列表與菜單整個(gè)考核評價(jià)采取學(xué)生自評、學(xué)生互評和教師評價(jià)相結(jié)合的方式1）學(xué)生自評占比30％。2）學(xué)生互評占比30％。3）教師評價(jià)占比40％。項(xiàng)目四應(yīng)用和美化表格整個(gè)考核評價(jià)采取學(xué)生自評、學(xué)生互評和教師評價(jià)相結(jié)合的方式1）學(xué)生自評占比30％。2）學(xué)生互評占比30％。3）教師評價(jià)占比40％。項(xiàng)目五應(yīng)用和美化表單整個(gè)考核評價(jià)采取學(xué)生自評、學(xué)生互評和教師評價(jià)相結(jié)合的方式1）學(xué)生自評占比30％。2）學(xué)生互評占比30％。3）教師評價(jià)占比40％。課程結(jié)果性考核理論考試占比60%、實(shí)踐考核占比10%、平時(shí)表現(xiàn)占比30%。六、實(shí)施建議=1\*Arabic1.教材選用建議參考教材：《網(wǎng)頁設(shè)計(jì)基礎(chǔ)》（活頁式教材），羅印、劉衍會(huì)、賀紀(jì)樺主編，西安電子科技大學(xué)出版社，2024.5。=2\*Arabic2.教學(xué)建議（1）?多媒體演示技巧?：使用多媒體設(shè)備進(jìn)行教學(xué)，確保學(xué)生能看清代碼?？梢酝ㄟ^放大代碼視圖的字體，使用屏幕放大軟件ZoomIt，或?qū)⑵聊环直媛收{(diào)低至800*600，以提高清晰度。在演示時(shí)，將鼠標(biāo)光標(biāo)設(shè)置得大些，或者使用具有半透明黃色背景的指針，以吸引學(xué)生的注意力?。（2）?源代碼演示技巧?：提前準(zhǔn)備好課件和源代碼，并在Dreamweaver中新建站點(diǎn)目錄，以便快速切換演示?。操作演示時(shí)要熟悉步驟，操作簡單明了，關(guān)鍵步驟要停留并講解，避免操作過快或不講解?。（3）?課程內(nèi)容和教學(xué)方法?：?課程內(nèi)容?：包括HTML、CSS、網(wǎng)頁布局設(shè)計(jì)等基礎(chǔ)知識(shí)。通過實(shí)例和案例分析，讓學(xué)生學(xué)習(xí)和借鑒優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品?。?教學(xué)方法?：采用探究式學(xué)習(xí)法，通過任務(wù)驅(qū)動(dòng)式教學(xué)法組織教學(xué)。設(shè)計(jì)總?cè)蝿?wù)和若干小任務(wù)，鼓勵(lì)學(xué)生小組合作，共同完成網(wǎng)頁設(shè)計(jì)項(xiàng)目?。（4）?評估方法?：評估學(xué)生的參與度、練習(xí)和作品的質(zhì)量及創(chuàng)意。通過分組討論和分享，評價(jià)學(xué)生的合作和交流能力?。七、教學(xué)條件=1\*Arabic1.教師基本要求（1）有理想信念、有道德情操、有扎實(shí)學(xué)識(shí)、有仁愛之心；悉心教育、立德樹人、熱愛學(xué)生、嚴(yán)謹(jǐn)治學(xué)、因材施教、以身作則、務(wù)實(shí)進(jìn)取、團(tuán)結(jié)協(xié)作，師德高尚。（2）具有良