《前端 Web开发基础》课程标准
课程设计报告(web前端开发)
课程设计报告(web前端开发)一、课程目标知识目标：1. 学生能理解并掌握HTML5、CSS3和JavaScript的基础知识，了解网页的基本结构和常见的前端开发技术。
2. 学生能了解并运用响应式设计原理，实现不同设备上的网页适配。
3. 学生掌握DOM操作，能实现动态交互效果和数据绑定。
4. 学生了解前端框架Vue.js的基本使用，能运用其进行组件化和模块化开发。
技能目标：1. 学生能运用所学知识独立完成静态网页的设计与制作，具备基本的网页布局能力。
2. 学生能通过JavaScript和框架实现简单的网页交互功能，提高用户体验。
3. 学生具备团队协作能力，能在项目中发挥自己的专长，与他人共同完成项目开发。
情感态度价值观目标：1. 培养学生对前端开发的兴趣和热情，激发其主动学习和探索的精神。
2. 培养学生具备良好的编程习惯，注重代码规范和性能优化。
3. 培养学生面对困难和挑战时，保持积极心态，善于寻求解决方案。
4. 培养学生具备合作精神，尊重他人意见，学会倾听和沟通。
课程性质：本课程为实践性较强的课程，注重培养学生的动手能力和实际项目经验。
学生特点：学生具备一定的计算机基础，对前端开发有一定了解，学习积极性较高。
教学要求：结合实际项目案例，以任务驱动的方式进行教学，注重理论与实践相结合，提高学生的实际操作能力。
同时，关注学生的个体差异，进行差异化教学，确保每个学生都能在课程中取得进步。
在教学过程中，及时评估学生的学习成果，调整教学策略，以达到课程目标。
二、教学内容1. 网页基础知识- HTML5基本标签、属性和文档结构- CSS3选择器、样式属性、盒模型和布局- 网页色彩、字体和图标设计2. 响应式设计- 媒体查询和设备适配- 弹性布局和网格布局- 移动端和桌面端页面优化3. JavaScript基础- 数据类型、运算符、流程控制- 函数、对象和数组- DOM操作、事件处理和表单验证4. 前端框架Vue.js- Vue.js基本概念、生命周期和指令- 组件化开发和模块化设计- 数据绑定、计算属性和侦听器5. 项目实战- 网页设计与制作：静态页面布局、样式设计、交互功能实现- 前端工程化：版本控制、构建工具、性能优化- 团队协作：项目分工、沟通与协作、代码审查教学内容安排与进度：第一周：网页基础知识学习第二周：响应式设计原理与实践第三周：JavaScript基础及DOM操作第四周：Vue.js框架学习第五周：项目实战与前端工程化第六周：团队协作与项目总结教材章节关联：《HTML5与CSS3权威指南》第1-5章、第7-9章《JavaScript高级程序设计》第1-6章、第13章《Vue.js实战》第1-7章教学内容确保科学性和系统性，结合实际案例，使学生掌握前端开发的核心知识，培养其解决实际问题的能力。
web前端课程设计
web前端课程设计一、课程目标知识目标：1. 让学生掌握Web前端开发的基本概念，理解HTML、CSS和JavaScript在网页中的作用和关系。
2. 学会使用HTML构建网页结构，掌握常见标签的使用方法。
3. 掌握CSS基本语法，能实现网页的布局和样式设计。
4. 掌握JavaScript基本语法，实现简单的交互效果。
技能目标：1. 培养学生独立完成静态网页设计与开发的能力。
2. 提高学生利用Web前端技术解决实际问题的能力。
3. 培养学生的团队协作和沟通能力，能与他人共同完成项目。
情感态度价值观目标：1. 培养学生热爱互联网技术，对Web前端开发产生浓厚的兴趣。
2. 培养学生具备良好的编程习惯，注重代码的可读性和可维护性。
3. 培养学生的创新意识和批判性思维，善于发现和解决问题。
课程性质：本课程为实践性较强的课程，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机基础，对Web前端技术有一定了解，但实践经验不足。
教学要求：结合课程性质和学生特点，教学过程中应以案例为主线，引导学生动手实践，注重培养学生的实际操作能力和解决问题的能力。
将课程目标分解为具体的学习成果，以便于教学设计和评估。
二、教学内容1. 网页基础知识- 网页的基本概念- 网页的组成元素2. HTML基础- HTML基本结构- 常见HTML标签及其使用方法- 表格、表单、列表等HTML元素的运用3. CSS样式- CSS基本语法- 选择器、属性和值- 盒子模型与布局- 响应式设计4. JavaScript基础- JavaScript语法基础- 数据类型、变量、运算符- 控制语句、函数- 事件处理、DOM操作5. 综合实战- 静态网页设计与开发- 响应式网页设计- 简单的动态效果实现教学内容安排与进度：第一周：网页基础知识，HTML基础第二周：CSS样式，盒子模型与布局第三周：JavaScript基础，事件处理第四周：综合实战，项目开发与优化教材章节关联：1. 网页基础知识——《Web前端开发基础》第1章2. HTML基础——《Web前端开发基础》第2-3章3. CSS样式——《Web前端开发基础》第4-5章4. JavaScript基础——《Web前端开发基础》第6-7章5. 综合实战——结合整本教材内容进行项目实践教学内容确保科学性和系统性，以教材为基础，结合实际案例，引导学生掌握Web前端技术的基本知识与技能。
《Web前端开发》课程标准(含课程思政)
《Web前端开发》课程标准一、课程基本信息表 1课程信息表表 2课程标准开发团队名单1注1：指参与课程标准制定的主要成员，包括校外专家二、课程定位和课程设计（一）课程性质与作用本课程是计算机应用技术专业的职业核心技术模块课程之一，是基于工作过程系统化的课程，是一门实践性和应用性都很强的课程。
为计算机应用技术专业学生将来从事职场的web前端开发岗位的发展打下良好基础，并为该专业后续网站开发与管理的学习打下网页前端设计基础。
（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目引导，以就业为导向”，打破了传统的按照知识体系教授课程的模式，以学生日后在从事Web前端开发行业中所需的实际技能为目标，进行基于工作项目和工作任务的课程开发与设计，既保证满足从事网站前端开发所必须的专业知识、专业技能，又保持原有知识体系的完整性，既培养了学生的职业能力，同时也为学生的可持续发展奠定了基础。
（三）课程设计思路本课程是以“基于工作过程”为指导，通过对Web前端开发所涉及到的岗位群进行工作任务和职业能力分析，以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。
在宏观教学设计上突破以知识点的层次递进为体系的传统模式，而是将职业工作过程系统化，以工作过程为参照系，按照工作过程来序化知识，培养学生规范、高效率、高质量地应用能力，使学生既学习岗位知识又培养学生职业素质，锻炼学生的方法能力与社会能力。
每个项目的学习以“做”为中心，教和学都围绕着做，在做中学，在学中做，做到“教、学、做”一体化，达到理论与实践的统一，同时注重培养学生的自主学习能力和职业素养的提升。
本课程思政内容及单元的知识、技能按照相应的专项能力在实际职业工作中出现的频度、内容的难度和要求掌握的程度进行排序，如下所示：课程思政内容：1.信息社会责任；2. 树立正确的技能观；3. 软件工匠精神培养。
《Web前端开发技术》课程标准
《Web前端开发技术》课程标准一、课程定位《Web前端开发技术》本课程是计算机软件技术专业、计算机网络技术专业的一门专业必修课，本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过多个项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
二、课程目标通过本课程学习掌握VUE的知识体系，模板语法、组件、过渡动画、生命周期等基础内容。
掌握VUE基本概念、VUE实例、VUE模板语法、VUE生命周期、VUE组件及组件间通信、VUE过渡与动画；掌握VUE-CLI脚手架、脚手架配置、APP路由、单页面APP创建、APP组件开发、VUE-CLI组件间传参、VUE-CLI插槽、组件切换过渡动画、编译打包处理。
培养学生web前端开发能力。
同时，通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、创新的精神，培养良好的职业道德，为学生学习动态网站开发相关课程提供知识和技术支持。
通过项目的实现，让学生具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
1．知识目标（1）理解Vue编程理念与直接操作Dom的差异（2）Vue常用的基础语法（3）理解MVVM设计模式（4）掌握Vue的组件和实例（5）掌握前端组件化，全局样式与局部样式（6）掌握父子组件传值与组件参数校验（7）熟悉Vue 中的动画特效（8）理解Vue中的CSS动画原理2．能力目标（1）具备Vue常用的基础语法应用能力（2）具备使用Vue编写TodoList功能的能力（3）具备插槽的使用，动态组件的应用能力（4）具备Vue-cli脚手架工具的使用的能力（5）具备组件化思维修改TodoList的能力（6）具备Vue中使用animate.css库的能力（7）具备Vue中同时使用过渡与动画效果能力（8）具备Vue中使用Velocity.js库的能力（9）具备Vue中动画的封装能力3．素质目标具有社会主义和共产主义的理想信念具有改革开放的意识和强烈的竞争意识具有良好的行为规范和社会公德以及较强的法制观念具有良好的职业道德和质量服务意识具有不断学习、不断创新的进取精神具有团队协作精神和较强的协调能力及独立工作的能力具有健康的体魄和良好的心理素质能吃苦耐劳、爱岗敬业三、课程设计1．设计思想以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
Web开发基础教学大纲
《Web开发基础》课程教学大纲（审定稿）第一部分大纲说明一、课程的性质和任务《Web开发基础》是国家开放大学移动应用开发专业（大专）的统设必修课。
主要内容包括：HTML5基础知识、CSS3基础知识、CSS3高级动画、Less、Bootstrap响应式网页开发。
学习完本课程后，学生应该对Web开发基础知识有一个整体的概念，并初步掌握PC端和移动端Web开发的方法与技术。
二、先修课程要求学生在学习本课程之前应当具有计算机网络和程序设计的基础知识。
三、课程的任务1．掌握：HTML5基础知识，能够快速完成各种网页内容和结构的搭建；CSS3基础知识，能够为网页内容添加样式，美化网页效果；CSS3高级和动画技巧，能够编写各种网页动画效果；LESS语法，能够使用预编译的LESS语法简化CSS的开发；Bootstrap响应式网页开发，能够设计支持移动端设备响应式的网页效果。
2．理解：CSS3选择器语法，能够顺利查找到要修改的元素；CSS3变换和帧动画原理, 能够根据需求设计动画效果；LESS语法，能够使用LESS编写动态样式；响应式网页设计，能够利用媒体查询和栅格系统，设计适合移动设备的网页效果。
3．了解：第三方animate.css动画库，利用现有动画库，简化动画效果设计；Bootstrap 公共样式和组件，利用Bootstrap快速定义丰富的用户体验功能。
四、教学基本要求由于本课程具有很强的实践性，按照课程的教学任务，在知识结构学习方面应以重点讲授有关PC端网页设计与开发；响应式网页开发；移动端Web应用开发为主。
在能力结构培养方面以Web页面内容设计，样式设计，响应式和移动Web网页设计为重点。
本课程的教学环节包括：课堂讲授、网络学习、实验、考试等。
在教学方法上应采用多媒体教学系统进行启发式教学，培养学生思考问题、分析问题和解决问题的能力；同时引导学生通过上机完成实验巩固所学知识与掌握实际操作能力。
五、教学要求的层次1．掌握：要求学生能够全面掌握所学内容和方法，并能够初步进行分析、设计和制作。
第1章 Web前端开发基础
目录第1章Web前端开发基础 (2)1.1 Web前端开发实训目标 (2)1.1.1实训知识目标 (2)1.2.2实训能力目标 (3)1.2.3实训素质目标 (3)1.2 Web前端开发实训项目概述 (3)1.2.1 WCMS项目概述 (3)1.2.2 WCMS项目前端界面分析 (5)1.3 Web前端开发技术 (7)1.3.1 HTML语言 (7)1.3.2 CSS语言 (8)1.3.3 JavaScript语言 (9)1.3.4 AJAX框架 (9)1.3.5 jQuery框架 (10)1.3.6 BootStrap框架 (10)1.3.7 EasyUI框架 (10)1.4 Web前端开发工具 (10)1.4.1 NotePad (10)1.4.2 EditPlus (11)1.4.3 Dreamweaver (12)1.4.4 HBuilder (12)1.4.4 浏览器工具 (15)1.5 Web前端开发规范 (19)1.5.1 Web前端项目开发实训工作流程 (19)1.5.2 Web前端项目开发流程 (19)1.5.3 Web前端开发代码规范 (21)1.5.4 文档与源码提交规范 (23)1.6 小结 (24)第1章Web前端开发基础Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。
在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
Web前端开发工程师是一个新的职业，在国内乃至国际上真正开始受到重视的时间很短。
随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。
(x)HTMl+CSS布局、DHTMl和AJAX像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各行各业的IT企业都对自己的网站进行了重构。
随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面解脱出来。
《Web--应用开发基础》课程标准
《Web应用开发基础》课程标准一、课程说明注：1.课程类型（单一选项）：A类（纯理论课）/ B类（理论+实践）/ C类（纯实践课）,课程性质（单一选项）：必修课/专业选修课/公共选修课.课程类别（单一选项）：公共基础课/专业基础课/专业核心课4.合须是行业企业人员，如果没有，那么填无二、课程定位Web应用开发基础是计算机应用技术专业的专业基础课程。
在国家推行大数据落地并鼓励高校开设创新创业教育课程的背景下，本课程属于创新型课程，目前在计算机应用、经管类、财务会计、电子商务、物联网、数据分析等专业已经逐步推行，可作为各适用专业的必修课程。
本课程旨在通过介绍web应用程序设计的完整过程，让学生了解Python语言是什么及其应用价值，全方位了解理论知识。
同时结合大数据分析平台，利用实践操作和应用案例促进学生动手分析能力，掌握运用Python编程语言的技能和方法。
《新一代人工智能开展规划》是为抢抓人工智能开展的重大战略机遇，构筑我国人工智能开展的先发优势，加快建设创新型国家和世界科技强国，按照党中央、国务院部署要求制定。
由国务院于2017年7月8日印发并实施。
学习单元情境设计六、课程考核与评价本课程考核分为平时成绩、实践成绩和期末成绩三个局部，分别占总评成绩的30%、40%、30% o列表如下：出勤占总成绩30%o迟到、早退一次扣1分，缺勤一次扣5分。
正常请假不扣分。
平时作业占总成绩20%,共计6次（2）实践操作占总成绩40%。
共计8次实训、实践。
独立完成为A,在他人指导下完成为Bo （3）期末成绩为综合考试成绩。
考试方式为机考。
试卷中含超纲题目分值不低于3分, 不高于10分。
七、教材及相关资源(1)基础教材：《python 快速入门》，人民邮电出版社，传智博客(2)网络学习资源： ,有视频课程、课程、图文教学 等资源(3)教学案例集：各行业数据分析案例和数据八、任课教师要求专业要求：计算机应用技术技能要求：硕士学历或从教计算机软件类课程5年以上资质九、教学实训场所场地：多媒体机房机器配置：建议处理器i3、内存8G 网络带宽：建议500M 不低于100M 大数据实验科研平台很好地兼容谷歌浏览器，建议使用版本为47以上的谷歌浏览器访 问平台Chrome十、其它说明 无关于关于历史记录i)炭闰予旗*历史记录i)炭闰予旗*Google Chrome追求速套、高沟和平安的网络涎览器 我取Chrome 浏选器使用帮助报告问题版本附件1:授课计划审批表系部：信息工程教师姓名：余美华'授课计划表从各大招聘网站数据分析可以看出：人工智能+Python岗位年薪至少在15・20w之间，而且除了北、上、广、深外，杭州、武汉等二三线城市的待遇正在与一线城市持平。
《WEB前端开发基础》课程标准
《WEB前端开发基础》课程标准课程代码：020363 课程类别：岗位专用能力培养课程学时：68学时一、课程定位和课程设计（一）课程性质与作用课程的性质：《WEB前端开发基础》课程是软件技术专业培养岗位专用能力的核心课程，它是一门操作性和实践性很强的课程。
是学生学习网站建设的专业课程，是从事网站开发工作的基本课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver，通过这种有代表性的网页制作软件的使用，掌握HTML、CSS和JavaScript等网站设计的技能，并能根据客户需求地制作出有专业水准的网站。
课程的作用：本门课程在专业教学体系中起着承上启下的作用，通过这门课程，学生可以掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
掌握各种网页元素在Dreamweaver中的使用。
例如表格、文本、图像、超级链接、层和表单等。
熟悉一些网页设计辅助软件的功能和使用方法。
例如Html、Css、JavaScript等。
掌握测试和发布网站的方法。
包括网站测试的内容和方法、Cuteftp的使用方法等。
能够解决一些网页设计中的常见问题。
本门课程之的前导课程是计算机基础课程。
在对计算机操作和网络基础有了一定认知之后，通过本课程的学习，可以使学生从整体上对网站开发的流程有了初步的认识，提高学生的专业素质和专业品质，使其具备参与网站建设的能力，具备良好的从业道德，严谨的工作态度，有序的团队合作精神。
为后续的Web前端开发高级、JAVA项目实训等课程奠定良好的基础。
（二）课程基本理念本门课程的设计理念是：以岗位需求为目标为重点进行课程开发与设计，体现职业性、实践性；以整个专业的视角来开发课程，体现开放性；以学生为主体开展“项目教学”；将过程性考核和终结性考核相结合。
按照学院“优秀员工的摇篮，职业经理的基地”的办学理念，根据企业需求，从岗位能力出发，以职业能力培养为重点，按照软件技术专业对应的核心就业岗位能力要求来确定课程的内容、教学组织、教学方法和手段、考核方式，突出学生编码能力、抽象问题能力、逻辑思维能力、计算机思维能力和自学能力的培养，达到培养学生的行业通用能力，同时兼顾社会适应能力和专业核心能力的课程教学目标。
《Web前端开发技术》课程标准授课计划 课程整体设计 教学计划 教学日历
《Web前端开发技术》课程标准课程编码：B060106Z 课程类别：必修课适用专业：软件技术专业授课单位：计算机系与信息工程系学时：108 编写执笔人及编写日期：学分：6学分审定负责人及审定日期：1.课程定位和课程设计1. 1课程性质与作用《Web前端开发技术》课程是软件技术专业的专业课程，同时也是软件技术专业学生执行移动互联网络应用软件开发能力培养的一门专业核心课程。
课程的作用：本课程从HTML5应用软件开发的角度出发，结合用户需求开发的流程和特点，从软件用户界面、软件设计文档、程序代码等角度进行了具体的讲授。
通过该课程的学习，旨在提高学生基于HTML5应用软件开发与软件系统维护服务和管理的职业能力。
本课程前导课程包括基础课程《计算机基础》、《网页制作技术》、专业课程《Java程序设计》、《数据库技术》、《数据结构》等，学生完成这些前导课程的学习后，已具备一定的软件开发理论知识和分析软件项目的能力。
通过本课程的学习后学生即可参加后续的专业实训学习。
1.2课程基本理念根据课程所处阶段以及课程内容确定课程的基本理念：（1）全面提高学生互联网应用开发能力，为学生后期学习奠定良好的理论与实践基础（2）重视课程实践性，以实践能力为培养目标，以项目实施为培养途径（3）注重培养学生自主、合作、探究的学习方法，激发学生学习兴趣和求职欲望（4）注重培养学生终身学习的教育观1.3课程设计思路本课程采用教学做一体化教学的设计思路，学生需要完成多个实验训练任务。
根据学生前期课程学习的知识，将互联网的应用开发应用到移动端，增加了Web开发技术JQuery框架，移动互联网应用开发中的Ionic框架、AJAX异步更新以及JSON技术学习，并通过学习Cordova 框架，让学生掌握HTML5技术开发移动APP的方法。
在每个实验间贯穿理论知识，增强技能，逐步巩固和增强已学知识和技能。
同样，在每个实验中都涵盖了不同的理论知识以及对知识的拓展。
《Web前端技术基础》课程标准(含课程思政)
《Web前端技术基础》课程标准一、课程基本信息二、课程性质与任务（一）课程性质《Web前端技术基础》课程是为大数据技术专业开设的一门专业基础课。
贯彻国家“立德树人”的教育方针，创新实践学校“理实一体虚实结合工匠工坊”的人才培养模式，依托学校双高专业群建设和职业教育提质培优行动计划任务，本课程基于OBE理念设计，聚焦HTML网页技术、CSS样式应用、JavaScript动态行为典型工作任务，培养具有爱岗、敬业优秀品质和工匠精神的“会设计、善管理、懂技术、知新规，通实施”的高素质技术技能型人才。
本课程是依据专业人才培养目标和相关职业岗位（群）的能力要求而设置的。
本课程的后续课程有《数据采集技术》、《数据可视化技术与应用》等。
（二）课程任务本课程主要讲授HTML网页技术、CSS样式应用、JavaScript动态行为等内容，培养面向软件与信息服务领域从事Web前端开发的高素质技术技能人才，对本专业岗位所需要的知识、技能和素质目标的达成起支撑作用。
课程将思政元素有机融入课程教学，培养学生的综合素质。
（三）课程设计思路本课程是以大数据技术专业所涵盖的岗位群进行任务与职业能力分析，对接“1+X”职业技能等级证书以及全国职业院校技能大赛，以任务驱动、就业为导向，根据本专业学生的认知特点，以学生职业能力、素质培养为目标，选取课程教学内容，并为学生可持续发展奠定良好的基础。
三、课程目标与要求（一）课程目标1.素质目标（1）培养诚实、守信、坚韧不拔的性格；（2）培养善于沟通表达、善于自我学习、具备团队协作的能力；（3）养成规范的编码、按时交付软件等良好的工作态度；（4）培养学生分析问题、解决问题及创造思维能力。
2.知识目标（1）掌握站点和网页的管理；（2）掌握HTML基础知识和常用文本元素、图像元素、多媒体元素、超链接元素、列表元素、表格元素和表单元素；（3）掌握CSS基础知识，包括基础选择器、字体文本样式属性、高级特性等；（4）掌握CSS盒子模型及相关属性；（5）掌握CSS布局，重点是相对定位和绝对定位；（6）掌握JavaScript 基础知识、程序控制结构、常用对象、事件编程3.能力目标（1）能使用HTML制作包含基本内容的网页；（2）能使用HTML及CSS等技术来设计网页布局；（3）学会使用JavaScript技术来提高网页交互性、体验性；（4）学会综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页；（5）能根据具体应用需求，创新性地设计网页（二）课程要求四、课程结构与内容（一）课程结构与学时分配（二）课程内容与要求（可自定义表格）（三）课程思政实施要求本课程立足于Web前端开发角度，从网页设计与制作方面规范和指导网站开发的全过程。
【前端Web开发基础】课程标准
《前端Web开发基础》课程标准表1 课程基本信息（一）课程性质与任务课程性质：《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业Web开发领域的关键技术基础知识（HTML，CSS及JavaScript等）。
该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。
课程任务：通过本课程的学习，使学生理解HTML、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。
（二）课程教学目标通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。
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）培养学生具备良好的交流沟通素养和创新精神。
最新《Web开发基础》教学大纲
《Web前端设计基础》教学大纲适用专业：计算机科学与技术、软件工程、物联网课程类别：非学位课，专业基础课课程学时：51学时（周2+1学时）课程编号：9051404课程学分：3学分一、课程性质《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。
二、课程教学目标与基本要求本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。
本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。
三、课程内容其中标记★为难点第一部分第1章 HTML 5简介1.1 HTML历史与HTML 51.2 HTML 5的优势1.3 HTML 5的基本结构和语法变化1.4 本章小结第2章 HTML 5的常用元素与属性2.1 HTML 5保留的常用元素2.2 HTML 5新增的通用属性2.3 HTML 5新增的常用元素2.4 HTML 5头部和元信息2.5 HTML 5新增的拖放API2.6 本章小结第3章 HTML 5表单相关元素和属性3.1 HTML原有的表单及表单控件3.2 HTML 5新增的属性与元素3.3 HTML 5增强的文件上传域3.4 HTML 5新增的客户端校验3.5 本章小结第4章 HTML 5的绘图支持4.1 使用canvas元素4.2 绘图4.3 图形特效处理4.4 控制叠加风格4.5 控制填充风格4.6 位图处理4.7 输出位图4.8 本章小结第5章 HTML 5的多媒体支持5.1 使用audio和video元素5.2 使用JavaScript脚本控制媒体播放5.3 事件监听5.4 本章小结第二部分第6章级联样式单与CSS选择器6.1 样式单概述6.2 CSS样式单的基本使用6.3 CSS选择器6.4 伪元素选择器6.5 CSS 3.0新增的伪类选择器6.6 在脚本中修改显示样式6.7 本章小结第7章字体与文本相关属性7.1 字体相关属性7.2 CSS 3支持的颜色表示方法7.3 文本相关属性7.4 CSS 3新增的服务器字体7.5 本章小结第8章背景、边框和补丁相关属性8.1 背景相关属性8.2 边框相关属性8.3 补丁相关属性8.4 本章小结第9章大小、定位、轮廓相关属性9.1 大小相关属性9.2 定位相关属性9.3 轮廓相关属性9.4 本章小结第10章盒模型与布局相关属性10.1 布局相关属性10.2 盒模型和display属性10.3 对盒添加阴影10.4 CSS 3的多栏布局10.5 本章小结第11章表格、列表相关属性及media query 11.1 表格相关属性11.2 列表相关属性11.3 控制光标的属性11.4 media query功能11.5 本章小结第12章变形与动画相关属性12.1 CSS 3提供的变形支持12.2 CSS 3提供的Transition动画12.3 CSS 3提供的Animation动画12.4 本章小结四、学时分配五、实验安排本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法和步骤参见教材。
《Web前端开发基础》授课计划
《Web前端开发基础》授课计划一、课程目标本课程旨在帮助学生掌握Web前端开发的基础知识和技能，包括HTML、CSS、JavaScript等基本语言，以及相关的开发工具和框架。
通过本课程的学习，学生将能够独立完成简单的Web页面设计和交互开发。
二、授课内容1. HTML基础介绍HTML的基本结构和标签讲解常用标签的使用方法和注意事项演示并练习常见页面的编写2. CSS基础讲解CSS的选择器、属性、盒模型等基础知识演示并练习常用样式的设置和布局介绍响应式设计原理和实践3. JavaScript基础讲解JavaScript的基本语法、数据类型、函数等基础知识演示并练习事件处理、DOM操作、动画效果等常用功能介绍JavaScript框架如jQuery和Vue的使用4. 前端工具和框架介绍浏览器开发工具的使用方法讲解主流的前端框架如React、Vue等的使用和原理介绍构建工具如Webpack和Babel的原理和使用方法5. 实践项目选取几个简单的前端实践项目，如个人博客、企业官网等，让学生分组进行设计和开发，锻炼学生的团队协作和实战能力。
三、授课方式1. 理论授课：通过PPT、视频、案例等形式，讲解基础知识、概念和原理。
2. 实践操作：学生分组进行实践操作，教师进行指导和答疑。
3. 案例分析：选取实际案例进行分析和讨论，帮助学生理解和掌握前端开发的核心技能。
4. 互动交流：鼓励学生提问和讨论，增强师生之间的互动和交流。
四、授课时间与地点授课时间：共计32学时，分为8次课程，每次45分钟。
授课地点：学校机房或在线教学平台。
五、考核方式1. 平时作业：每次课后布置相关作业，检验学生对知识的掌握程度。
2. 项目实践：学生分组完成实践项目，根据项目成果和质量进行评估。
3. 期末考试：进行简单的理论考试，考察学生对基础知识的掌握程度。
六、授课教师简介授课教师需具有丰富的前端开发经验和教学经验，熟悉主流的前端技术和框架。
《Web前端开发基础》课程标准
《Web前端开发基础》课程标准一、课程目标本课程旨在让学生掌握Web前端开发的基础知识和技能，包括HTML、CSS、JavaScript等基本语言，以及常用前端框架和工具的使用。
通过本课程的学习，学生应能够独立完成Web页面的设计和开发，具备良好的团队协作和沟通能力。
二、教学内容1. HTML：介绍HTML的基本语法和常用标签，包括头部、主体、表格、列表等。
重点讲解页面布局、表单设计和链接跳转等常用功能。
2. CSS：介绍CSS的基本语法和选择器，掌握常用样式属性，如字体、颜色、背景、布局等。
重点讲解盒模型、布局模式和响应式设计等。
3. JavaScript：介绍JavaScript的基本语法和常用函数，掌握事件处理、DOM操作和AJAX等技术。
重点讲解JavaScript在Web前端开发中的应用，如表单验证、动画效果和交互性功能等。
4. 前端框架和工具：介绍流行的前端框架如React、Vue等的使用方法，以及常见的构建工具如Webpack、Gulp等的使用。
三、教学方法1. 理论教学与实践教学相结合：本课程将理论讲解与实践操作相结合，通过案例教学和项目实践，使学生能够掌握前端开发的核心技能。
2. 小组合作与个人实践相结合：鼓励学生通过小组合作的方式完成项目任务，培养团队协作和沟通能力。
同时，也注重个人实践能力的培养，提供充足的自主学习时间和资源。
3. 线上教学与线下教学相结合：利用在线教学平台和社交媒体等渠道，为学生提供丰富的教学资源和互动交流机会。
四、考核方式本课程的考核方式包括平时成绩和期末考试两部分。
平时成绩包括出勤率、作业完成情况、小组项目表现等；期末考试采用实际操作形式，考察学生对所学知识的综合运用能力。
五、课程实施建议1. 根据实际情况调整教学内容和难度，确保课程的针对性和实用性。
2. 教师应定期进行教学反馈和交流，不断完善教学方法和手段。
3. 提供充足的课外学习资源和资料，帮助学生更好地理解和掌握前端开发技术。
《Web前端开发技术》课程标准
≪Web前端开发技术》课程标准UavaScript））课程是计算机软件技术专业的一门重要的专业课，定位于WEB技术开发工作岗位。
它是WI田前端技术开发的必备课程，在整个课程体系中具有重要的作用。
本课程的前导课程：高级语言程序设计、数据结构、HTML5。
后续课程：动态网站开发、毕业设计等。
通过学习本课程的学习，使学生掌握JaVaSCriPt的基本知识与应用，能运用所学知识开发出企事业单位需要的各种形式网站（网上商店、论坛、新闻发布等）的特效。
强化学生项目开发能力（系统分析/设计，编程，测试等）。
培养学生应用动态网站技术进行网页特效开发的能力，并形成良好的编程习惯和团队合作精神；培养学生的自主学习和创新能力，为其成长为一名合格的WEB前端技术开发程序员奠定良好的基础。
三、课程能力标准要求（一）知识要求使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
1、掌握JaVaSCriPt语言的基本语法。
2、掌握JavaScript中的BOM对象操作。
3、掌握JaVaSCriPt操作文档对象模型。
4、掌握jQue门T选择器。
5、掌握jQuery中的事件与动画特效。
6、掌握jQueι∙y中的DOM操作。
7、掌握表单验证。
8、掌握jQue”中的Ajax。
（二）能力要求1、具有网站功能规划的能力。
2、具有网站布局的能力。
3、具有规范化、专业化的编码能力4、具有规范化、专业化的测试能力；熟悉项目实施过程，如：需求分析、系统设计、编码、测试、提交产品等；（三）素质要求形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。
遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。
1、自主、开放的学习能力2、诚实、守信、坚韧不拔的性格3、良好自我表现、人际沟通能力、良好的团队合作精神四、知识体系（思维导图、知识要点）见图1知识体系思维导图五、课程主要内容课程教学能力训练项目设计表见表1课程教学能力训练项目设计表图1知识体系思维导图表1课程教学能力训练项目设计表总项目（活动）子项目（活动）训练项目名称训练任务拟实现的能力目标和素质目标学时1.化妆品网站设计与实现1.1主题网站需求分析与总体设计1.1.1网站需求分析编写需求规格说明书掌握需求分析的过程与规范11.1.2网站规划功能设计掌握网站规划的流程11.1.3网站风格定位页面布局分析与设计掌握页面布局的知识1 1∙1∙4化妆品网站总体设计网站总体设计掌握网站总体的设计流程1 1.2开发环境、1.2.1开发环境、熟悉开发环境熟悉开发环4总计工具：PhotoshopC86开发环境搭建'■；■,开卷工具：DreamWeaVerCS6SJSublime Te, t∖ %5tZB JETester (6-11), Flrefo,(SM⅛9S件FirebUg)用户注册交互效果注册弹出苜口：回定S⅜件∖,t⅝Mgg信色：JaVaSCriPt对刎Bt呈.包括五大对象网站首页交互效果实现一等四片乾I菁工甲：自定兵邸聂定订震订方搜索Ig文字惺示效毕：事件女程I返回顶部双甲：C$弹式.JQuer湎作动Ig、≡⅛⅝¾⅝fl^jQue∣yΦfflDOM∣⅝^jQueryiWff⅞M\图聆ffJTabtW或甲：动画.足时;S\一片的大数甲：FanCybo,用片⅛⅞⅞插件\杂止Id标石所品：jQuery中的BOM⅜B⅜g石就条，匕：语环*11遇主TinySCrolIbar插件使用使物QU缈实迎U1«USeIeuT拉据\搠晓示0里：事件删呈留言板异步刷新、S⅜Aja,∙⅞求.JSON¾a⅜⅜订购页面交互效果化妆品网站需来分析和设计同⅛*S⅛U功由£计问站风格定位页面而要分析与&计产品列表页面交互效果实现户品到HaM旃（手被白"；：晨u"y密件理产品评用正特K :葭1臼〉事件辑湿6.1考核方式本课程考核采取形成性考核和终结性考核两种方式进行，两部分的分数比例为：课程考核成绩二形成性考核成绩（60%）+终结性考核成绩（40%）6.1.1形成性考核6.1.1.1形成性考核种类及分数比例本课程形成性考核选择平时成绩和项目任务成绩。
《Web前端设计与开发》课程标准
《Web前端设计与开发》课程标准一、课程名称及代码课程名称：Web前端设计与开发二、适用教育层次及专业适用层次：专科适用专业：电子信息大类所有专业三、学分、学时学分数：3.0 学时数：48.0四、课程类型、性质及属性课程性质：专业基础课课程类型：理论课（含实践）课程属性：必修五、先修课程模块名称及代码无六、教学目标本课程以培养前端工程师为目标，立足前端工程师工作岗位所必须具备的素质，以基础知识、应用举例、实战任务相结合的方式，按照认知规律由浅入深详细讲述了HTML元素与CSS（含CSS3）样式的用法，全面覆盖了Web前端设计与开发的基础知识。
1.知识目标1）熟悉HBuilderX开发环境，掌握HTML项目项目的创建方法；2）掌握HTML常用元素的用法；3）掌握CSS选择器的基本语法；4）掌握CSS样式的优先级原则；5）掌握CSS3背景、定位、动画属性的用法；6）掌握网页布局相关属性的用法。
2.能力目标1）能熟练使用HBuilderX开发环境创建HTML项目；2）能熟练使用HTML元素设计网页内容；3）能熟练使用CSS样式设计元素的外观样式。
4）能熟练使用元素框模型属性精确设计元素占用网页空间的尺寸；5）能熟练使用背景属性设计网页背景和生成图像精灵；6）能熟练使用定位属性设计网页的特殊效果；7）能熟练使用动画属性设计网页动画；8）能熟练使用布局属性布局网页。
3. 素质目标1）具有质量意识、安全意识、工匠精神和创新思维；2）具有集体意识和团队合作精神；3）具有界面设计审美和人文素养；4）熟悉软件开发流程和规范，具有良好的编程习惯。
七、课程实践教学内容该课程不单独安排实践教学内容，实践教学内容与理论教学内容在课程讲授中实现理实一体，采用“做中学，学中做”的讲练结合教学方法。
主要有以下实践项目。
表1 实践/实验教学列表八、教学内容及要求表2 教学安排表九、程评价方法1．评价形式平时作业（含考勤、平时作业）、阶段测试（含课堂检测、阶段测试、期中测试、实践/实验评分等）、期末测试。
《前端Web开发基础》课程标准
前端Web 开发基础》课程标准（一）课程性质与任务课程性质：《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业Web开发领域的关键技术基础知识（HTML，CSS及JavaScript 等）。
该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。
课程任务：通过本课程的学习，使学生理解HTML、CSS及JavaScript 等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。
（二）课程教学目标通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。
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）培养学生具备良好的交流沟通素养和创新精神。
《Web开发基础》教学大纲
《Web前端设计基础》教学大纲适用专业：计算机科学与技术、软件工程、物联网课程类别：非学位课，专业基础课课程学时：51学时（周2+1学时）课程编号：9051404课程学分:3学分一、课程性质《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能,更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。
二、课程教学目标与基本要求本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。
本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法,理解对象的概念及使用JavaScript来编写客户端脚本程序.三、课程内容其中标记★为难点第一部分第1章 HTML 5简介1。
1 HTML历史与HTML 51。
2 HTML 5的优势1。
3 HTML 5的基本结构和语法变化1.4 本章小结第2章 HTML 5的常用元素与属性2.1 HTML 5保留的常用元素2。
2 HTML 5新增的通用属性2.3 HTML 5新增的常用元素2.4 HTML 5头部和元信息2。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《前端 Web开发基础》课程标准
表1 课程基本信息
（一）课程性质与任务
课程性质：《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业Web开发领域的关键技术基础知识（HTML，CSS及JavaScript等）。
该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。
课程任务：通过本课程的学习，使学生理解HTML、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。
（二）课程教学目标
通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。
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）培养学生具备良好的交流沟通素养和创新精神。
（三）参考学时
64 (理论：32\ 实验：32)
（四）课程学分
4学分
（五）课程内容和要求（理论48学时，实验16学时）
本课程的主要内容有：HTML，主要包括网页基本组成元素，网页框架、超文本链接、表单、表格、层等。
CSS，产要包括修改网页元素，主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。
JavaScript，包括JavaScript基本语法、基本数据类型、运算符、函数、JavaScript事件分析、图片和多媒体文件的使用、JavaScript 对象的应用、浏览器内部对象、内置对象和方法等。
本课程要求学生了解web编程技术的产生和发展过程，会使用HTML编写网页，会用CSS 对网页样式进行设计，会使用JavaScript实现一些客户端的数据验证及网页特效，达到一般企业用人标准。
表2 课程内容与学时安排表
（六）教学建议
1. 教学方法
本门课程教学中应注意激发和保持学生的学习兴趣，采用灵活的教学方法和先进的教学手段，加强理论与实际的联系，加强课前、课后的答疑辅导，组织学生自我经验叙述、讨论、问题教学、阅读指导等。
（1）借助范例教学，以点带面，突出重点
在理论知识讲授过程中，应适当选取基本点、重点内容，对其设计相关范例，进行教学，来提高、巩固学生对该理论知识的认知水平，让学生可以理论结合实践，不仅限于纸面，更可深入到具体的范例场景，加深理解。
（2）分组讨论式教学方法。
学生按照要求，进行预习、查阅资料等，在课堂上再根据教师的问题进行分组讨论，并由各组选派一名同学发言回答老师所提问题，并由本组的其他同学补充，讲述完毕后，由教师及其他各组的同学讨论、提问。
2. 评价方法
本课程的教学环节包括课堂讲授，课堂讨论和期末考试。
通过加强基础、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。
总评成绩 = 过程性考核（30%）+终结性考核（70%）
3. 教学条件
拥有多媒体教室、实验中心等设施，能够确保教师课堂讲授、学生实践训练的需求。
4. 教材选编
编选本教材根据教学标准编写活页教材，课程实践中优化编著适应性教材
（1）课程教材
[1] 刘西杰,柳林. HTML、CSS、JavaScript网页制作——从入门到精通[M]. 人民邮电出版社. 2013
（2）参考教材
[1] 王津涛.网页设计与开发——HTML、CSS、JavaScript（21世纪高等学校规划教材）[M].清华大学出版社.2012年
[2] 吕凤顺,王爱华,王轶凤.HTML+CSS+JavaScript网页制作实用教程（新世纪高职高专课程与实践系列教材）[M].清华大学出版社.2012年。