《网页设计课程设计》教学大纲

《网页设计课程设计》教学大纲适用范围：2022版本科人才培养方案课程代码：09160104课程性质：集中实践课学分：1学分周数：1周先修课程：信息处理技术并修课程：网页设计适用专业：跨境电子商务开课单位：经济学院一、课程说明《网页设计课程设计》是跨境电子商务专业教学计划所设的集中实践教学环节。主要以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握html基本语法格式、HTML5新增元素、CSS基础知识、CSS3的相关知识，熟悉W3C规范，理解HTML5、CSS3的语法规则，掌握常用的Web页面布局技术，理解并能够应用HTML5+CSS3进行页面排版布局，最终能够综合使用所学技术编写符合标准的Web页面。二、课程目标通过本课程的学习，使学生达到如下目标：课程目标1：了解Web前端开发技术的相关概念、设计思想、开发技术及发展趋势；理解Web前端页面设计的基本理论和排版原则、核心知识点等；掌握HTML5、CSS3语法规则、盒模型、HTML5+CSS3排版布局的基础知识。课程目标2：能够获取专业前沿知识、技能，有自主学习、可持续发展及相关创新能力；能够熟练运用Web前端开发技术，能够借助合适的软件工具，完成Web前端页面设计与制作。课程目标3：能够清晰表达网页的设计思路、方案及效果等，并能与同行及公众进行沟通和交流；具有基本的审美意识和审美观，能够根据实际需求选择合适的网页色彩；能够在网页设计制作中坚持细致耐心的工作态度，具有精益求精的工匠精神。三、课程目标与毕业要求《网页设计课程设计》课程教学目标对跨境电子商务专业毕业要求的支撑见表1。表1课程教学目标与毕业要求关系毕业要求指标点课程目标支撑强度1.学科专业知识1.2掌握计算机科学与技术相关知识，并能将其应用于解决跨境电子商务相关问题。课程目标1：了解Web前端开发技术的相关概念、设计思想、开发技术及发展趋势；理解Web前端页面设计的基本理论和排版原则、核心知识点等；掌握HTML5、CSS3语法规则、盒模型、HTML5+CSS3排版布局的基础知识。M5.使用现代工具5.1了解专业常用的信息技术工具、专业软件的使用原理和方法，并理解其局限性。课程目标2：能够获取专业前沿知识、技能，有自主学习、可持续发展及相关创新能力；能够熟练运用Web前端开发技术，能够借助合适的软件工具，完成Web前端页面设计与制作。M5.2能够选择与使用恰当的工具和软件，对跨境电商市场规模、产品价格、销售数据及产品表达等进行分析、计算与设计。课程目标2：能够获取专业前沿知识、技能，有自主学习、可持续发展及相关创新能力；能够熟练运用Web前端开发技术，能够借助合适的软件工具，完成Web前端页面设计与制作。H9.个人和团队9.1理解团队合作的重要性，具有与团队成员或负责人协调合作的团队精神和能力，能够在多学科背景下的团队中独立或合作开展工作并发挥作用。课程目标3：能够清晰表达网页的设计思路、方案及效果等，并能与同行及公众进行沟通和交流；具有基本的审美意识和审美观，能够根据实际需求选择合适的网页色彩；能够在网页设计制作中坚持细致耐心的工作态度，具有精益求精的工匠精神。M注：表中“H（高）、M（中）”表示课程与相关毕业要求的关联度。四、教学内容、基本要求与学时分配教学内容、基本要求与学时分配见表2。表2教学内容、基本要求与学时分配教学内容教学要求，教学重点难点课时安排对应的课程目标1.查阅资料，确定网页设计主题，进行网页整体设计及规划教学要求：采用多媒体授课，以网页设计的过程为设计要求，下达任务书。学生根据任务书查阅资料、熟悉题目的具体内容及其相关原理。最终学生可根据实际情况讨论、确定网页主题。根据需求分析设计页面版块，画出网页规划图。重点：网页设计需求分析。难点：网页设计规划。0.5天1、22.各个版块的设计与实现，网页整合与测试教学要求：使用网页设计的原理及技术对所设计规划的网页各个版块进行表达与实现，各网页链接能够自由跳转。将各个版块进行整合，进行网页测试，保证网页完整性、流畅性。重点：各个版块的设计与实现、网页整合。难点：各个版块的设计与实现。3天1、2、33.课程设计报告教学要求：根据网页的设计实现过程编写课程设计报告书，报告应配有网页各部分代码和结果截图。重点：设计报告的编写。难点：编写的格式和内容。1天2、34.答辩教学要求：答辩是考核课程设计是否达到基本要求和相应水平的关键环节。考核内容包括学生对网页设计方法的运用。教师提问的内容包括选题、代码设计、运行结果展示、课程设计报告的设计等。重点考察学生课程设计报告的质量，设计过程中的态度。同时检查设计创新性、工作量、有无违反学术规范现象等，提出改进意见。重点：相关技术与设计的整体考核。难点：课程设计质量的检验。0.5天1、2、3合计5天（1周）五、教学方法及手段由于课程内容与实践紧密结合，学生应根据课程设计手册或任务书，以自学为主、教师讲授为辅，学会综合应用各种网页设计的方法，培养自主学习能力、实际动手能力及创新思维。学生分组完成任务书规定的内容，分工配合，团队协作，培养了学生的团队精神。六、课程资源1.推荐教材：（1）范伊红.基于HTML5的网页设计及应用（第2版）[M].北京:电子工业出版社,2022.（2）朱金华.网页设计与制作[M].北京:机械工业出版社,2021.2.参考书：（1）秦凤梅,何桂兰.网页设计与制作项目案例教程(第2版)[M].北京：电子工业出版社.2021.10.（2）黑马程序员.网页设计与制作（HTML+CSS）[M].北京：\o"中国铁道出版社有限公司"中国铁道出版社有限公司，2021.（3）未来科技.HTML5+CSS3从入门到精通[M].北京：中国水利水电出版社，2018.3.期刊：（1）商业经济研究.中国商业经济协会.（2）中国商论.中国商业联合会.（3）JournalofBusinessResearch.ElsevierBV.（4）管理科学与工程.汉斯出版社.（5）计算机学报.中国计算机学会;中国科学院计算技术研究所.4.网络资源：（1）WEB技术教程：/（2）万维网联盟：/（3）菜鸟教程：/（4）网易公开课：/special/opencourse/designfortheweb.html（5）网页设计与制作精品课程：/jxdg.htm七、课程考核对课程目标的支撑具体考核/评价细则及对课程目标的支撑关系见表4。表4课程考核对课程目标的支撑考核环节分值考核/评价细则课程目标123网页设计50(1)主要考核网页的设计、完成结果、代码书写。(2)教师根据网页整体的完成情况评分。√√22235课程设计报告30(1)主要考核课程设计报告完成情况。(2)教师根据课程设计报告完成质量评分。√√√12 135答辩20(1)主要考核学生答辩自述和回答问题情况。(2)教师根据答辩自述情况和回答问题正确性与否进行评分。√√√5510合计：100394120八、考核与成绩评定1.考核方式及成绩评定课程设计采用优、良、中、及格、不及格五级评分制。即90分以上为优，80~89分为良，70~79分为中，60~69分为及格，60分以下为不及格。总成绩分三部分：网页设计成绩、课程设计报告成绩和答辩成绩。其中：(1)网页设计成绩占50%；(2)课程设计报告成绩占30%；(3)答辩成绩占20%。2.过程性考核成绩的标准过程性考核方式重点考核内容、评价标准、所占比重见表5。表5过程性考核方式评价标准考核方式所占比重(%)100>x≥90（优秀）90>x≥80（良好）80>x≥70（中等）70>x≥60（及格）x<60（不及格）网页设计50综合运用html、css标签与语法等，结果展示完整，网页设计合理、美观，内容丰富。综合运用html、css标签与语法等，结果展示完整，网页设计较合理、美观，内容丰富。综合运用html、css标签与语法等，结果展示较为完整，网页设计较合理美观、内容较丰富。综合运用html、css标签与语法等，结果展示基本完整，网页设计基本合理美观、内容基本丰富。综合运用html、css标签与语法等，结果展示不完整，网页设计不合理，内容较少。课程设计报告30设计方案正确、表达清楚；设计思路、语法科学合理；达到课程设计规定的要求；排版质量较高设计方案正确、表达较为清楚；设计思路、语法科学合理；达到课程设计规定的要求；排版质量良好设计方案基本正确、表达较为清楚；设计思路、语法基本合理；基本达到课程设计规定的要求；排版质量一般设计方案基本正确、表达欠清楚；设计思路、语法基本合理；基本达到课程设计规定的