1、Web前端技术基础课程标准一、课程基本信息课程名称Web前端技术基础课程代码034321023课程性质口公共必修课0专业必修课专业选修课口公共选修课专业核心课（是/否）否课程类型理论课（A类）团理论+实践课（B类）口实践课（C类）学分3学时48理论学时24实践学时24适用专业（方向）大数据技术开设学期第1学期先修课程无后续课程数据采集技术、数据可视化技术与应用对接1+X证书名称Web前端开发职业技能等级证书证书级别中级建议使用职业教育国家规划教材“十三五”职业教育国家规划教材，HTML5+CSS3网站设计基础教程（第2版），黑马程序员主编，人民邮电出版社，2019年11月第2版二、课程性质与任
2、务（一）课程性质CVeb前端技术基础课程是为大数据技术专业开设的一门专业基础课。贯彻国家“立德树人”的教育方针，创新实践学校“理实一体虚实结合工匠工坊”的人才培养模式,依托学校双高专业群建设和职业教育提质培优行动计划任务，本课程基于OBE理念设计,聚焦HTML网页技术、CSS样式应用、JavaScript动态行为典型工作任务，培养具有爱岗、敬业优秀品质和工匠精神的“会设计、善管理、懂技术、知新规，通实施”的高素质技术技能型人才。本课程是依据专业人才培养目标和相关职业岗位（群）的能力要求而设置的。本课程的后续课程有数据采集技术、数据可视化技术与应用等O（二）课程任务本课程主要讲授HTML网页技术
3、CSS样式应用、JaVaSCriPt动态行为等内容，培养面向软件与信息服务领域从事Web前端开发的高素质技术技能人才，对本专业岗位所需要的知识、技能和素质目标的达成起支撑作用。课程将思政元素有机融入课程教学，培养学生的综合素质。（三）课程设计思路本课程是以大数据技术专业所涵盖的岗位群进行任务与职业能力分析，对接“1+X”职业技能等级证书以及全国职业院校技能大赛，以任务驱动、就业为导向，根据本专业学生的认知特点，以学生职业能力、素质培养为目标，选取课程教学内容，并为学生可持续发展奠定良好的基础。三、课程目标与要求（一）课程目标1.素质目标（I）培养诚实、守信、坚韧不拔的性格；（2）培养善于沟通
4、表达、善于自我学习、具备团队协作的能力；（3）养成规范的编码、按时交付软件等良好的工作态度；（4）培养学生分析问题、解决问题及创造思维能力。2.知识目标（1）掌握站点和网页的管理；（2）掌握HTML基础知识和常用文本元素、图像元素、多媒体元素、超链接元素、列表元素、表格元素和表单元素；（3）掌握CSS基础知识，包括基础选择器、字体文本样式属性、高级特性等；（4）掌握CSS盒子模型及相关属性；（5）掌握CSS布局，重点是相对定位和绝对定位；（6）掌握JaVaSCriPt基础知识、程序控制结构、常用对象、事件编程3.能力目标（1）能使用HTML制作包含基本内容的网页；（2）能使用HTML及CSS等
5、技术来设计网页布局；（3）学会使用JaVaSCriPt技术来提高网页交互性、体验性；（4）学会综合使用HTML、CSS与JaVaSCriPt的相关知识，来丰富、渲染网页；（5）能根据具体应用需求，创新性地设计网页（二）课程要求课程单元任务名称（含子任务）要求HTML网页技术任务1管理站点和网页任务2HTML基础任务3HTML常用文本元素任务4HTML图像和多媒体元素任务5超链接和列表元素任务6表格元素任务7表单元素掌握站点和网页的管理；掌握HTML基础知识和常用文本元素、图像元素、多媒体元素、超链接元素、列表元素、表格元素和表单元素CSS样式运用任务ICSS基础任务2CSS文本相关样式任务3C
6、SS高级特性任务4盒子模型及属性任务5CSS布局掌握CSS基础知识,包括基础选择器、字体文本样式属性、高级特性等；掌握CSS盒子模型及相关属性；掌握CSS布局，重点是相对定位和绝对定位；JavaScript动态行为任务IJavaScript基础知识任务2JavaScript程序控制结构任务3JavaScript常用对象任务4JavaScript事件编程任务5JavaScript综合实例掌握JaVaSCriPt基础知识、程序控制结构、常用对象、事件编程四、课程结构与内容（一）课程结构与学时分配情景名称项目名称任务名称（含子任务）任务学时项目学时HTML网页技术HTML网页技术任务1管理站点和网页
7、任务2HTML基础任务3HTML常用文本元素任务4HTML图像和多媒体元素任务5超链接和列表元素任务6表格元素1616任务7表单元素CSS样式运用CSS样式运用任务ICSS基础任务2CSS文本相关样式任务3CSS高级特性任务4盒子模型及属性任务5CSS布局1414JavaScript动态行为JavaScript动态行为任务IJaVaSCriPt基础知识任务2JavaScript程序控制结构任务3JavaScript常用对象任务4JavaScript事件编程任务5JavaScript综合实例1818（二）课程内容与要求（可自定义表格）教学情境教学项目教学内容教学目标教学重难点教学建议学时HTML
8、网页技术HTML网页技术任务1管理站点和网页任务2HTML基础任务3HTML常用文本元素任务4HTML图像和多媒体元素任务5超链接和列表元素任务6表格元素任务7表单元素素质目标：学生的自主学习能力知识目标：1 .掌握站点和网页的管理；2 .掌握HTML基础知识和常用文本元素、图像元素、多媒体元素、超链接元素、列表元素、表格元素和表单元素能力目标：能根据不同的场景选择合适的网页元素。思政目标：重点：HTML元素难点:HTML元素教学方法：案例教学法、任务驱动法教学环境：机房161 .培养学生爱国情怀和文化自信；2 .培养学生安全意识。CSS样式运用CSS样式运用任务ICSS基础任务2CSS文本相
9、关样式任务3CSS级特性任务4盒子模型及属性任务5CSS布局素质目标：培养学生的职业道德意识。知识目标：1 .掌握CSS基础知识，包括基础选择器、字体文本样式属性、高级特性等；2 .掌握CSS盒子模型及相关属性；3 .掌握CSS布局，重点是相对定位和绝对定位；能力目标：能设置合适的CSS样式。思政目标：引导学生理解职业规范，培养职业行为道德。重点：CSS基础难点：CSS高级特性和布局教学方法：任务驱动法，案例教学法。教学环境：机房14JavaScript动态行为JavaScript动态行为任务1JavaScript基础知识任务2JavaScript程序控制结构任务3JavaScript常用对象
10、素质目标：培养团结合作意识。知识目标：掌握JavaScript基础知识、程序控制结构、常用对象、事件编程能力目标：提高分析问题和解决问题的重点：JavaScript基础难点：JavaScript事件编程教学方法：任务驱动法，案例教学法。18任务4JavaScript事件编程任务5JavaScript综合实例能力。思政目标：引导学生注重效率和规范。教学环境：机房(三)课程思政实施要求本课程立足于Web前端开发角度，从网页设计与制作方面规范和指导网站开发的全过程。在Web前端技术基础教学中，重点从强化创新意识、科学素养、处事哲理等方面着手开展课程思政教学。结合本课程教学内容，将积极向上的生活态度、
11、勇于探索、不断创新的科学精神、严谨细致的工匠精神、坚定不移的爱国精神等思政元素有机融入课程教学，全面渗透到教学全过程。(四)1+X证书内容融入Web前端开发职业技能等级证书主要面向IT互联网企业、互联网转型的传统型企事业单位、政府部门等的网页制作与设计、网站规划与设计、网站开发等岗位，从事静态网页开发、响应式网页开发、移动端网页开发、网站开发与维护、网站规划与建设、网站架构设计、网站接口开发、网站性能优化等工作岗位，对应大数据技术专业能够从事网页制作与设计、网站规划与设计、网站开发等工作的高素质技术技能人才的培养目标。因此将中级证书静态网页制作部分融入到网页设计与制作课程中，提升学生的专业技能
12、五、学生考核与评价形成性评价教学阶段考核项目考核方式考核占比课前(20%)预习任务布置任务提交40%课中(50%)考勤、提问、表现考勤、提问等课堂表现实验报告和源码提交课堂练习和实验课后(20%)知识、原理及应用作业提交增值评价(10%)(职业核心能力和职业素养)素质目标达成考察日常考察课程考试提交作品60%增值评价（社会价值）参加技能大赛、职业资格证书考核、职业技能等级证书考核等情况计分学分认定、成绩置换六、教学实施与保障（一）教学要求1.教学楼的多媒体教室。2.国家级虚拟仿真实训基地的大数据技术专业相关实训室。（二）教学方法本课程充分运用数字教学资源进行授课，配合“职教云App”开展教学
13、该课程的配套教学资源，由经验丰富的教师录制并上传到“职教云平台”；课前由学生自行学习视频课程；课中，教师根据测试题目确定教学重点和难点，并开展有针对性的讲授；课后，运用“职教云App”布置课后作业并与学生进行沟通互动。在课堂教学中，灵活运用多种教学方法，有效地调动了学生的学习积极性，激发学生的潜能，培养学生的创新精神与实践能力，包括“项目组教学法”、“启发式教学法”、“案例教学法”、“体验式教学法”、“角色扮演教学法”、“竞争激励教学法”等，采用边学边练的方式，配有大量的实际应用例子，每完成一个情境的讲解后都要求学生应用该技术解决实际的案例。通过多媒体设备辅以教学，提高教学效果。（三）教学手
14、段依据模块内容，结合探究式学习、自主式学习、项目式学习等，教学手段采用边学边练的方式，配有大量的实际应用案例，并通过多媒体设备辅以教学，提高教学效果。配合教学方法，倡导使用多元化以学生为中心的学习方法来指导学生，在理论知识介绍之后，通过案例和典型实战，由简单到复杂、逐步递进式的完成教学任务。（四）教学资源1 .教材十三五”职业教育国家规划教材,网页设计与制作任务驱动教程（第3版）,陈承欢主编，高等出版社，2017年5月出版2 .参考资料：HTML5+CSS3网站设计基础教程（第2版），黑马程序员主编，人民邮电出版社，2019年11月出版3 .课程资源库：网页设计与制作在线开放课程（五）实训条件
15、1.校内实训条件软件与大数据学院占地面积约3000平米、拥有专业实训室28间的国家级虚拟仿真实训基地。4 .校外实训基地自主填写（六）师资队伍承担本门课程教学任务的专任或兼职教师要求具备以下条件：1 .良好的职业和个人素养，具有团队精神，责任感强；2 .熟悉高职教育规律、实践经验丰富、教学效果好；3 .具有熟练的网站建设能力；4 .具有“1+X”职业等级证书考前培训经验或者网站开发的企业工作经验;5 .具有很强的指导能力解决学生在学习中出现问题的能力和经验；6 .具备专业知识、教育学知识的“双师”。七、授课进程与安排序号教学内容学时类型1HTML网页技术16传授新知识2CSS样式运用14传授新知识、培养技能、技巧（含案例实践）3JavaScript动态行为18传授新知识、培养技能、技巧（含案例实践）
免费区 
