《網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)》教學(xué)大綱

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