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

《移动端网站搭建与开发》课程标准课程代码[540426] 课程类别[专业核心课]学分[4.0 ] 学时[64]开课部门[信息工程系]适用专业[物联网应用技术]制定人[]制定日期[202X年6月]审核人[] 审核日期[202X年6月]一、课程性质与任务《移动端网站搭建与开发》课程是物联网应用技术专业的专业核心课程之一，是融“教、学、做”为一体的“工学结合”课程。其中包含了软件行业移动端静态网站和动态网站的开发领域的关键技术知识，包括HTML5、PHP、CSS3、JavaScript以及Bootstrap前端框架和Ajax。该课程的设置充分考虑了移动端网站搭建与开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计移动端网站站点的基本技能，更要使用学生充分了解移动端开发的思想，为进一步学习后续的课程打下良好的基础。通过本课程的学习，使学生理解并掌握能熟练使用HTML5编写移动端静态网页、能运用CSS3特性设计网站页面样式和结构、使用JavaScript开发网站交互效果页面、使用Bootstrap前端框架开发页面、使用CSS3新特性改变网站页面样式和结构、使用MySQL数据库进行基本的数据管理工作、使用PHP制作动态网页、能使用Ajax创建动态网页等相关任务，同时培养学生团队合作、独立思考并解决问题的能力；培养学生的创新意识，设计开发具有特色的移动端网站网页。二、课程目标通过本课程的学习，除了让学生掌握必备的前端开发技能，其主要目标是激发学生的学习兴趣、培养学生自我约束、自我学习的能力，使学员形成良好的编码习惯，提高沟通能力和自我表达能力。学生在知识、能力和素质等方面全面得到提升。人才培养目标:围绕互联网+、新兴技术行业带来的移动端网站开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握移动端网站开发基础知识，具备移动端网站静动态网页设计、开发、调试、维护等能力，能从事移动端静动态网站编码、软件测试、软件技术服务等工作的中级技术技能人才。1.知识目标掌握HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法；掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、渐变功能的使用方法；掌握JavaScript基础语言、函数、面向对象功能的使用方法；掌握Bootstrap布局、组件、基本样式、插件、组件的使用方法；掌握CSS3选择器在页面中插入、各种盒子模型、背景样式使用方掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法；掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语句、循环控制语句、跳转语句和终止语句、一维数组、二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法；掌握Ajax技术，实现异步刷新，异步获取数据的使用方法。2.技能目标能熟练使用HTML5编写移动端静态网页；能运用CSS3特性设计网站页面样式和结构；能使用JavaScript开发网站交互效果页面；能使用Bootstrap前端框架开发页面；能熟练使用HTML5编写静态网页；能使用CSS3新特性改变网站页面样式和结构；能使用MySQL数据库进行基本的数据管理工作；能使用PHP制作动态网页；能使用Ajax创建动态网页。3.素质目标（1）培养学生独立学习能力、自学能力；（2）培养学生自我分析问题和解决问题的能力；（3）培养学生获取新知识的能力和信息搜索能力；（4）培养学生独立的决策能力。（5）培养学生善于总结和创造性工作的能力。（6）培养学生程序设计思想和软件规划和设计能力；（7）培养学生良好的自我表现、与人沟通能力；（8）培养学生的团队协作精神；（9）培训学生勇于创新、爱岗敬业的工作作风；（10）培养学生的质量意识、安全意识；（11）培养学生诚实、守信、坚忍不拔的性格。三、课程设计（一）课程设计思路本课程的设计基本理念是：以就业为向导、应用为目标、实践为主线、能力为中心、企业指导参与课程的开发。在进行本课程教学设计时，充分考虑如下教学理念：学生在校学习与实际工作的一致性；任务驱动、项目导向的教学；教、学、做一体化的场地；以学生为中心的理念；把现代教育技术手段的应用融入到课堂等教学理念。本课程设计符合高校教学规律和本专业人才培养目标的课程教学体系。（二）课程内容与教学要求课程名称课程模块任务技能要求知识要求移动端静态网站开发移动端静态网页开发能熟练使用HTML5编写移动端静态网页能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能开发移动端页面掌握HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法能运用CSS3特性设计网站页面样式和结构能使用CSS3的选择器、边框特性、新增颜色、字体、盒阴影、背景特性、盒模型、渐变功能设计移动端静态网页掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、渐变功能的使用方法能使用JavaScript开发网站交互效果页面能熟练使用JavaScript开发交互效果页面能熟练使用运算等基础语言和内置函数实现数据交互能熟练使用JavaScript对象和DOM编程实现交互效果页面掌握JavaScript基础语言、函数、面向对象功能的使用方法能使用Bootstrap前端框架开发页面能使用Bootstrap栅格系统、基本样式、组件、Less和Sass、插件、Bootstrap定制及优化、Bootstrap内核解码开发响应式页面掌握Bootstrap布局、组件、基本样式、插件、组件的使用方法移动端静态网页美化能熟练使用HTML5编写静态网页能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面理解HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法能使用CSS3新特性改变网站页面样式和结构能熟练使用CSS3的选择器、盒模型、过渡、动画等属性美化网页使用em/rem/vw/vh等单位开发移动端网页，达到美化网页的效果掌握CSS3选择器在页面中插入、各种盒子模型、背景样式使用方法移动端动态网站开发动态网页开发能使用MySQL数据库进行基本的数据管理工作能使用MySQL基本操作进行数据管理掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法能使用PHP制作动态网页能熟练使用PHP的编码技术操作MySQL数据库，进行动态网站开发；能使用Session的操作、Cookie的操作开发动态网站掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语句、循环控制语句、跳转语句和终止语句、一维数组、二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法能使用Ajax创建动态网页能熟练使用Ajax的XML、JSON数据格式与网站后端进行数据交互掌握Ajax技术，实现异步刷新，异步获取数据的使用方法四、课程实施（一）教学方法建议本课程是一门操作性、实践性较强的课程，针对实训的培养目标和特点，教学方式应是灵活多样，主要采用项目教学法、小组教学法、讲授教学，学生保证每人一机，在机房中进行集中实训，最后采用作品演示等教学手段来激发学生的学习积极性，提高学生的学习兴趣。（二）师资条件要求根据课程性质和课程目标，本课程的主讲教师必须具备扎实的移动端网站开发的相关理论知识，过硬的HTML5、Bootstrap前端框架开发技术、JavaScript开发、CSS3、Ajax、Laravel框架以及MySql数据库的应用技能，具有丰富的移动端网站开发应用实践经验。具备较丰富的教学经验，能较好的驾驭课堂，熟悉各种教学方法的使用；能按照本课程标准制定详细的授课计划，具有一定的课堂控制能力和应变能力，因材施教。有很强的执教能力，快速反应能力，能及时、准确地解决学生遇到的各种问题。具有良好的职业道德、遵纪守法意识和责任心。不仅能传授学生知识，更应该教会学生如何做人。（三）教学条件基本要求配有标准教室、投影仪、机房等基本教学环境和工具。本专业实施岗位包括：学校教学老师、企业指导员、企业技术专家、就业顾问。（四）教学资源基本要求课程资源开发与利用：包括相关教辅材料、实训指导手册、信息技术应用、工学结合、网络资源、仿真软件等。教材的选用与编写：教材名称：教材名称：《Web前端开发-中级》（工业和信息化人才培养工程系列丛书，1+X证书制度试点培训用书）教材上、下两册，共有2本教材。其他重要资源：（1）校内外实训基地为了使学生能够充分参与课外实训和课程设计等教学活动，了解本课程前沿知识和新概念，课程所属系教研室和任课教师要充分利用并开发企业资源供学生参与实践。（2）网络教学资源充分利用网络资源，搭建网络课程平台，实现优质教学资源共享。（3）图书馆资源学校图书馆、网络机房应该基本满足学生课外阅读的需要，这对于扩大学生的知识面，激发学生学习兴趣都起着重要的作用。（4）智力资源充分利用行业资源，为学生提供阶段实训，让学生在真实的环境中磨练自己，提升其职业综合素质。（5）开发适合教师与学生使用的多媒体教学素材和多媒体教学课件。1.校内外实训基地为了使学生能够充分参与课外实训和课程设计等教学活动，在活动中更好地理解新媒体营销的方法，了解本课程前沿知识和新概念，课程所属系教研室和任课教师要充分利用并开发企业资源供学生参与实践。2.网络教学资源充分利用网络资源，搭建网络课程平台，实现优质教学资源共享。3.图书馆资源学校图书馆、网络机房应该基本满足学生课外阅读的需要，这对于扩大学生的知识面，激发学生学习兴趣都起着重要的作用。4.智力资源充分利用行业资源，为学生提供阶段实训，让学生在真实的环境中磨练自己，提升其职业综合素质。5.开发适合教师与学生使用的多媒体教学素材和多媒体教学课件。五、教学评价、考核要求评价的目的是全面考察学生的学习状况，启发学生的学习兴趣，激励学生学习热情，促进学生的可持续发展。评价也是教师反思和改进教学的有力手段。对学生学习的评价，既要关注学生知识与技能的理解和掌握，更要关注他们情感与态度的形成和发展；既要关注学生学习的结果，更要关注他们在学习过程中的变化和发展。评价的手段和形式应多样化，要将过程评价与结果评价相结合，定性与定量相结合，充分关注学生的个性差异，发挥评价的启发激励作用，增强学生的自信心和实践能力。教师要善于利用评价所提供的大量信息，适时调整和改善教学过程。（一）注重对学生学习过程的评价对学生学习过程的评价，包括态度、自信心、实践能力、合作交流意识，以及独立思考的能力、创新思维能力等方面。（二）重视对学生的启发对学生进行启发式教学，各项目通过分析案例，让学生完成一定的设计任务，最终达到独立完成任务的目的。（三）评价手段和形式要体现多样化采用过程性评价与目标性评价相结合的方法，满分为100分。过程性评价包括对学