计算机网络技术专业《前端技术基础》课程标准

《前端技术基础》课程标准二级学院：智能制造与信息工程学院执笔人：徐巧格审核人：制定日期：2022年7月陕西能源职业技术学院一、课程信息表1课程信息表课程名称前端技术基础开课院部智能制造与信息工程学院课程代码考核性质考试前导课程信息技术后续课程软件测试、网络安全技术、网站建设与开发总学时56课程类型理论课是□实践课是□理论+实践是□理实一体化是eq\o\ac(□,√)适用专业计算机网络技术专业二、课程性质1.课程性质本课程是计算机网络技术专业必修的一门专业基础课程，是在学习了计算机应用基础课程，具备了基本的计算机应用能力和编程思维及能力的基础上，开设的一门理实一体化的课程，其功能是对接专业人才培养目标，面向程序员工作岗位，培养学生网页设计及网页中图形设计、动画设计的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力，为后续Python编程、javascript、asp/jsp等课程学习奠定基础的专业基础课程。2.课程功能定位表2课程功能定位分析对接的工作岗位对接培养的职业岗位能力程序员能分析开发需求的概要和细节；能编写、提交模块设计详细文档；能编写HTML代码，进行网页设计；能验证程序代码的正确性和模块功能的实现程度。三、课程目标与内容1.课程总目标基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网络媒体内容的主要承载物——网页，有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠基础。2.课程具体目标表3课程教学目标与内容序号毕业要求指标点知识目标技能目标素质目标教学内容1能熟悉网页基础知识、HBuilder创建简单的网页。1.了解Web标准及网页相关基本概念2.熟悉HTML、CSS以及JavaScript语言的发展史1.掌握HBuilder工具的基本操作2.能够使用HBuilder创建简单的网页。具有较强的网页设计创意思维、艺术设计素质网页制作基础知识2能熟悉HTML5语法、常用文本标记、图像标记HTML文档图文混排。1.掌握HTML文档结构2.了解HTML文档头部相关标记3.熟悉HTML文本控制标记4.掌握HTML图像标记5.掌握超连接1.掌握图文混排页面的制作2.学会制作图文混排页面3．学会使用链接具有较强的网页设计创意思维、艺术设计素质HTML3能使用列表标记、表单控件等进行页面布局1.掌握无序列表、有序列表及定义列表标记2.熟悉列表的嵌套1.能够使用无序列表、有序列表及定义列表2能够使用表格并对页面进行布局具有较强的网页设计创意思维、艺术设计素质列表标记3.理解表格的创建4.掌握表格样式的控制5.掌握表单相关标记6.熟悉表单样式的控制3.能够创建具有相应功能的表单控件4.学会通过控制表单样式美化表单界面具有较强的网页设计创意思维、艺术设计素质表单表格4能熟练掌握CSS样式与应用1.了解CSS样式规则2.掌握CSS字体样式及文本外观3.熟悉CSS复合选择器4.掌握CSS层叠性、继承性与优先级1.掌握引入CSS样式表的不同方式2.学会控制页面中的文本外观样式具有较强的网页设计创意思维、艺术设计素质CSS5能熟练掌握实用CSS盒子模型1.了解盒子模型的概念2.掌握盒子模型相关属性3.掌握元素的类型的转换能够熟练掌握CSS盒子模型样式具有较强的网页设计创意思维、艺术设计素质盒子模型6能熟练使用DIV标记对页面进行布局掌握元素的浮动与定位能够使用DIV标记与浮动样式对页面进行布局具有较强的网页设计创意思维、艺术设计素质浮动与定位7能够熟练掌握多媒体技术，在网页中插入图像、音频、视频、动画等。掌握插入多媒体视频、音频、动画等能够熟练掌握多媒体技术具有较强的网页设计创意思维、艺术设计素质多媒体技术8能够熟悉CSS3高级应用掌握CSS3的过渡、变形、动画效果能够熟练掌握CSS3的过渡、变形、动画效果具有较强的网页设计创意思维、艺术设计素质CSS3高级应用9能够掌握掌握html5的结构元素、画布等1掌握HTML5的结构元素，分组元素和页面交互元素等。2掌握画布的简单应用能够熟练使用HTML5的结构元素等具有较强的网页设计创意思维、艺术HTML5及应用表4课程教学安排序号项目（模块）任务（单元）教学内容重点、难点、考核点课程思政元素学时1项目一网页设计基础网页制作基础知识1.1网页制作相关基础知识1.2开发工具的使用重点：网页基础知识的了解，HBuilder工具的安装与使用难点：HBuilder工具的安装与使用IT行业42项目二HTML基础HTML基础1.1认识HTML1.2HTML文本控制标记1.3HTML图像标1.4超链接重点：HTML、HTML文本控制标记、HTML图像标记、超链接难点：HTML页面图文混排、超链接传统文化83项目三HTML进阶HTML列表、表单等1.1掌握无序列表、有序列表及定义列表标记1.2列表的嵌套1.3.表格的创建及表格样式的控制1.4.表单及表单样式的控制重点：有序列表、无序列表、表单及表格难点：表单、列表传统文化64项目四CSS入门CSS样式1.1CSS核心基础1.2CSS控制文本样式1.3CSS高级特性重点：CSS控制文本样式难点：CSS高级特性编码规范65项目五CSS盒子模型盒子模型1.1认识盒子模型1.2盒子模型相关属性1.3元素的类型的转换重点：盒子模型相关属性难点：盒子模型相关属性编码规范66项目六浮动与定位浮动与定位1.1元素的浮动1.2元素的定位重点及难点：元素的浮动与定位工匠精神67项目七多媒体技术多媒体插入1．1HTML5多媒体的特性1.2多媒体的支持条件1.3嵌入视频和音频1.4设置视频的宽和高1.5HTML5音、视频的方法和事件重点：嵌入视频和音频、设置音视频的宽和高难点：嵌入视频和音频工匠精神48项目八Css高级应用CSS3的高级应用过渡变形动画重点：CSS3的过渡、变形、动画效果难点：制作CSS3动画细节决定成败69项目九Html5及应用HTML51.1HTML5的结构元素1.2分组元素1.3页面交互元素等。1.4画布重点：HTML5的结构元素、分组元素和页面交互元素，画布。难点：HTML5的结构元素、分组元素编程发展史8四、课程考核本课程成绩由过程考核成绩和综合考核成绩组成，综合考核成绩占成绩的50%，过程考核成绩占成绩的50%。考核模块考核内容过程考核（50%）基本素质模块（10%）出勤情况不迟到、不早退、出满勤、有事配假条课堂纪律认真听讲、记笔记、积极发言、遵守安全操作规程作业与实训报告（10%）作业书写规范、实训报告规范、正确率、创新能力任务技能实训（30%）HTML网页创建CSS样式盒子模型的使用列表标记的使用表单的使用综合网页设计综合考核（50%）项目测验（10%）考核网页设计思想和布局、实施能力。期末考试（40%）考核web应用程序课程的重要知识点、考核点。五、实施要求1.授课教师基本要求取得高校教师职业资格证书和教学合格证书；具有硕士以上学历或学位；具有计算机应用技术专业或学科学习背景；具有教学设计能力、教学实施能力、教学研究能力、信息技术应用能力以及网页设计能力和企业实践经历；具有双师素质教师资格；取得网页设计师职业资格证书或技能等级证书。2.实践教学条件要求（1）校内实训室表5SDN创新技术实训室实训室（中心）名称SDN创新技术实训室面积100m2序号核心设备数量备注1配置计算机45台配置WiFi环境，安装Office套件、云管理平台软件，VS集成开发环境，Eclipse软件。2服务器4台3SDN控制器1台4SDN核心交换机2台5SDN接入交换机6台（2）校外实习基地表6HTML+CSS+DIV课程校外实习基地序号校外实训基地名称合作企业名称校外实训基地功能接纳学生人数备注1启光实训基地西安启光信息技术有限公司能够提供开展网络系统集成、网络运行与维护、网络应用开发等实训活动80实训设施齐备，实训管理及实施规章制度齐全。3.教学方法与策略在教学过程中，教师要依据以行动为导向的教学方法，在课程教学过程中，重点倡导“要我学”改为“我要学”的学习理念，突出“以学生为中心”，加强创设真实的企业情境，强调探究性学习、互动学习、协作学习等多种学习策略，充分运用行动导向教学法，采用任务驱动教学法、项目教学法、小组协作学习、角色扮演教学法、案例教学法、引导文教学法、头脑风暴法、卡片展示法、模拟教学法、自主学习等多种教学方法，践行“做中学”，教学过程突出“以学生为中心”，从而促进学生职业能力的培养，有效地培养学生解决问题的能力及可持续发展的能力。在课外活动中，专业要结合学生的不同生源特点，开展内容丰富的第二课堂活动，任课教师对学生进行理论知识辅导与实训操作指导，针对普通高中生源的学生，侧重计算机基本操作及专业课程的实训操作训练指导；针对“三校生”生源的学生，侧重理论性课程中知识概念理解的辅导及专业课程的实训操作训练指导；从而使不同生源的专业学生能够尽快适应高职专业课程的学习。本课程基于工作过程一体化、理-实一体结合等教学理念，主要采用讲授法、案例法、实践法等教学方法和探索式、操作式等学习方法，依托职教云、在线开放课程、云课堂等信息化教学平台实施教学。4.教材、数字化资源选用表7HTML+CSS+DIV课程教材选用表序号教材名称ISBN教材类型编者出版社出版日期1使用HTML语言开发商业站点9787562532361基本教材（计算机类）封力煊，张大新中国地质大学2010.022HTML5网页前端设计9787302463597其它周文洁清华大学出版社2017.093HTML+CSS+JavaScript网页制作案例教程9787115296580工业和信息化人才培养规划教材传智播客教产品研发部人民邮电出版社2017.06表8HTML+CSS+DIV课程参考教材选用表序号教材名称ISBN教材类型编者出版社出版日期2Web前端开发简明教程（HTML+CSS+JavaScript+jQuery）9787115468116工业和信息化“十三五”人才培养规划教材邓春晖,秦映波人民邮电出版社2017.103前端HTML+CSS修炼之道（视频同步+直播）9787115474148其它聂常红刘伟人民邮电出版社2017.12表9HTML+CSS+DIV课程数字化资源选用表序号数字化资源名称资源网址1使用MySQL管理和查询数据/main/course_details?id=87&search_id=02使用C#开发桌面应用程序/main/course_details?id=86&search_id=03使用Photoshop设计交互界面/main/course_details?id=84&search_id=04使用Java语言开发桌面应用程序/main/course_details?id=82&search_id=05使用HTML5实现响应式布局/main/cour