课程标准(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翻转序号学习目标知识要求技术要求（视情排在线讲堂填写）学时课时HTML5网①能熟页技术练运用视频学习Dreamweaver单元测试应用软件；熟答疑议论练掌握使用讲堂指导绝对和相对讲堂总结URL，创立超链接，图像链接，图像映照的成立方法；②学会运用HTML语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的1设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中增添CSS、嵌入图像、声音、多媒体信息的方法；

认识WEB站点的工作①能娴熟运用48原理；Dreamweaver应用认识WWW、HTTP、软件；娴熟掌握使HTML、CSS的定义,用绝对和相对观点和作用；URL，创立超链接，掌握HTML语言中的图像链接，图像映各样文本格式、字符格射的成立方法；式、段落设置、列表、②学会运用表单、框架、多媒体标HTML语言中的标记的作用；记设置颜色、文本掌握Dreamweaver应格式和列表;娴熟用软件的使用功能；掌握颜色值的配置掌握表格、表单的使和背景图案的设置用；理解对象的定义，方法,娴熟掌握字及含义;理解事件的概符、链接颜色的设念；理解属性与方法的置方法；观点；认识面向对象程③会在网页序设计思想.中增添CSS、嵌入图像、声音、多媒体信息的方法；④能够利用表格设布局网页；框架制作网页的方法，会使用框架设计网页；制作表单的方法，会利用表单成立交互式页面;DIV+CSS3布局2JavaScript应用3

能够依据不视频学习同实质状况单元测试选择适合的答疑议论布局构造讲堂指导能够用讲堂总结DIV+CSS布局网页掌握JavaScript视频学习单元测试语言的语法;答疑议论掌握在HTML讲堂指导语言代码中嵌讲堂总结入JavaScript代码的方法

掌握表现和内容的分别的原理认识DIV+CSS布局的优势掌握选择符的种类.掌握元素的继承性与分类掌握盒模型掌握单行单列构造掌握二列布局构造掌握三列布局构造掌握嵌套构造掌握类表菜单的设计制作方法掌握JavaScript语言的语法；掌握在HTML语言代码中嵌入JavaScript代码的方法

能够依据不一样实质状况选择适合的布局构造能够用DIV+CSS布局网页能编写JavaScript殊效网页源代码；能够按网页设计技术要求改正和调试JavaScript代码；学会使用JavaScript语言实现网页殊效。

81636课时小计总学时数

30四、实行建议（一）教课建议从《HTML5网页编程》的实质问题出发，精心准备各样典型案例,建立课程的宏观教课方案。比如,公司网站、网上鲜花直销、个人网站优选、书本专卖等.以若干个事例为载体，形成顺序渐进、种类多样的项目群，建立完好的教课方案布局。1、教课采纳“四阶段教课法”,将“教、学、练、做”融为一体.教课表现“教师为主导,学生为主体,训练为主线”的原则，课堂上能够采纳“四阶段教课法”：第1个阶段，事例引入，提出问题。依据MOOC视频学习的知识点，事例演示，提出问题，解说案例应用背景，给学生一个切入点，成立感性认识。目的是激发学生的学习兴趣、让学生感觉学有所用，从而明确本次课的教课目的。第2个阶段，学生自主学习,试试解决问题。充分利用我校以及互联网网络教课资源，指引学生自主学习,找到解决问题的方法和操作技术，培育学生的自主学习意识和学习方法。学生在学习和试试解决问题过程中，发现问题,提出问题,在问题的指引下学习有关的知识和操作技术。第3个阶段，概括总结，引申提高。在每次课结束前，指引学生进行概括总结。对本次课的实质意义、要点、难点、简单犯错处等实时进行总结。并针对事例的不足之处，进行引申和提高。注意在这个阶段，重申的是“指引"学生，而不是老师解说。第4个阶段，贯通融会、学致使用。事例源于生活,最后要应用于生活。为了使学生能学致使用、贯通融会、触类旁通,每次教课结束时实时部署有关的课后练习，使学生在课后进一步复习稳固，而且将课后作业归入形成性查核的内容之一.同时给出下一次课的学习内容，提示学生在课下达成视频学习和在线测试.2、充分利用现代化教课手段，提高教课成效教课中采纳电子演示文稿、大屏幕多媒体联机演示、网络教课等各样先进的教课手段，使讲堂教课生动开朗、令人着迷,提高了教课成效,同时提高了教课效率。包含：利用多媒体教课系统广播教课。把学生的共同问题（需要提示的要点）经过“广播教课”，边讲边演示，使学生即时看到操作成效。（2）利用网络将讲堂教课延长到课外，学生依据需要经过网络学习有关的内容，并进行在线答疑和议论。教师的课件和教课用资料都已都上传到教课资源下载中心，方便学生课外学习和复习.（二）查核评论建议引入新的评论内容引入。将MOOC在线测试成绩、在线学习时长、议论区活跃程度及有效度、团队学习状况所有列入MOOC学习成绩.最后课程成绩由“平常成绩（占20%），MOOC学习成绩（30％），期末考试成绩（占40％）"三个部分构成。（三）教材编写建议1）依照本课程标准编写教材，教材应充分表现以工作任务为中心组织课程内容和课程教课的设计思想。教材应将本专业职业活动,分解成若干典型的学习情境，每个情境由若干学习单元实行达成，按达成工作任务的需要和岗位操作规程来设计。教材应图文并茂，提高学生的学习兴趣，加深学生对建筑力学与构造的认识和理解。教材表达一定精华、正确、科学。4）教材内容应表现先进性、通用性、适用性，要将本专业新技术、新工艺、新设施实时地归入教材,使教材更切近本专业的发展和实质需要。5）教材中的活动设计的内容要详细,并拥有可操作性。（四）实验实训设施配置建议所有机房上课，每人一台电脑。软件环境:Windows2003Server/xp、SQLServer2005等软件，整个教课活动时在网络环境下进行的.教课资源放到网上，学生可随时下载，学生在网上能够和老师在线沟通，在线答疑、疑难问题留言等。（五)课程资源开发与利用建议建设本课程学习网站,增添课程资源库建设，力求在在线拓展资源方面做到完好、全面.2）产学合作开发实验实训课程资源,充分利用本行业典型的生产公司的资源,进行产学合作,成立实习实训基地,实践“做中学、学中做、边做边学”的育人理念,知足学生的实习实训，同时为学生的就业创立时机。成立本专业开放实验室及实训基地，使之具备现场教课、实验实训、职业技术证书考据的功能,实现教课与实训合一、教课与培训合一、教课与考据合一,知足学生综合职业能力培育的要求。（在原课程标准的基础上，需要要点提高:学生鉴于MOOC在线学习和翻转讲堂学习后，对于在线拓展资源方面的要求提高，以