《响应式网页开发实战》课程标准.docx
《《响应式网页开发实战》课程标准.docx》由会员分享,可在线阅读,更多相关《《响应式网页开发实战》课程标准.docx(7页珍藏版)》请在第一文库网上搜索。
1、响应式网页开发实战课程标准课程代码:建议课时数:80学分:5适用专业:软件技术专业先导课程:网页设计基础html+css+div、javascript、框架技术后续课程:综合实训开课单位:计算机系一、前言(一)课程的性质响应式网页开发实战是软件技术专业的一门重要的专业技术课程。课程主要任务是通过理论教学与实践教学环节,使学生在掌握HTML5、jQuery Mobile、Bootstrap的基础上,能够掌握前台动态网页的设计与制作,掌握前台动态脚本语言的编写方法,并能够通过该语言设计与制作出富有创意的动态网页。本课程既有较强的理论性,又有较强的实践性。通过本课程的学习,使学生了解和掌握Web前端
2、开发的基本原理和方法,并具有设计和开发Web应用的基本能力。课程类型为:(理论+实践)课(B类)(-)设计思路课程设计理念是以职业需求分析为起点,以工作任务为驱动,以动态网页制作流程来设计教学程序,精心筛选典型任务组织教学。在课程内容的选取上,紧密围绕完成工作任务所需的知识与技能,充分考虑高职院校学生的认知规律,突出教学内容的实用性、趣味性。在课程内容的进程安排上,以动态网页制作与设计的基本流程来设计,按照HTML5 jQuery Mobile Bootstrap框架三大基本环节组织教学内容。在课程教学实施上,将在日常生活中常见的网页动态效果设计为项目案例,在课堂教学中注重教学情景的创设,通过
3、案例来引导来组织教学活动,使教学要求贴近动态网页设计的工作实际,体现高等职业教育的特征,突出教学过程的目的性。该门课程的总学时为80课时,其中理论26课时,讨论和练习18学时,实训36课时。二、课程目标通过本课程教学,要求学生掌握HTML5基本语法、jQue二Mobile使用、Bootstrap框架的使用等知识。并通过所学知识,具备相应操作能力,即具有设计和开发Web应用的基本能力。(-)知识目标1 .掌握HTML5新页面元素和属性。2 .掌握HTML5离线存储。3 .掌握HTML5地理定位。4 .掌握 jQuery Mobile 布局。5 .掌握 jQuery Mobile 样式。6 .掌握
4、jQuery Mob i 1 e部件及事件。7 .掌握Bootstrap布局8 .掌握Bootstrap样式9 .掌握Bootstrap组件(-)技能目标1 .能够熟练地使用TML5 jQuery MobileBootstrap设计和制作动态网页。2,能够掌握网站建设的总体设计思想、步骤与方法。3 .能够应用所学的相关知识开发各种形式的网站。4 .能够独立开发web应用,具有一定的职业岗位竞争能力。三、教学设计序号工作任务知识点训练或工作项目教学重点教学情境与教学设计1HTML5新页面元素和属性让学生了解HTML5新页面元素和属性的基本语法。1.设计一个html页面,实现显示“我的第一个jQu
5、ery页面”的效果。(1) HTML5新页面(2) TML5新属性1 .任务描述2 .任务展示与实现(1)利用编辑工具编写html代码并验证其效果(2)学生动手操作3 .教师讲解本任务涉及的知识点4 .任务小结2JHTML5离线存储(1)学会分析情况使川本地存储(2) 了解实现离线存储的方式(3)掌握 Web Storage 提供的存储和获取数据的方法(4)掌握 localStorage 与sessionStorage 的区别任务一:使用WebStorage制作通讯录任务二:使用IndexedDB制作网址收藏夹1 . Web Storage 提供的存储和获取数据的方法2 .创建并连接Index
6、edDB数据库的方法。新增、获取、修改和删除数据的方法1 .任务描述2 .任务展示与实现(1)按照任务要求完成页面设计(2)学生动手操作3 .教师讲解本任务涉及的知识点3HTML5地理定位(1)理解位置信息数据的来源方式。(2)理解 GeolocationAPE(3)掌握使用getCurrentPosition 获取当前位置的方法。(4)掌握_getCurrentPosition 的三个参数。掌握百度地图JavaScript API(6)掌握调用百度地图的方法。任务一:Geolocation 获取用户当前位置任务一:调用百度地图显示用户位置.(1)获取当前位置的方法(2)getCurrentP
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 响应式网页开发实战 响应 网页 开发 实战 课程标准
