课程标准(HTML5网页编程)

《HTML5网页编程》课程标准课程基本信息课程编码：课程类别：专业基础课适应专业：软件技术总学时数：45MOOC在线课时+翻转课堂课时： 15 +30一、课程概述（一）课程性质本课程是软件技术专业的一门专业课，该课程始终贯彻“工学结合、项目导向”课程教学模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。

由于Internet应用越来越普及，因此，作为构成Internet应用的基本载体----网站与网页的设计与制作非常重要，通过本课程的学习，使学生掌握使用Dreamweaver创建各种网页对象，能够使用这些对象设计制作网页，建立网站并规划网站。

通过本课程的学习，使学生掌握多种类型网站的设计技巧与注意事项，能比较熟练地规划个人网站、企业网站、门户网站、娱乐网站、游戏网站、教学网站等各种不同主题的不同风格效果。

促进学生创新意识和综合职业能力的形成：（1）让学生在学习设计不同主题的网站风格时作一些调查，在此基础上培养自己的创新意识和创新能力，审美能力等。

（2）让学生通过做课程设计或毕业设计，培养自己的创新能力。

（二）课程基本理念HTML5网页编程是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。

即强调以学生直接经验的形式——典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作，真正落实教、学、做一体化课程的实施，切实提高人才培养质量。

对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。

因此，MOOC在线学习主要通过视频讲解来获取专业基础知识，并通过在线测试、答疑讨论完成知识点的掌握，翻转课堂中主要通过技能实战训练达到巩固在线学习中所学的知识点，进一步提升专业实践水平，通过面对面解决核心问题。

（三）课程设计思路1、《HTML5网页编程》学习领域课程通过前一阶段前导课程的学习，学习者已对网页设计与制作的基本部分，如网页色彩搭配、网页布局、Photoshop网页图像设计工具等有了初步认识。

网页设计与制作这一典型工作任务仅靠已有的网页界面知识和技能已无法完成，这里要将网页设计与制作作为重点来学习。

学习者必须首先分析网页设计任务，确定网页设计与制作过程中的主要问题，才能进一步作好网页设计、制作的工作实施计划。

同时，学习者应对电脑、网页设计工具软件、脚本语言等有较深入的知识，对电脑、网页设计工具软件等有较熟练的操作技能。

2、教学过程要实现课堂案例教学放到MOOC线上学习，翻转课堂中重点进行相关类似项目案例制作与答疑，从教学过程和形式上体现“线上”和“向下”的紧密结合。

课程以项目为主线，通过问题、项目导入（实践）→学生思考、分析、回答、教师评议、总结（理论）→扩展应用（实践）的方式进行，使授课内容与工作实际紧密结合。

3、效果评价本课程教学效果评价采取过程评价与结果评价相结合的方式，以学生为主体，重点评价学生的职业能力的养成。

二、课程目标（一）总目标通过本课程学习，使学生能熟练运用 HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；掌握JAVASCRIPT 脚本编程语言的基本语法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCRIPT来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。

（二）具体目标通过本课程的学习，学生要达到以下目标：1、职业能力目标①能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；⑤掌握JavaScript语言的语法；⑥掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；⑦能够按网页设计技术要求修改和调试JavaScript代码；⑧学会使用JavaScript语言实现网页特效。

知识目标①了解WEB站点的工作原理；②了解WWW、HTTP、HTML、CSS的定义，概念和作用；③掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；④掌握Dreamweaver应用软件的使用功能；⑤掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想。

3、职业素质目标①具有勤奋学习的态度，严谨求实、创新的工作作风；②具有良好的心理素质和职业道德素养；③具有高度责任心和良好的团队合作精神；④具有科学思维方式和一定的唯物辩证法思想；⑤具有较强的网页设计创意思维、艺术设计素质。

三、内容标准与要求序号情境/项目/模块（视情填写）学习目标活动安排知识要求技能要求参考课时MOOC在线学时翻转课堂课时1 HTML5网页技术①能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；视频学习单元测试答疑讨论课堂指导课堂总结了解WEB站点的工作原理；了解WWW、HTTP、HTML、CSS的定义，概念和作用；掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；掌握Dreamweaver应用软件的使用功能；掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想。

①能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③会在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④能够利用表格设布局网页；框架制作网页的方法，会使用框架设计网页；制作表单的方法，会利用表单建立交互式页面；4 82 DIV+CSS3布局能够根据不同实际情况选择合适的布局结构能够用DIV+CSS布局网页视频学习单元测试答疑讨论课堂指导课堂总结掌握表现和内容的分离的原理了解DIV+CSS布局的优势掌握选择符的类型。

掌握元素的继承性与分类掌握盒模型掌握单行单列结构掌握二列布局结构掌握三列布局结构掌握嵌套结构掌握类表菜单的设计制作方法能够根据不同实际情况选择合适的布局结构能够用DIV+CSS布局网页8 163 JavaScript应用掌握JavaScript语言的语法；掌握在HTML语言代码中嵌入JavaScript代码的方法视频学习单元测试答疑讨论课堂指导课堂总结掌握JavaScript语言的语法；掌握在HTML语言代码中嵌入JavaScript代码的方法能编写JavaScript特效网页源代码；能够按网页设计技术要求修改和调试JavaScript代码；学会使用JavaScript语言实现网页特效。

3 6课时小计15 30总学时数45四、实施建议（一）教学建议从《HTML5网页编程》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。

例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。

以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。

1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入，提出问题。

根据MOOC视频学习的知识点，案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。

目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第2个阶段，学生自主学习，尝试解决问题。

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。

学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。

第3个阶段，归纳总结，引申提高。

在每次课结束前，引导学生进行归纳总结。

对本次课的实际意义、重点、难点、容易出错处等及时进行总结。

并针对案例的不足之处，进行引申和提高。

注意在这个阶段，强调的是“引导”学生，而不是老师讲解。

第4个阶段，举一反三、学以致用。

案例源于生活，最终要应用于生活。

为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。

同时给出下一次课的学习内容，提示学生在课下完成视频学习和在线测试。

2、充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教学效率。

包括：（1）利用多媒体教学系统广播教学。

把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果。

（2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容，并进行在线答疑和讨论。

教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。

（二）考核评价建议引入新的评价内容引入。

将MOOC在线测试成绩、在线学习时长、讨论区活跃程度及有效度、团队学习情况全部列入MOOC学习成绩。

最终课程成绩由“平时成绩（占20%），MOOC学习成绩（30%），期末考试成绩（占40%）”三个部分组成。

（三）教材编写建议1）依据本课程标准编写教材，教材应充分体现以工作任务为中心组织课程内容和课程教学的设计思想。

2）教材应将本专业职业活动，分解成若干典型的学习情境，每个情境由若干学习单元实施完成，按完成工作任务的需要和岗位操作规程来设计。