《动态网站搭建与开发》课程标准

《动态网站搭建与开发》课程标准课程代码[540425] 课程类别[专业核心课]学分[4.0 ] 学时[64]开课部门[信息工程系]适用专业[物联网应用技术]制定人[XXX]制定日期[202X年6月]审核人[XXX] 审核日期[202X年6月]一、课程性质与任务《动态网站搭建与开发》课程是物联网应用技术专业的专业必修课程之一，是融“教、学、做”为一体的“工学结合”课程。其中包含了软件行业Web前端开发领域的关键技术知识，包括HTML5、CSS3、JavaScript。该课程的设置充分考虑了Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使用学生充分了解Web思想，为进一步学习后续的课程打下良好的基础。通过本课程的学习，使学生理解并掌握HTML5、CSS3、JavaScript相关知识，掌握常用的Web前端开发工具，制作基本网页、设计网页、并能熟练利用JavaScript控制Web页面各级元素，实现Web前端的验证、动态展示等任务，培养学生团队合作、独立思考并解决问题的能力；培养学生的创新意识，设计特色的网页。二、课程目标通过本课程的学习，除了让学生掌握必备的前端开发技能，其主要目标是激发学生的学习兴趣、培养学生自我约束、自我学习的能力，使学员形成良好的编码习惯，提高沟通能力和自我表达能力。学生在知识、能力和素质等方面全面得到提升。1.知识目标通过本课程的学习，使学生能够迅速理解和掌握HTML5、CSS3、JavaScrip所覆盖的核心技术，能够制作包含客户端验证、有常见动态效果、界面美观大方的商业网站。包含如下知识点：了解Web前端发展趋势及应用前景。掌握Web前端环境搭建。掌握HTML5基本标签、图像标签、列表标签、表格标签、表单标签、超链接标签、语义化标签、多媒体标签等基础知识。掌握CSS语法及基本样式掌握Web前端响应式布局、优化。掌握CSS3新特性的使用（过渡效果、动画、圆角边框、阴影等）。掌握JavaScript脚本语言基本语法。掌握JavaScript中Dom操作、事件、表单验证、正则表达式等2.技能目标通过本课程使学生能够运用HTML5对网页进行布局；运用CSS3对网页进行渲染、美化；使用JavaScript技术来提高网站的交互和动态的效果。具备独立开发Web网站的能力。3.素质目标（1）培养学生独立学习能力、自学能力；（2）培养学生自我分析问题和解决问题的能力；（3）培养学生获取新知识的能力和信息搜索能力；（4）培养学生独立的决策能力。（5）培养学生善于总结和创造性工作的能力。（6）培养学生程序设计思想和软件规划和设计能力；（7）培养学生良好的自我表现、与人沟通能力；（8）培养学生的团队协作精神；（9）培训学生勇于创新、爱岗敬业的工作作风；（10）培养学生的质量意识、安全意识；（11）培养学生诚实、守信、坚忍不拔的性格。三、课程设计（一）课程设计思路本课程的设计基本理念是：以就业为向导、应用为目标、实践为主线、能力为中心、企业指导参与课程的开发。在进行本课程教学设计时，充分考虑如下教学理念：学生在校学习与实际工作的一致性；任务驱动、项目导向的教学；教、学、做一体化的场地；以学生为中心的理念；把现代教育技术手段的应用融入到课堂等教学理念。本课程设计符合高校教学规律和本专业人才培养目标的课程教学体系。（二）课程内容与教学要求1.课时分配表项目（或模块）名称序号任务内容学时分配备注HTML51HTML基本标签42HTML列表、表格、表单43HTML5新特性、语义化标签、新增的块元素、行元素84HTML5表单、多媒体、Canvas8CSS35CSS基本语法、CSS选择器、CSS基本样式86CSS盒子模型、使用div+css实现网页布局47浮动和定位48CSS3新特性8JavaScript9JavaScript语言特性及基本语法810面向对象、函数、数组411JavaScript的window对象、date对象、定时函数412JavaScript的DOM对象813JavaScript事件414JavaScript表单验证和正则表达式4总学时802.任务设计项目（或模块）HTML5任务1HTML基本标签学时理论实践一体化4学习目标课程目标：1.知识目标1)了解网页的基本概念2)掌握html基本结构3)掌握Web开发工具安装4)掌握html基本标签的使用，包括标题标签、文本标签、字符格式标签、a标签、图像标签2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1Html基础Html基本标签的使用培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）HTML5任务2HTML列表、表格、表单学时理论实践一体化4学习目标课程目标：1.知识目标1).无序列表2).有序列表3).自定义列表4).表格5).表单2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1Html列表Html表格Html表单培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）HTML5任务3HTML5新特性、语义化标签、新增的块元素、行元素学时理论实践一体化8学习目标课程目标：1.知识目标1)html5新特性2)html5语义化标签3)html5新增的块元素、行内元素2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1HTML5新特性、语义化标签、新增的块元素、行元素培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）HTML5任务4HTML5表单、多媒体、Canvas学时理论实践一体化8学习目标课程目标：1.知识目标1)html5新增表单属性应用2)掌握video标签的使用3)掌握audio标签的使用4)Canvas标签的使用2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1HTML5表单、多媒体、Canvas培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务5CSS基本语法、CSS选择器、CSS基本样式学时理论实践一体化8学习目标课程目标：1.知识目标1)CSS介绍2)CSS样式表的使用3)CSS选择器的使用4)CSS基本样式，包括：文本样式、列表样式、表格样式、背景样式、超链接伪类2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1CSS基本语法、CSS选择器、CSS基本样式培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务6CSS盒子模型学时理论实践一体化4学习目标课程目标：1.知识目标1)什么是盒子模型2)margin、padding、border的使用3)使用div+css实现网页布局（简单使用浮动）4)标准文档流5)块级元素和行内元素的区别6)display属性7）浮动的应用2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1CSS盒子模型培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务7浮动和定位学时理论实践一体化4学习目标课程目标：1.知识目标1)什么是浮动2)浮动在网页中的应用3)使用clear清除浮动4)overflow属性的应用5)什么是定位6)相对定位、绝对定位、固定定位7）z-index2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1浮动和定位培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务8CSS新特性学时理论实践一体化8学习目标课程目标：1.知识目标1)CSS3新增选择器2)CSS3阴影效果3)CSS3圆角边框4)CSS3渐变效果5)CSS3过渡效果6)CSS3动画2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力;课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1CSS3新特性培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务9JavaScript语言特性及基本语法学时理论实践一体化8学习目标课程目标：1.知识目标1)什么是JavaScript及特性2)JavaScript变量的声明和赋值3)JavaScript数据类型4)JavaScript运算符5)分支语句6)循环语句2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力；课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScript语言特性及基本语法培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务10JavaScript对象、函数、数组学时理论实践一体化4学习目标课程目标：1.知识目标1)面向对象的概念2)怎么创建对象3)JavaScript常用系统函数4)自定义函数5)什么是数组，数组的特点6）数组的创建及遍历2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScript对象、函数、数组培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务11JavaScript的window对象、date对象、定时函数学时理论实践一体化4学习目标课程目标：1.知识目标1)window对象常用属性、方法2)date对象的作用及使用3)常用的定时函数2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScrip的window对象、date对象、定时函数培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务12JavaScript的DOM对象学时理论实践一体化8学习目标课程目标：1.知识目标1)什么是DOM2)掌握获取元素的方法3)掌握获取和设置属性的方法4)掌握DOM的常用属性5)掌握动态的创建标记2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScript的DOM对象培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务13JavaScript事件学时理论实践一体化4学习目标课程目标：1.知识目标1)什么是事件2)掌握onchange事件3)掌握onclick事件4)掌握onmouseover、onmouseout事件5)掌握onkeydown事件6)掌握onload事件2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScript事件培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务14JavaScript表单验证及正则表达式学时理论实践一体化4学习目标课程目标：1.知识目标1)理解表单验证的意义2)掌握常用的验证方法3)掌握String对象的属性方法4)掌握数字验证5)掌握正则表达式的使用2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3.素质目标1）具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力；3）具有较强的沟通与交流能力；4）具有良好的创新能力课程德育目标：培养学生的道德评价和自我教育的能力，养成学生良好的道德行为习惯。教学内容选择与安排：序号授课内容思政元素与融入点授课形式与教学方法备注1JavaScript表单验证及正则表达式培养创新意识，提升学生自我学习能力面授+PPT+上机四、课程实施（一）教学方法建议本课程是一门操作性、实践性较强的课程，针对实训的培养目标和特点，教学方式应是灵活多样，主要采用项目教学法、小组教学法、讲授教学，学生保证每人一机，在机房中进行集中实训，最后采用作品演示等教学手段来激发学生的学习积极性，提高学生的学习兴趣。（二）师资条件要求根据课程性质和课程目标，本课程的主讲教师必须具备扎实的动态网站搭建开发的相关理论知识，过硬的PHP、Ajax、Laravel框架以及MySql数据库的应用技能，具有丰富的动态网站开发应用实践经验。具备较丰富的教学经验，能较好的驾驭课堂，熟悉各种教学方法的使用；能按照本课程标准制定详细的授课计划，具有一定的课堂控制能力和应变能力，因材施教。有很强的执教能力，快速反应能力，能及时、准确地解决学生遇到的各种问题。具有良好的职业道德、遵纪守法意识和责任心。不仅能传授学生知识，更应该教会学生如何做人。（三）教学条件基本要求配有标准教室、投影仪、机房等基本教学环境和工具。本专业实施岗位包括：学校教学老师、企业指导员、企业技术专家、就业顾问。（四）教学资源基本要求课程资源开发与利用：包括相关教辅材料、实训指导手册、信息技术应用、工学结合、网络资源、仿真软件等。1.校内外实训基地为了使学生能够充分参与课外实训和课程设计等教学活动，在活动中更好地理解新媒体营销的方法，了解本课程前沿知识和新概念，课程所属系教研室和任课教师要充分利用并开发企业资源供学生参与实践。2.网络教学资源充分利用网络资源，搭建网络课程平台，实现优质教学资源共享。3.图书馆资源学校图书