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

动态网站搭建与开发课程标准课程类别专业核心课学时64制定日期202X年6月审核日期202X年6月课程代码540425学分4.0开课部门信息工程系适用专业物联网应用技术制定人XXX审核人XXX一、课程性质与任务动态网站搭建与开发课程是物联网应用技术专业的专业必修课程之一，是融“教、学、做”为一体的“工学结合”课程。其中包含了软件行业Web前端开发领域的关键技术知识，包括HTM1.5、CSS3、JavaScripto该课程的设置充分考虑了Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，通过这门课程的教学,不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能,更要使用学生充分了解Web思想，为进一步学习后续的课程打下良好的基础。通过本课程的学习,使学生理解并掌握HTM1.5、CSS3、JaVaSCriPt相关知识，掌握常用的Web前端开发工具，制作基本网页、设计网页、并能熟练利用JaVaSCriPt控制Web页面各级元素，实现Web前端的验证、动态展示等任务，培养学生团队合作、独立思考并解决问题的能力：培养学生的创新意识，设计特色的网页。二、课程目标通过本课程的学习，除了让学生掌握必备的前端开发技能，其主要目标是激发学生的学习兴趣、培养学生自我约束、自我学习的能力，使学员形成良好的编码习惯，提高沟通能力和自我表达能力。学生在知识、能力和素质等方面全面得到提升。1.知识目标通过本课程的学习，使学生能够迅速理解和掌握HTM1.5、CSS3、JaVaSCriP所覆盖的核心技术，能够制作包含客户端验证、有常见动态效果、界面美观大方的商业网站。包含如下知识点：（I）了解Mb前端发展趋势及应用前景。（2）掌握Web前端环境搭建。（3）掌握HTM1.5基本标签、图像标签、列表标签、表格标签、表单标签、超链接标筌、语义化标绦、多媒体标签等基础知识。（4）掌握CSS语法及基本样式（5）掌握Veb前端响应式布局、优化。（6）掌握CSS3新特性的使用（过渡效果、动画、圆角边框、阴影等）。（7） 掌握JavaSCriPt脚本语言基本语法。（8） 掌握JaVaSCriPt中Dom操作、事件'表单验证、正则表达式等2 .技能目标.通过本课程使学生能够运用HTM1.5对网页进行布局；运用CSS3对网页进行渲染、美化；使用JaVaSCriPt技术来提高网站的交互和动态的效果。具备独立开发Web网站的能力。3 .素质目标（1）培养学生独立学习能力、自学能力；（2）培养学生自我分析问题和解决问题的能力；（3）培养学生获取新知识的能力和信息搜索能力；（4）培养学生独立的决策能力。（5）培养学生善于总结和创造性工作的能力。（6）培养学生程序设计思想和软件规划和设计能力；(7)培养学生良好的自我表现、与人沟通能力；(8)培养学生的团队协作精神；(9)培训学生勇于创新、爱岗敬业的工作作风；(10)培养学生的质量意识、安全意识；(I1.)培养学生诚实、守信、坚忍不拔的性格。三、课程设计(一)课程设计思路本课程的设计基本理念是：以就业为向导、应用为目标、实践为主线、能力为中心、企业指导参与课程的开发。在进行本课程教学设计时，充分考虑如下教学理念：(1)学生在校学习与实际工作的一致性；(2)任务驱动、项目导向的教学；(3)教、学、做一体化的场地；(4)以学生为中心的理念；(5)把现代教育技术手段的应用融入到课堂等教学理念。本课程设计符合高校教学规律和本专业人才培养目标的课程教学体系。(二)课程内容与教学要求1.课时分配表项目(或模块)名称序号任务内容学时分配备注RntsIHTO1.jI1.本标签42HnI1.列表、表格、表总A3Hn1.1.5新特性、语义化标签、新增的块元素、行元素84HTM1.5次草、多媒体、CanVaS8CSS35CsS基本谙法、CSS选择器、CSS基本样式86CSS盒子模型、使用div+css实现网页布局47浮动和定位48CSS3新特性8JavaScript9JavaScript语言特性及基本语法810面向时象、函数、数组411JavaScript的IrindO常对象、date对望、定时函数J1.12JavaScript的IxW对象813JavaScript事件414JavaScript表单验证和正则衣达式4总学时802.任务设计项目（或模块）In1.i1.5任务1HTM1.基本标签学时理论实践一体化4学习目标课程目标，1知识目标D了解网页的基本概念2）掌握htm基本结构3）掌握Web开发工具安装4）掌握htm1.聪本标签的使用，包括标SS标签、文木标签、字符格式标签、a标签、图像标签2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3*质目标1）具有良好的自学能力、自己独立解决问题的旎力：2）具有团队合作能力：3）具有较强的沟通与交涿能力；4）具有良好的创新能力课程能仃目标：培养学生的道德评价和自我教育的能力，养成学生良好的道第行为习惯.教学内容选舞与安挣:序号授课内容思政元索与!入点方法备注1Htm1.加础Htm1.基本标签的使用培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）Hra1.S任务2HTM1.列表、表格、表单学时理论实践,体化1学习目标课程目标：1.知识目标1） .无序列表2） .有序列表3） .自定义列表4） .衣格5） .表总2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目敕学法、讨论式教学法。3 .索质目标1）具有良好的自学能力、自己独立解决问题的能力：2）具有团队合作能力：3）具有较强的沟通与交流能力：4）具有良好的创新能力课程他行目标：培弟学生的道馅评价和臼我数行的能力,务成学生良好的道物行为习惯.校学内容逸界与安律:序号投等内容思政元索与Ik入点授等形式与做学梃1Htm1.列表Htm1.表格Htm1.表单培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块InM1.5任务3HTM1.5新特性、语义化标签、新埴的块元素、行元素学时理论实践一体化8学习目标课程目标，1 .知IR目标1.）htm5新特性2）htm1.5语义化标签3）htm1.5新增的块元崇、行内元素2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3 .素国目标1）具有良好的自学能力、自己独立解决问题的能力：2）具有团队合作能力；3）具有较强的沟通与交通能力：4）具有良好的创新能力课程伤ffH标：培养学生的道德评价和自我教育的能力,养成学生良好的遒伤行为习惯.教学内容选界与安排I序号授谭内容思政元素与Ik入点授谍形式与教学旋备注1Irnf1.5新特性、语义化标签、新增的块元素、行元素培养创新意识,提升学生自我学习能力面授+PPT+上机项目（或模块）InX1.S任务4HTM1.5表单、妥媒体、CanVaS学时理论实践一体化8学习目标课程目标，1.知识目标I）htm1.5新增表单属性应用2）掌握VideO标签的使用3）掌iaud。标签的使用4）CanVaS标签的使用2 .俺力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3 .索朋目标1）具有良好的自学能力、自己独立斛决问题的能力；2）具有团队合作能力：3）具有较强的沟通与交流能力：4）具有良好的创新能力课程的育目标：培养学生的道德评价和自我教育的能力,养成学生良好的道的行为习惯.铁学内容选界与安排:序号授课内容思政元索与Ifc入投售形式与教学备注点方法HTM1.5一单、多培养创新意识,提面授+PP+上机媒体、Canvas升学生自我学习能力项目或模块）CSS3任务5CSS地本语法、CSS选择器、CSS基本样式学时理论实践体化8学习目标课程目标，】.知识目标1）CSS介绍2）CSS样式表的使用3）CSS选择器的使用4）CSS基本样式，包括；文本样式、列去样式、表格样式、背景样式、超链接伪类2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、i寸论式教学法。3索国目标1）具有良好的自学能力、自己独立解决问题的能力：2）具有团队合作能力：3）具有较强的沟通与交流能力：4）具有良好的创新能力课程他行目标：培养学生的道馅评价和臼我教育的能力，养成学生良好的道例行为习惯.教学内容逸界与安樗：序号授课内容思政元索与!入点授课形式与教学方法备注1CSS基本语法,CSS选择嚼CSS基本样式培养创新意识,提开学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务6CSS盒子模型学时理论实践一体化4学习目标课程目届知识目标1）什么是盒子模型2）margn.padding、border的使用3）使用div+css实现网页布局简单使用浮动）4）标准文档流5）块侬元浆和行内元素的区别6）d<spay属性7）浮动的应用2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3 .索质目标1）具有良好的自学能力、自己独立解决问题的能力：2）具有团队合作能力：3）具有较强的淘通与交流能力：4）舁有良好的创新能力课程伤科目标：培养学生的道德评价和自我教育的能力，养成学生良好的道麴行为习惯.教学内容选界与安排I序号授猥内容思政元素与Ik入点授谍形式与教学旋备注1CSS盆子模型培养创新意识,提升学生自我学习能力面授+PPT+上机项目（或模块）CSS3任务7浮动和定位学时理论实践一体化1学习目标课程目标，1.知识目标1）什么是浮动2）浮动在网页中的应用3）使用dear清除浮动4）overf1.ow间性的应用5）什么是定位6）相对定位,绝对定位、固定定位7）z-nde2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法3米团目标1）具有良好的自学能力、自己独立解决问SS的能力：2）具有团队合作能力；3）具有较强的沟通与交流能力：4）具有良好的创新能力课程镌仔目标：培养学生的道镌评价和自我教育的能力，养成学生良好的道伤行为习惯，教学内容选界与安排，序号授售内容思政元素与入投爆形式与教学各注点方法1浮哥和定M培养创新意识.提而授加上机开学生自我学习能力项目或模块CSS3任务8CSS新特性学时理论澳践体化学习目标课程目标，1 .知板目标1）C5S3新增选择湍2）CSS3阴影效果3）CSS3圆角边框4）C5S3渐变效果5）C5S3过渡效果6）CSS3动画2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3 .索质目标1）具有良好的自学能力、自己独立斛决问题的能力；2）具有团队合作能力：3）具有较强的沟通与交通能力：4）具有良好的创新能力；课程能仃目标：培养学生的道德评价和自我教育的能力，养成学生良好的道第行为习惯.教学内容选算与安排：序号授课内容理政元索与Q点授课形式与教学方法各注1CSS3新特性培养创新意识，提升学生自我学习能力面授+PPT+上机项目（或模块）avaScr1.p任务9JavaScript谱吉特性及基本语法学时理论实践一体化8学习目标课程目标I知识目标1）什么是JavaScript及特性2）Java5ipt变量的声明和赋假3）JaVasaiPt数据类型4）JaVaSaiPt运算符5）分支语句6）循环谙句2.能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3*朋目标1）具有良好的自学能力、自己独立解决同题的能力：2）舁有团队合作能力：3）具有较强的沟通与交流能力:4）具有良好的创新能力：课程能行目标：培养学生的道德评价和自我教可的能力,养成学生良好的道例行为习惯,教学内容逸邦与安排，序号投獴内容思政元索与I1.K点授僵形式与教学方法备注1JavaScript语言特性及基本语法培养创新意识，提升学生自我学习能力面授PPT上机项目（或模块）JaveScrip任务10JaVaSCriPI对望、函数、数组学时理论实践一体化1学习目标课程目标，1知识目标1）面向对象的概念2）怎么创建时象3）JavaSipt常用系统函数4）自定义函数5）什么是数组数组的特点6）数组的创建及遍历2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3 .索朋目标1）具有良好的自学能力、自己独立解决问期的能力：2）具有团队合作能力：3）具有较强的沟通与交流能力：4）具有良好的创新能力课程的育目标：培养学生的道德评价和自我数育的旎力,养成学生良好的道的行为习惯.教学内容选界与安排:序号授瓷内容思政元索与入点授谭形式与教学方法备注1JavaScript对象、函数、数组培养创新意识,提升学生自我学习能力面授+PPT+上机项目（或模块）JavaScript任务11JavaScript的Wi1.Id对象、da1.e对象、定时函数学时理论实践一体化4学习目标课程目标,1 .知识目标1.）wndow对象常用属性、方法2）date对象的作用及使用3）常用的定时函数2 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法.3*质目标D具有良好的自学能力、自己独立解决问题的能力；2）具有团队合作能力：3）具有较强的淘通与交流能力：4）具有良好的创新能力课程能行目标：培养学生的道惬评价和自我教育的能力，芥成学生良好的道能行为习惯.教学内容选界与安排：序号授课内容思政元索与Ift入点授豫形式与教学备注方法1JavaScrip的window对象、da1.e时象、定时雨数培养创新意识，提开学生自我学习能力面授+PPT+上机项目（或模块）avaScrip任务12JavaScript的IXW对象学时理论实践，体化8学习目标课程目标1知识目标1）什么是DOM2）掌握获取元素的方法3）掌握捺取和设置属性的方法4）掌握DoM的常用属性5）掌握动态的创建标记4 .能力目标授课方式技术点应用的讲解和上机实操练习结合、项目教学法、讨论式教学法。3米项目稳1）具有良好的自学能力、自己独立解决同四的能力：2）具有团队合作能力：3）具有较强的沟通与交流能力：4）具有良好的创新能力课程娜向目标；培养学生的道使评价和自我教育的能力，养成学生良好的道伤行为习惯.教学内容逸界与安排，授课内容周政兀案与入点费豫形式与教学旋备注1JavaScript的DoM对象培养创新意识，提升学生R我学习能力面授+PPT+上机项目（或模块）JavaScript任务13JavaScript事件学时理论实践一体化4学习目标课程目标I1知火目标1）什么是事件2）掌JWonchange”件3）拿握onc1.ck事件4）拿树OnmoUSeOVer、OnmoUSeOUt事件5）掌握OnkeydOWn事件6）京握on1.oad事件2.健力目标授课方式技术点应用的评解和上机实操练习结合、项目教学法、讨论式教学法.3*黄目标1）具有良好的自学能力、自己独立解决同Sfi的能力：2）具有团队合作能力：3）具有较强的泡通与交流能力：4）具有良好的创新能力课程搐育目标：培养学生的道德评价和自我教育的能力,养成学生良好的道的行为习惯.救学内容选界与安排，1JavaScript去单脸证及正则表达式培养创新意识，提升学生自我学习能力面授+PPT+上机四、课程实施（一）做学方法建议本课程是一门操作性、实践性较强的课程，针对实训的培养目标和特点，数学方式应是灵活多样，主要采用项目教学法、小组教学法、讲授教学，学生保证每人一机，在机房中进行集中实训，最后采用作品演示等教学手段来激发学生的学习积极性，提高学生的学习兴趣。（二）师资条件决求根据课程性质和课程目标，本课程的主讲教师必须具备扎实的动态网站搭建开发的相关理论知识，过硬的PHP、Ajax、1.arave1.框架以及MySq1.数据库的应用技能，具有丰富的动态网站开发应用实践经验。具备较丰富的教学经脸，能较好的驾驭课堂，熟悉各种教学方法的使用；能按照本课程标准制定详细的授课计划，具有一定的课堂控制能力和应变能力，因材施教。有很强的执教能力，快速反应能力，能及时、准确地解决学生遇到的各种问题。具有良好的职业遒德、遵纪守法意识和责任心。不仅能传授学生知识，更应该教会学生如何做人。（三）教学条件基本要求配有标准教室、投影仪、机房等基本教学环境和工具。本专业实施岗位包括：学校教学老师、企业指导员、企业技术专家、就业顾问。（四）教学资源基本旻求课程资源开发与利用：包括相关教辅材料、实训指导手册、信息技术应用、工学结合、网络资源、仿真软件等。1 .校内外实训基地为了使学生能够充分参与课外实训和课程设计等教学活动，在活动中更好地理解新媒体营销的方法，了解本课程前沿知识和新概念，课程所属系教研室和任课教师要充分利用并开发企业资源供学生参与实践。2 .网络教学资源充分利用网络资源，搭建网络课程平台，实现优质教学资源共享。3 .图书馆资源学校图书馆、网络机房应该基本满足学生课外阅读的需要，这对于扩大学生的知识面，激发学生学习兴趣都起着重要的作用。4 .智力资源充分利用行业资源，为学生提供阶段实训，让学生在真实的环境中磨练自己，提升其职业综合素质。5 .开发适合教师与学生使用的多媒体教学素材和多媒体教学界件.五、教学评价、考核要求评价的目的是全面考察学生的学习状况，启发学生的学习兴趣，激励学生学习热情，促进学生的可持续发展。评价也是教师反思和改进教学的有力手段。对学生学习的评价，既要关注学生知识与技能的理解和掌握，更要关注他们情感与态度的形成和发展；既要关注学生学习的结果，更要关注他们在学习过程中的变化和发展。评价的手段和形式应多样化,要将过程评价与结果评价相结合，定性与定量相结合，充分关注学生的个性差异，发挥评价的启发激励作用，增强学生的自信心和实践能力。教师要善于利用评价所提供的大量信息，适时调整和改善教学过程。（一）注重对学生学习过程的评价对学生学习过程的评价，包括态度、自信心、实践能力、合作交流意识，以及独立思考的能力、创新思维能力等方面。（二）重视对学生的启发对学生进行后发式教学，各项目通过分析案例，让学生完成一定的设计任务，最终达到独立完成任务的目的。（三）评价手段和形式要体现多样化采用过程性评价与目标性评价相结合的方法，满分为100分。过程性评价包括对学生考勤、课堂表现和作业的评价，占总分的503其中学生考勤占20%,课堂表现占10%,作业占20%；目标性评价主要指期末考试的卷面成绩和综合实训成绩，占总分的50%o具体考核评价方式如下表:评价类型评价内容成绩权支评价说明课堂考核(50%)考勤20%艺课时数超过1次,最终成绩评定为不及格课堂表现10%上课时不按照要求认真参与课堂活动，超过三次的，该项成绩评定为不合格作业20%学生必须按时提交每一次作业，有一次不提交作业即判定该项成绩不合格期末成缭(50%)期末考试&烽合实训50%满分为100分，根据实际卷面成绩评分