HTML5应用开发-软件开发方向课程标准课程类别专业核心课程课程代码总学时108学分开设学期第三学期适用专业软件技术专业授课方式教学做一体化教学合作开发企业山东浪潮集团有限公司执笔人夏道春、李美芹、邓所春审核人制定时间、课程概述（一）课程性质本课程是软件技术专业的一门专业核心课，该课程始终贯彻“工学结合、项 目导向”课程教学模式，以“实用、够用、必需”为原则，培 养学生的实际应 用能力，取得了良好的教学效果。通过本课程的学习，使学生掌握网页设计的基本技术，建立网站并规划网站；使学生掌握多种类型网站的设计技巧与注意事项，能比较熟练地规划个人网站、企业网站、门户网站、娱乐网站、游戏网站、教学网站等各种不同主题的不同风格效果，促进学生创新意识和综合职业能力的形成。HTML5应用开发是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。即强调以学生直接经验的形式一一典型网页的设计与制作，来掌握融合于实践行动 中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作,精选文库真正落实教、学、做一体化课程的实施，切实提高人才培养质量。对于学习领域课程，按照工作过程对课程内容进行序化， 将陈述性 知识与过程性知识整合、理论知识学习与实践技能训练整合、培养专业能力 与职业素质培养整合、工作过程与学生认知心理过程整合，学的教 官、升回 学设计，将学习领域细化成具体的学习情境。 通过科因此，M00在线学习主要通过视频讲解来获取专业基础知识，并通过在线测 试、答疑讨论完成知识点的掌握，翻转课堂中主要通过技能实战训练达到巩固 在线学习中所学的知识点，进一步提升专业实践水平，通过面对面解决核心问 题。HTML5应用开发学习领域课程通过前一阶段前导课程的学习，学习者 已对网页设计与制作的基本部分，如网页色彩搭配、网页布局、Photoshop网 页图像设计工具等有了初步认识。网页设计与制作这一典型工作任务仅靠已有 的网页界面知识和技能已无法完成，这里要将网页设计与制作作为重点来学习。学习者必须首先分析网页设计任务，确定网页设计与制作过程中的主要问题，才能进一步作好网页设计、制作的工作实施计划。同时，学习者应对电脑、网页设计工具软件、脚本语言等有较深 入的知识，对电脑、网页设计工具软件等有较熟练的操作技能。教学过程要实现课堂案例教学放到M00线上学习，翻转课堂中重点进行相 关类似项目案例制作与答疑，从教学过程和形式上体现“线上”和“向下”的 紧密结合。课程以项目为主线，通过问题、项目导入（实践）f学生思考、分析、回 答、教师评议、总结（理论）f扩展应用（实践）的方式进行，使授课内容与 工作实际紧密结合。（四）先修后续课程本门课程的先修课程是数据结构、C语言程序设计、操作系 统，后续课程是JSP程序设计、An droid程序设计、顶岗实习等。二、课程目标（一）总目标通过本课程学习，使学生能熟练运用HTML中的文字、链接、列表、表格、 表单、图像、多媒体、框架兀素标志及属性设计出多窗口网页、动态网页；掌 握Dreamweaver进行网站的导入、规戈【、管理、发布的相关技术及网页制作的操作技能；掌握 JAVASCR IP!脚本编程语言的基本语 法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCR IPT来进行开发、维护、管理和设置WE借用程序；能独立设计小型 WE时点。（二）具体目标通过本课程的学习，学生要达到以下目标：1 .职业能力目标能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL仓建超链接，图像链接，图像映射的建立方法；学会运用HTMI语言中的标记设置颜色、文本格式和列表，熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方法；掌握在网页中添加CSS嵌入图像、声音、多媒体信息的方法；熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网 页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；掌握JavaScript语言的语法；掌握在HTML语言代码中嵌入JavaScri pt代码的方法，能看懂JavaScri pt特效网页源代码;能够按网页设计技术要求修改和调试JavaScri pt代码；学会使用JavaScript语言实现网页特效。2 .知识目标了解WEB占点的工作原理；了解WWWHTTP HTML CSS的定义，概念和作用；掌握HTM语言中的各种文本格式、字符格式、段落设置、列表、表单、 框架、多媒体标记的作用； 掌握Dreamweaver应用软件的使用功能；掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念;理解属性与方法的概念；了解面向对象程序设计思想。3 .职业素质目标具有勤奋学习的态度，严谨求实、创新的工作作风；具有良好的心理素质和职业道德素养；具有高度责任心和良好的团队合作精神；具有科学思维方式和一定的唯物辩证法思想；具有较强的网页设计创意思维、艺术设计素质。#三、内容标准与要求序号 教学项目教学内容与教学要求HTML5离线应用HTML5 WebWorkers 多 线程处理熟悉HTML5的新特性、HTML5网页结构；熟悉JavaScript的基本语法；了解HTML5离线应用、缓存的工作机制等基本概念；熟悉manifest文件的结构和 作用，能够搭建离线应用程序；使用JavaScript技术实现离线缓存更新、存储事件监听等功能；理解Web Workers多线程工作机制；熟悉Web Workers成员概念；创建Web Workers,使用多任务并发处理等技术实现与WebWorkers 通信;HTML5 Geolocati on地理位置CSS3概述理解 HTML5 Geolocation 地理位置基本概念；掌握常用的Geolocation API 的功能和调用方法，能够使用相关API获取、处理相关位置信息；掌握CSS3的编码规范；了解CSS3的新增特性；应用CSS3设计网页界面；教学活动设计建议 以多媒体课件讲解基本 概念的基础上，以案例演 示的方式来加强学生对 知识难点的理解；采用讲 练结合的方式让学生掌 握HTML5离线应用的开发 技术。该部分理论性较强，内容 比较抽象，教师需要采用 多媒体课件进行基本概 念的讲解，以案例教学法 进行基本概念和理论的 详细演示，学生上机实现 Web Workers多线程应用 并展示。该部分内容实践性很强， 在采用多媒体课件讲解 基本概念的基础上，采用“学教做” 一体化的教学 方式，以教师为主导，带 领学生边学边做，完成地 理位置典型案例设计。本部分内容实践性很强， 在采用多媒体课件讲解 基本概念的基础上，采用 案例教学法，教师为辅， 学生自主完成CSS3案例 设计。参考课时10序号 教学项目教学内容与教学要求教学活动设计建议参考课时了解选择器的基本概念;掌握CSS3属性选择器、结构伪类选择器、UI伪类选择器的定CSS3选择器文本、字体与颜色背景与边框2D变形设计动画合计义和使用方法;掌握设计文本阴影;掌握定义文本样式;掌握设计颜色样式;掌握多色边框设计概念并能实现多色边框；掌握设计圆角、设计阴影、设 计背景的基本技术。了解简单的动画变形概念；掌握Transform、2D变形技术 实现自定义变形和较复杂的变形；掌握平滑过渡设计实现;掌握设计各种渐变效果;本部分内容实践性很强，在多媒体课件讲解的基础上，以案例教学法进行知识点的详细讲解并带领学生进行上机操作。学生自主完成米用CSS3技 术的网页界面设计本部分内容实践性很强， 在多媒体课件讲解的基 础上，以案例教学法进行 知识点的详细讲解并带 领学生进行上机操作。学 生自主完成网页文本的 样式和颜色设计本部分内容实践性很强， 在多媒体课件讲解的基 础上，采用讲练结合的方 式，进行知识点的详细讲 解并带领学生上机实现。 本部分内容实践性很强， 教师须在多媒体课件讲 解的基础上，以案例教学 法带领同学进行上机操 作，同学按照任务进行上 机练习并进行总结。本部分内容实践性很强， 教师以案例教学法进行 详细讲解，并带领同学进 行上机操作，同学按照任务进行上机练习并进行1072四、实施建议（一）教学建议从HTML5应用开发的实际问题出发，精心准备各种典型案例，构建课程 的宏观教学设计。例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖 等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教 学设计布局。1.教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂 上可以采 用“四阶段教学法”。第1个阶段，案例引入，提出问题。根据M00视频学习的知识点，案例演示，提出问题，讲解案例应用 背景，给 学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学 有所用，从而明确本次课的教学目标。第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在 学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关 的知识和操作技能。第3个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难 点、容易出错处等及时进行总结。并针对案例的不足之处，进 行引申和提高。 注意在这个阶段，强调的是“引导”学生，而不是老师讲解。第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。时给出下一次课的学习内容，提示学生在课下完成视频学习和在线测 试。2 .充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的 教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教 学效率。