工程实践必修课程《Web前端开发综合实训》 课程教学大纲

字体、字号请参考范例注意：首字母大写植物拉丁学名斜体字体、字号请参考范例注意：首字母大写植物拉丁学名斜体一、课程简介课程中文名Web前端开发综合实训课程英文名Webfront-enddevelopmentofcomprehensivepracticaltraining双语授课£是R否课程代码10114093课程学分2周（学时）2周（48学时）课程类别□专业认知实习□专业见习工程实训□毕业实习□其他课程性质必修□选修□其他课程形态□线上线下□线上线下混合式□社会实践□虚拟仿真实验教学考核方式□闭卷开卷□课程论文课程作品£汇报展示£报告课堂表现□阶段性测试□平时作业□其他（可多选）开课学院大数据与智能工程学院开课系(教研室)计算机科学与技术面向专业计算机科学与技术开课学期第3学期先修课程计算机基础后续课程服务器端开发技术、移动应用程序设计选用教材李磊.JavaEE企业级应用开发实战（SpringBoot+Vue+Element）[M],北京:人民邮电出版社,2023.参考书目温谦.HTML5+CSS3+JavaScriptWeb开发案例教程[M].北京:人民邮电出版社,2022.课程资源1./course//BFU-1003382003?from=searchPage&outVendor=zw_mooc_pcssjg_2.课程简介本课程实践性强，通过实训，使学生巩固Web前端基础理论知识、前端开发技术、Web测试技术等知识，具备较强动手能力，能够适应各种前端开发岗位工作的复合应用型人才，可以从事Web前端开发、移动端开发、软件测试、系统维护、解决方案设计等工作。课程采用任务驱动,让学生在完成任务的基础上,进一步掌握动态网页设计的基本流程及方法。二、课程目标表2-1课程目标序号具体课程目标课程目标1巩固和提高HTML5、CSS以及JavaScript的基本知识的理解和应用，深入掌握网站网页开发流程，提高网站网页设计和开发综合能力，能应用课程综合知识对项目进行具体分析、提出可行的解决方案。课程目标2能综合运用课程知识进行正确的需求分析，根据需求分析进行项目功能规划，设计布局合理、色彩搭配美观、易于操作的网站网页，项目文件系统合理，代码规范，可读性强，可维护性强，能搜集数据进行项目测试，具备网站发布和运维能力，能撰写项目文档。课程目标3具有较强的沟通、理解和协调能力，能准确理解客户需求；不因循守旧，有较强的创新思维能力，能开发出有创新点的网页；具有团队意识，能协作开发项目；能做到随时跟踪web前端开发发展前沿，及时掌握Web前端开发新技术；在解决比较复杂的问题时，具有把握全局、统筹规划的能力，具有认真务实、诚实守信的职业道德；及时掌握国家相关方面的科技战略需求，树立强烈的爱国主义使命感与责任心。表2-2课程目标与毕业要求对应关系（计算机科学与技术专业）毕业要求指标点课程目标毕业要求2：能够应用数学、自然科学和工程科学的基本原理，识别、表达、并通过文献研究分析计算机复杂工程问题，以获得有效结论。【M】2.4能够通过文献查阅等进一步分析计算系统方案设计、开发和应用问题，并规范地表达。课程目标1毕业要求3：能够基于科学原理并采用科学方法对计算机复杂工程问题进行研究，设计实验、分析与解释数据，并能通过信息综合得到合理有效结论。【H】3.5能够在计算机软件系统的设计与实现中，综合考虑社会、健康、安全、法律、文化以及环境因素，并进行计算机软件系统测试、维护或优化升级。课程目标2毕业要求5：能够针对计算机复杂工程问题，开发、选择与使用恰当的技术、资源、现代工程工具和信息技术工具，包括对计算机复杂工程问题的预测与模拟，并能够理解其局限性。【L】5.3能够对与计算机软件系统开发相关的复杂工程问题进行预测与模拟所获数据进行分析，并给出解释。课程目标3三、教学内容及要求（一）学习内容1、HTML语言：文本标记、多媒体标记、超链接标记、结构标记、表格标记、表单标记2、CSS语言：选择器、文本格式化、图片格式化、表格和表单格式化、页面布局3、JavaScript语言：变量和数据类型、表达式、函数、异常处理、常用内置对象、BOM对象、操作DOM节点4、网页开发流程：需求分析、功能规划、页面设计、测试和发布（二）时间安排序号时间安排实训内容141.网站设计流程示范讲解2.优秀网站解析26选题需求分析功能规划34材料收集和处理48主页设计624页面设计102综合测试和发布总计48（三）工作流程1、网站设计流程示范讲解2、优秀网站解析3、选题4、需求分析5、功能规划6、材料收集、处理7、网站风格设计、主页设计、各页面设计8、网站测试9、网站发布10、项目文档（四）业务指导顾和明、陈学文、徐儒四、课程考核（一）考核内容与考核方式表4-1课程目标、考核内容与考核方式对应关系课程目标考核内容所属环节考核占比考核方式课程目标11.HTML语言课程基础知识35%实训日志课堂表现团结协作课程设计作品课程设计报告2.CSS语言3.JavaScript语言4.项目分析课程目标21.项目需求分析分析问题、解决问题40%实训日志课堂表现团结协作课程设计作品课程设计报告2.功能规划3.网站风格设计4.实现网页编码5.测试和发布6.项目文档课程目标31.前沿新知识运用综合素养25%实训日志课堂表现团结协作课程设计作品课程设计报告2.创新能力3.沟通能力4.团队协作能力表4-2课程目标与考核方式矩阵关系课程目标考核方式考核占比实训日志20%课堂表现12%团结协作8%课程设计作品36%课程设计报告计24%课程目标145%40%40%30%30%35=20%*45+12%*40%+8%*40%+36%*30%+24%*30%课程目标240%50%40%50%20%40=20%*40+12%*50%+8%*40%+36%*50%+24%*20%课程目标315%10%20%20%50%25=20%*15+12%*10%+8%*20%+36%*20%+10%*24%（二）成绩评定1.平时成绩评定平时成绩的评定根据学生在综合课程设计过程中项目的参与情况、学生在小组中协调、沟通的能力和平时考勤来评定。平时成绩（100%）=实训日志（50%）+课堂表现（30%）+团结协作（20%）2.期末成绩评定期末成绩的评定为课程设计作品成绩课程设计报告文档成绩两部分组成。期末成绩（100%）=课程设计作品（60%）+课程设计报告（40%）3.总成绩评定总成绩（100%）=平时成绩（40%）+期末成绩（60%）评分标准1.平时成绩1）课堂表现（30分）：通过学生在课堂上的表现情况、提问与回答、与教师互动情况，评价学生相关的能力。2）课堂任务完成（50分）：课堂中需要完成的实训内容。3）团队协作（20分）：学生在课堂任务过程中协调、沟通等的情况。2.项目文件、源程序和答辩1）主题（15分）（1）内容健康、充实且积极向上；（2）内容具有观赏性、普及性、艺术性、可读性，语言文字有特色；（3）突出主题，全站点围绕一个主题及其周边内容进行建设；（4）设计思路清晰，明确表达设计意图。2）内容（25分）（1）页面内容清晰明了，文字内容通顺，无错别字；（2）子页面及父页面方便返回访问，打开/关闭窗口较为轻易；（3）浏览页面时不得出现乱码，无因布局不合理而出现的表格错位情况；（4）图片使用得当，网页内各个元素搭配合理，页面美观。3）技术（30分）（1）将课程所学网页技术充分应用；（2）应用框架技术进行页面布局、制作导航等等；（3）实现页面内容与格式分离。4）艺术性（10分）（1）页面具有较强的个人设计创意；（2）网页整体风格创意，色彩搭配鲜明，内容布局合理。5）答辩（20分）五、其他说明本课程大纲依据2023版计算机科学与