《网站前端技术》 课程标准

《网站前端技术》课程标准【课程名称】网站前端技术 【课程编码】【课程类别】专业核心课 【适用专业】计算机相关专业【授课单位】 【总学时】74（课堂讲授62＋上机操作14）【教材】《网站前端技术》，梁玲、韩迎红、畅玉洁、王冬梅，航空工业出版社【编写执笔人】 【编写日期】1．课程性质和课程设计1.1课程性质《网站前端技术》是计算机科学与技术、软件工程、物联网工程等计算机相关专业的一门专业核心课，其以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及Java脚本语言的相关知识。该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。通过理论教学、实训或大作业等教学环节，使学生在网页制作的基本理论、方法和技能方面得到全面学习和系统训练，初步具备网页制作的能力，完成计算机人才所需网页制作方面知识和技能的基本训练。1.2课程设计思路为充分体现任务引领、项目导向的课程思想，本课程按照网页编辑职业的基本工作任务进行课程内容安排。整体课程内容的知识介绍以够用为度，操作技能力求熟练。教学评价采用阶段评价、过程评价与目标评价相结合，理论与实践一体化的评价模式。本课程设计注重专业领域的技术要求，围绕学生在网页制作与设计中容易出现的问题，展开课程体系和教学内容的设计。课程设计原则为突出学生的实际运用能力，同时，以项目任务为载体，以学生的个性训练和能力培养为主体，按照项目案例的实施过程，设计从简单到复杂、从容易到困难的网页设计案例，按照循序渐进的学习情景来展开，教学过程以项目实施的过程为主导，注重学生Web前端开发能力的培养。2．课程目标2.1总目标通过本课程的理论和实践教学，使学生具备网页编辑技能和相关理论知识，在掌握网页设计基本理论、基本知识的基础上，通过其他专业核心课的学习，能够承担设计网页、美化修饰网页以及基本的网站建设等任务。本课程要求学生能够熟练掌握网页设计的基本知识和技能；能够熟练使用JavaScript语言实现图片的特效设计，表单的提交验证，文字、图片、按钮、窗口的特效设计；掌握网页设计与制作技巧，能够熟练制作动态网页，能对网页进行创意美化，掌握网页设计与制作的相关技巧，胜任网页制作工作，具有独立设计网页和网站建设的能力。同时，培养学生诚实、守信、善于沟通和合作的品质、吃苦耐劳和客观科学的职业精神，为发展职业能力奠定良好的基础。2.2具体目标1.知识目标（1）了解本课程内容在Web开发领域的定位与作用；（2）了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景；（3）掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识；（4）掌握CSS中元素的语法、属性和参数等基础知识；（5）了解网页布局的几种方法，掌握使用CSS进行网页布局、样式设计的基础知识；（6）掌握JavaScript中的基本语法知识；（7）掌握JavaScript进行提交内容校验、生成网页特效等方法。2.能力目标（1）具备使用HTML制作包含基本内容的网页的能力；（2）具备使用HTML及CSS等技术来设计网页布局的能力；（3）具备使用JavaScript技术来提高网页交互性、体验性的能力；（4）具备综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页的能力；（5）具备根据具体应用需求，创新性地设计网页的能力。3.素质目标（1）培养学生具备克服困难解决问题的意志；（2）培养学生养成严谨认真的科学态度，耐心细致的工作作风；（3）培养具有较强的网页设计创意思维、艺术设计素质；（4）培养学生在学习过程中解决困难的能力；（5）培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；（6）培养具有高度责任心和良好的团队合作精神。3．课程内容与教学要求本课程分为六章内容，共72学时，具体安排如下表所示：学期所用教材课程内容学时分配第一学期《网站前端技术》第1章1.1认识网站与网页1.2网站建设技术方向1.3网站建设流程1.4行业优势与前景2276第2章2.1HTML基础2.2HTML52.3HTML头部2162.4HTML无语义标签2.5HTML文字相关标签22.6HTML图像标签2.7HTML超链接标签22.8HTML列表标签2.9HTML表单标签22.10HTML框架标签2.11HTML表格标签2.12HTML多媒体标签22.13HTML5新增常用标签及通用属性22.14HTML5新增表单控件及属性2.15综合案例——百度首页4第3章3.1了解CSS样式3.2CSS样式语法3.3CSS样式的引用方法2163.4CSS选择器23.5CSS的继承性、层叠性3.6CSS的尺寸与颜色3.7CSS文本控制23.8CSS盒子模型23.9CSS浮动和定位布局3.10CSS弹性布局（flex）23.11CSS表格控制3.12CSS列表控制3.13CSS多列控制3.14CSS过渡23.152D或3D转换3.16CSS动画控制23.173.18综合案例——制作婚礼策划机构首页2第4章4.1JavaScript概述4.2JavaScript语法4.3JavaScript常量与变量2124.4JavaScript数据类型4.5JavaScript运算符24.6流程控制语句4.7函数24.8数组4.9对象4.10JavaScript内置对象24.11正则表达式4.12文档对象模型DOM24.13浏览器对象模型BOM4.14综合案例——2第5章5.1JQuery捕获及创建HTML元素5.2JQuery设置及获取HTML相关内容或属性5.3JQuery设置HTML元素CSS样式245.4JQuery删除、查找及克隆元素5.5JQuery常用事件及典型案例5.6综合案例——轮播图2第6章6.1布局首页4126.2实现首页人机交互效果26.3制作其他页面6上机上机操作14144．课程实施4.1教学条件我校十分注重建设和完善网站前端技术教学设施，如多媒体教室、网络教学平台、网络数据库等。同时，我校有一支强大的师资队伍，可以为网站前端技术教学出谋划策。4.2教学方式建议（1）依托案例项目，构建宏观教学设计从具体网页设计遇到的实际问题出发，精心选取各种典型工作任务，构建课程的宏观教学设计。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。（2）启发式教学法教师讲课前，认真备课，精心设计教学内容。讲课过程中，给学生提问题的机会，启发学生作答，培养学生参与意识，启发教学由浅到深，利用生活中学生接触到的网页启发学生思考课程要讨论和学习的未知知识。运用多媒体、视频等辅助教学手段，将抽象的内容具体化。在老师的启发下，学生自己思考，循序渐进，逐步深入，使复杂问题简单化。（3）倡导多种学习方法，弘扬学生特长教学中把学生分为不同小组，小组同学一起探讨研究，确定较好的设计方案。同学们对自己的设计方案谈论对比，则可以巩固和加深对所学知识的理解和掌握，进而激发学生的学习兴趣，培养学生刻苦钻研的精神。（4）理论学习—实践操作—测验—总结在整个教学过程中，按理论学习—实践操作—测验—总结四个环节组织教学。安排一到二次小测验对提高学习效果和学习兴趣都能起到很好的作用。测验后，对阶段学习任务进行归纳和总结，能起到巩固和提高的作用。4.3教学评价与考核要求课程的教学评价由形成性测评（50%）和终结性测评（50%）组成，其考核要求如下：4.3.1形成性测评形成性测评考核学生在学习本课程过程中的学习情况和实际应用能力的发展情况，包括出勤考核（10%）、单元技能考核（20%）、作业完成质量考核（20%）等。（1）出勤考核本项考核通过课前点名考核学生的课堂出勤率。迟到15分钟以内每次扣1分，迟到15分钟以上或无故缺勤一节课每次扣2分，该项考核累计最多扣10分。（2）单元技能考核本项考核主要通过选择2—4个技能（参考如下），在上机实训中穿插进行考核。DOM程序设计：（本技能考核可选），考核内容：使用window、document对象和DOM标准接口进行页面动态设计。样式特效使用（本技能考核可选），考核内容：设计简单的页面，利用样式特效完成。图片背景特效制作（本技能考核可选），考核内容：设计页面，添加图片，完成图片的背景特效设计。表单验证特想（本技能考核可选），考核内容：设计一个页面，添加表单提交的各种验证。（3）作业完成质量考核本项考核主要通过学生作业来检测其对教学主体内容的掌握与理解程度、实际应用知识的能力、自主学习能力、信息收集与处理能力等。每次作业成绩按照相应标准而定，学生作业质量划分为优秀（10分）、良好（8分）、中等（7分）、及格（6分）和不及格（0分）五个档次。最后的作业成绩为学生作业完成质量成绩的平均数。4.3.2终结性测评终结性测评主要考核学生在学完本课程后所达到的水平，通过期末考试进行考核。期末考试由技能上机考核（50%）组成，主要评估学生对本门课程基本知识的掌握情况与综合运用能力。上级考核内容为：个人设计一个网站，内容自定，要求包含至少样式、浮动广告设计、表单验证功能，合理进行页面的布局和设计，具有一定的实用价值。5．课程资源开发与利用5.1教材使用（一）建议教材梁玲，韩迎红，畅玉洁，王冬梅．网站前端技术［M］．北京：航空工业出版社，2021．（二）参考书目［1］明日科技．零基础HTML+CSS+JavaScript学习笔记［M］．北京：电子工业出版社，2021．［2］莫振杰．HTML+CSS+JavaScript