《Web前端基礎》課程標準

《Web前端基礎》課程標準課程代碼： 課程名稱：Web前端基礎適用專業(yè)：大數(shù)據(jù)技術 總學時：48 學分：31．課程定位和設計思路1-1課程定位《Web前端基礎》是面向計算機相關專業(yè)的一門專業(yè)基礎課，涉及網(wǎng)頁基礎、HTML標記、CSS樣式、網(wǎng)頁布局、HTML5和CSS3新技術內(nèi)容，通過本課程的學習，學生能夠了解網(wǎng)頁Web發(fā)展歷史及其未來方向，熟悉網(wǎng)頁設計流程、掌握網(wǎng)絡中常見的網(wǎng)頁布局效果及變形和動畫效果，學會靜態(tài)網(wǎng)頁的制作方法，為前端技術的基礎課程，同時為后端編程類課程了解頁面內(nèi)容如何在瀏覽器中呈現(xiàn)打下基礎。1-2設計思路《Web前端基礎》這門課程共48學時，3學分。主要以HTML5語言為主，利用CSS3為靜態(tài)頁面制作樣式，學習新的HTML5+CSS3技術進一步更好的呈現(xiàn)靜態(tài)網(wǎng)頁。使用軟件由Dreamweaver網(wǎng)頁編輯器軟件。課堂上以實際案例為主，在案例選擇選用一些積極向上的素材或結合學校開展的各項活動為主題來制作網(wǎng)頁，樹立學生正確價值觀。第一階段學習HTML語言，能掌握常用HTML標記符；第二階段學習CSS技術，能為靜態(tài)頁面添加樣式效果；第三階段學習DIV+CSS布局，綜合運用HTML和CSS布局靜態(tài)網(wǎng)頁；第四階段項目實戰(zhàn)綜合應用，能夠完成項目文檔、靜態(tài)頁面制作、項目展示整個靜態(tài)網(wǎng)頁開發(fā)過程。在整個教學過程中培養(yǎng)學生關心身邊事，從資料收集整理到制作、從獨立完成到團隊協(xié)作、從埋頭苦做到上臺演示，提高學生的綜合素質。1-3課程思政教育從課程教學內(nèi)容設計上結合計算機學科、專業(yè)和本課程的特色，讓學生去探究本專業(yè)的沿革、現(xiàn)狀與前沿，引導學生不斷提升專業(yè)素養(yǎng)，積極尋找實現(xiàn)個人價值，激發(fā)學生的求知欲，教育學生扎實掌握專業(yè)知識。增強學生綜合素養(yǎng)的培養(yǎng)，一方面在課堂傳授專業(yè)知識，讓學生掌握靜態(tài)網(wǎng)頁的制作的知識與技能；另一方面也要培養(yǎng)學生的解決問題、分析問題、整理問題的能力。把知識傳授與解決問題、書本知識與實踐問題結合起來，讓學生既有理論知識、又有動手能力、還具備網(wǎng)站開發(fā)人員的綜合素養(yǎng)。學生通過配套理論題測試檢測學生對網(wǎng)頁知識相關內(nèi)容的掌握，通過階段測評檢測學生對網(wǎng)頁制作技術的掌握，通過項目實戰(zhàn)檢測學生的綜合素養(yǎng)的能力。2．工作任務和課程目標2-1工作任務學習HTM5L文檔、結構、語法，HTML5標記與屬性，能夠使用HTML制作靜態(tài)網(wǎng)頁；學習CSS核心基礎，文本樣式屬性、CSS高級特性，能夠使用CSS設計頁面樣式；學習表單、表格、多媒體技術；能夠在靜態(tài)網(wǎng)頁中插入表單信息、表格和多媒體元素。硬件條件：多媒體機房、投影軟件條件：64位操作系統(tǒng)、PhotoshopCC、DreamweaverCC、錄屏軟件、多種主流瀏覽器2-2課程目標圍繞WEB前端開發(fā)技術技能人才的需求，培養(yǎng)具有良好職業(yè)道德和人文素養(yǎng)，課程重點講述了使用HTML5、CSS3及其他前端技術進行網(wǎng)頁制作的技巧。通過本課程的學習，學生能夠熟悉網(wǎng)頁設計流程、掌握網(wǎng)絡中常見的網(wǎng)頁布局效果，掌握一定的Web前端開發(fā)知識，具備靜態(tài)網(wǎng)頁設計、開發(fā)、調(diào)試、維護等能力，培養(yǎng)學生正確的思想道德、價值取向和社會責任，為后續(xù)深入學習夯實基礎。職業(yè)能力目標能使用HTML制作靜態(tài)網(wǎng)頁能使用CSS設計頁面樣式能使用HTML5新標簽美化頁面能使用CSS3新特性開發(fā)頁面樣式素質養(yǎng)成目標培養(yǎng)學生在學習過程中發(fā)現(xiàn)問題、分析問題、解決問題的能力培養(yǎng)學生在網(wǎng)頁開發(fā)過程中以用戶為中心，強調(diào)用戶體驗貫徹始終培養(yǎng)學生對網(wǎng)頁素材收集、內(nèi)容整合、網(wǎng)頁制作、文檔撰寫、項目演示的能力培養(yǎng)學生在項目開發(fā)過程中的集體主義觀念、團隊協(xié)作精神課程思政教育目標樹立學生正確的思想道德、價值取向、社會責任培養(yǎng)學生遵紀守法、培養(yǎng)良好的時間觀念并且誠實守信提高學生自身的文化修養(yǎng)的同時，提高對自己專業(yè)、學校和祖國的熱愛3．課程內(nèi)容和要求根據(jù)專業(yè)課程目標和涵蓋的工作任務要求，確定課程內(nèi)容和要求，說明學生應獲得的知識、技能與態(tài)度。典型工作任務指經(jīng)過篩選后需要納入課程內(nèi)容的工作任務。注意典型工作任務要與企業(yè)專家分析的工作任務相對接。知識內(nèi)容、技能內(nèi)容、素質內(nèi)容、思政育人內(nèi)容的分析要準確，并充分體現(xiàn)高職特色。表式：課程內(nèi)容和要求序號典型工作任務知識內(nèi)容及要求技能內(nèi)容及要求素質內(nèi)容及要求思政育人內(nèi)容及要求學時分配11．HTML了解網(wǎng)頁概念和組成。熟練掌握HTML文檔、結構、語法掌握并應用HTML5文本標簽、圖像標簽、列表標簽、超鏈接標簽熟悉Dreamweaver工具的基本操作新建站點、新建HTML5網(wǎng)頁文件能熟練使用HTML文本標簽、圖像標簽、列表標簽、超鏈接標簽制作靜態(tài)頁面認真仔細，代碼編寫正確規(guī)范對頁面中各個元素合理使用HTML5標簽培養(yǎng)文檔整理能力深入了解HTML5的發(fā)展過程，將來的發(fā)展趨勢培養(yǎng)學生自學能力抓緊學生考勤、課堂紀律、課后作業(yè)提交的時間觀念921．CSS掌握CSS樣式規(guī)則掌握CSS的文本樣式、選擇器、CSS偽類熟練掌握CSS中的盒子模型原理，浮動和定位關系新建CSS文件能熟練使用CSS設計網(wǎng)頁樣式能夠熟練使用CSS美化網(wǎng)頁樣式使用DIV+CSS的布局方式，對網(wǎng)頁內(nèi)容合理布局能夠書寫規(guī)范的CSS樣式代碼能夠合理使用CSS選擇器美化頁面，同時優(yōu)化CSS文檔站在用戶角度設計美化頁面文檔處理從用戶角度，提升學生對頁面對美感培養(yǎng)學生大膽創(chuàng)新，反復實踐的工匠精神抓緊學生考勤、課堂紀律、課后作業(yè)提交的時間觀念1531．插入表格表單多媒體熟練掌握表格標記熟練掌握表單相關標記熟練掌握HTML5中有關多媒體的標記能夠制作表格并添加合適的表格樣式能夠制作靜態(tài)頁面表單并添加合適的樣式效果為靜態(tài)頁添加多媒體能制作符合規(guī)范和良好用戶體驗的表格掌握在web前端對表單的檢測應用培養(yǎng)學生注重用戶體驗培養(yǎng)學生的審美能力抓緊學生考勤、課堂紀律、課后作業(yè)提交的時間觀念64綜合項目實訓綜合項目實戰(zhàn)撰寫網(wǎng)站整體規(guī)劃網(wǎng)站效果圖制作網(wǎng)站首頁制作網(wǎng)站列表頁制作網(wǎng)站詳情頁制作項目報告撰寫項目演示熟悉整個網(wǎng)站制作項目流程撰寫文檔能力演示項目時的講解能力培養(yǎng)學生團隊協(xié)作能力文檔撰寫與整理的能力培養(yǎng)學生演示項目的演講能力65階段測試階段測試HTML5語言部分CSS3基礎部分DIV+CSS布局綜合應用大作業(yè)根據(jù)要求將自己所學知識靈活應用培養(yǎng)學生的學習能力培養(yǎng)學生獨立解決問題能力培養(yǎng)學生團隊協(xié)作能力124．實施建議4-1教材選用《HTML5+CSS3網(wǎng)頁設計與制作》，人民郵電出版社，黑馬程序員編著，2020年04月出版，2021年6月山東第9次印刷工業(yè)和信息化“十三五”人才培養(yǎng)規(guī)劃教材ISBN978-7-115-52324-24-2教學建議教學建議：通過“動手”、“動腦”、“動口”、“動筆”的教學設計，將項目拆解為小的相關案例，并結合知識點的遞進，由小到大、由簡入繁，讓學生“做中學、學中做”，并全程注重培養(yǎng)學生的職業(yè)素養(yǎng)、職業(yè)技能和獲取知識的能力。硬件條件：多媒體機房、投影、網(wǎng)絡軟件條件：64位操作系統(tǒng)、PhotoshopCC、DreamweaverCC、錄屏軟件、多種主流瀏覽器、office軟件4-3教學評價考核分項考核內(nèi)容分值比例分值比例課堂活動出勤情