《網(wǎng)頁設計課程設計》教學大綱適用范圍：2022版本科人才培養(yǎng)方案課程代碼：09160104課程性質：集中實踐課學分：1學分周數(shù)：1周先修課程：信息處理技術并修課程：網(wǎng)頁設計適用專業(yè)：跨境電子商務開課單位：經(jīng)濟學院一、課程說明《網(wǎng)頁設計課程設計》是跨境電子商務專業(yè)教學計劃所設的集中實踐教學環(huán)節(jié)。主要以Web基本概念和Web標準為基準點、通過對Web前端主流開發(fā)技術的學習和研究，讓學生理解和掌握html基本語法格式、HTML5新增元素、CSS基礎知識、CSS3的相關知識，熟悉W3C規(guī)范，理解HTML5、CSS3的語法規(guī)則，掌握常用的Web頁面布局技術，理解并能夠應用HTML5+CSS3進行頁面排版布局，最終能夠綜合使用所學技術編寫符合標準的Web頁面。二、課程目標通過本課程的學習，使學生達到如下目標：課程目標1：了解Web前端開發(fā)技術的相關概念、設計思想、開發(fā)技術及發(fā)展趨勢；理解Web前端頁面設計的基本理論和排版原則、核心知識點等；掌握HTML5、CSS3語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎知識。課程目標2：能夠獲取專業(yè)前沿知識、技能，有自主學習、可持續(xù)發(fā)展及相關創(chuàng)新能力；能夠熟練運用Web前端開發(fā)技術，能夠借助合適的軟件工具，完成Web前端頁面設計與制作。課程目標3：能夠清晰表達網(wǎng)頁的設計思路、方案及效果等，并能與同行及公眾進行溝通和交流；具有基本的審美意識和審美觀，能夠根據(jù)實際需求選擇合適的網(wǎng)頁色彩；能夠在網(wǎng)頁設計制作中堅持細致耐心的工作態(tài)度，具有精益求精的工匠精神。三、課程目標與畢業(yè)要求《網(wǎng)頁設計課程設計》課程教學目標對跨境電子商務專業(yè)畢業(yè)要求的支撐見表1。表1課程教學目標與畢業(yè)要求關系畢業(yè)要求指標點課程目標支撐強度1.學科專業(yè)知識1.2掌握計算機科學與技術相關知識，并能將其應用于解決跨境電子商務相關問題。課程目標1：了解Web前端開發(fā)技術的相關概念、設計思想、開發(fā)技術及發(fā)展趨勢；理解Web前端頁面設計的基本理論和排版原則、核心知識點等；掌握HTML5、CSS3語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎知識。M5.使用現(xiàn)代工具5.1了解專業(yè)常用的信息技術工具、專業(yè)軟件的使用原理和方法，并理解其局限性。課程目標2：能夠獲取專業(yè)前沿知識、技能，有自主學習、可持續(xù)發(fā)展及相關創(chuàng)新能力；能夠熟練運用Web前端開發(fā)技術，能夠借助合適的軟件工具，完成Web前端頁面設計與制作。M5.2能夠選擇與使用恰當?shù)墓ぞ吆蛙浖?，對跨境電商市場?guī)模、產(chǎn)品價格、銷售數(shù)據(jù)及產(chǎn)品表達等進行分析、計算與設計。課程目標2：能夠獲取專業(yè)前沿知識、技能，有自主學習、可持續(xù)發(fā)展及相關創(chuàng)新能力；能夠熟練運用Web前端開發(fā)技術，能夠借助合適的軟件工具，完成Web前端頁面設計與制作。H9.個人和團隊9.1理解團隊合作的重要性，具有與團隊成員或負責人協(xié)調合作的團隊精神和能力，能夠在多學科背景下的團隊中獨立或合作開展工作并發(fā)揮作用。課程目標3：能夠清晰表達網(wǎng)頁的設計思路、方案及效果等，并能與同行及公眾進行溝通和交流；具有基本的審美意識和審美觀，能夠根據(jù)實際需求選擇合適的網(wǎng)頁色彩；能夠在網(wǎng)頁設計制作中堅持細致耐心的工作態(tài)度，具有精益求精的工匠精神。M注：表中“H（高）、M（中）”表示課程與相關畢業(yè)要求的關聯(lián)度。四、教學內容、基本要求與學時分配教學內容、基本要求與學時分配見表2。表2教學內容、基本要求與學時分配教學內容教學要求，教學重點難點課時安排對應的課程目標1.查閱資料，確定網(wǎng)頁設計主題，進行網(wǎng)頁整體設計及規(guī)劃教學要求：采用多媒體授課，以網(wǎng)頁設計的過程為設計要求，下達任務書。學生根據(jù)任務書查閱資料、熟悉題目的具體內容及其相關原理。最終學生可根據(jù)實際情況討論、確定網(wǎng)頁主題。根據(jù)需求分析設計頁面版塊，畫出網(wǎng)頁規(guī)劃圖。重點：網(wǎng)頁設計需求分析。難點：網(wǎng)頁設計規(guī)劃。0.5天1、22.各個版塊的設計與實現(xiàn)，網(wǎng)頁整合與測試教學要求：使用網(wǎng)頁設計的原理及技術對所設計規(guī)劃的網(wǎng)頁各個版塊進行表達與實現(xiàn)，各網(wǎng)頁鏈接能夠自由跳轉。將各個版塊進行整合，進行網(wǎng)頁測試，保證網(wǎng)頁完整性、流暢性。重點：各個版塊的設計與實現(xiàn)、網(wǎng)頁整合。難點：各個版塊的設計與實現(xiàn)。3天1、2、33.課程設計報告教學要求：根據(jù)網(wǎng)頁的設計實現(xiàn)過程編寫課程設計報告書，報告應配有網(wǎng)頁各部分代碼和結果截圖。重點：設計報告的編寫。難點：編寫的格式和內容。1天2、34.答辯教學要求：答辯是考核課程設計是否達到基本要求和相應水平的關鍵環(huán)節(jié)。考核內容包括學生對網(wǎng)頁設計方法的運用。教師提問的內容包括選題、代碼設計、運行結果展示、課程設計報告的設計等。重點考察學生課程設計報告的質量，設計過程中的態(tài)度。同時檢查設計創(chuàng)新性、工作量、有無違反學術規(guī)范現(xiàn)象等，提出改進意見。重點：相關技術與設計的整體考核。難點：課程設計質量的檢驗。0.5天1、2、3合計5天（1周）五、教學方法及手段由于課程內容與實踐緊密結合，學生應根據(jù)課程設計手冊或任務書，以自學為主、教師講授為輔，學會綜合應用各種網(wǎng)頁設計的方法，培養(yǎng)自主學習能力、實際動手能力及創(chuàng)新思維。學生分組完成任務書規(guī)定的內容，分工配合，團隊協(xié)作，培養(yǎng)了學生的團隊精神。六、課程資源1.推薦教材：（1）范伊紅.基于HTML5的網(wǎng)頁設計及應用（第2版）[M].北京:電子工業(yè)出版社,2022.（2）朱金華.網(wǎng)頁設計與制作[M].北京:機械工業(yè)出版社,2021.2.參考書：（1）秦鳳梅,何桂蘭.網(wǎng)頁設計與制作項目案例教程(第2版)[M].北京：電子工業(yè)出版社.2021.10.（2）黑馬程序員.網(wǎng)頁設計與制作（HTML+CSS）[M].北京：\o"中國鐵道出版社有限公司"中國鐵道出版社有限公司，2021.（3）未來科技.HTML5+CSS3從入門到精通[M].北京：中國水利水電出版社，2018.3.期刊：（1）商業(yè)經(jīng)濟研究.中國商業(yè)經(jīng)濟協(xié)會.（2）中國商論.中國商業(yè)聯(lián)合會.（3）JournalofBusinessResearch.ElsevierBV.（4）管理科學與工程.漢斯出版社.（5）計算機學報.中國計算機學會;中國科學院計算技術研究所.4.網(wǎng)絡資源：（1）WEB技術教程：/（2）萬維網(wǎng)聯(lián)盟：/（3）菜鳥教程：/（4）網(wǎng)易公開課：/special/opencourse/designfortheweb.html（5）網(wǎng)頁設計與制作精品課程：/jxdg.htm七、課程考核對課程目標的支撐具體考核/評價細則及對課程目標的支撐關系見表4。表4課程考核對課程目標的支撐考核環(huán)節(jié)分值考核/評價細則課程目標123網(wǎng)頁設計50(1)主要考核網(wǎng)頁的設計、完成結果、代碼書寫。(2)教師根據(jù)網(wǎng)頁整體的完成情況評分?！獭?2235課程設計報告30(1)主要考核課程設計報告完成情況。(2)教師根據(jù)課程設計報告完成質量評分?！獭獭?2 135答辯20(1)主要考核學生答辯自述和回答問題情況。(2)教師根據(jù)答辯自述情況和回答問題正確性與否進行評分?！獭獭?510合計：100394120八、考核與成績評定1.考核方式及成績評定課程設計采用優(yōu)、良、中、及格、不及格五級評分制。即90分以上為優(yōu)，80~89分為良，70~79分為中，60~69分為及格，60分以下為不及格?？偝煽兎秩糠郑壕W(wǎng)頁設計成績、課程設計報告成績和答辯成績。其中：(1)網(wǎng)頁設計成績占50%；(2)課程設計報告成績占30%；(3)答辯成績占20%。2.過程性考核成績的標準過程性考核方式重點考核內容、評價標準、所占比重見表5。表5過程性考核方式評價標準考核方式所占比重(%)100>x≥90（優(yōu)秀）90>x≥80（良好）80>x≥70（中等）70>x≥60（及格）x<60（不及格）網(wǎng)頁設計50綜合運用html、css標簽與語法等，結果展示完整，網(wǎng)頁設計合理、美觀，內容豐富。綜合運用html、css標簽與語法等，結果展示完整，網(wǎng)頁設計較合理、美觀，內容豐富。綜合運用html、css標簽與語法等，結果展示較為完整，網(wǎng)頁設計較合理美觀、內容較豐富。綜合運用html、css標簽與語法等，結果展示基本完整，網(wǎng)頁設計基本合理美觀、內容基本豐富。綜合運用html、css標簽與語法等，結果展示不完整，網(wǎng)頁設計不合理，內容較少。課程設計報告30設計方案正確、表達清楚；設計思路、語法科學合理；達到課程設計規(guī)定的要求；排版質量較高設計方案正確、表達較為清楚；設計思路、語法科學合理；達到課程設計規(guī)定的要求；排版質量良好設計方案基本正確、表達較為清楚；設計思路、語法基本合理；基本達到課程設計規(guī)定的要求；排版質量一般設計方案基本正確、表達欠清楚；設計思路、語法基本合理；基本達到課程設計規(guī)定的