HTML应用开发课程标准

1、HTML眩用开发-软件开发方向课程标准课程类别专业核心课程课程代码总学时108学分开设学期第三学期适用专业软件技术专业授课方式教学做一体化教学合作开发企业山东浪潮集团有限公司执笔人夏道春、李美芹、邓所春审核人制定时间一、课程概述（一）课程性质本课程是软件技术专业的一门专业核心课，该课程始终贯彻“工学 结合、项目导向”课程教学模式，以“实用、够用、必需”为原则，培 养学生的实际应用能力，取得了良好的教学效果。通过本课程的学习，使学生掌握网页设计的基本技术，建立网站弁 规划网站；使学生掌握多种类型网站的设计技巧与注意事项，能比较熟练地规划个人网站、企业网站、门户网站、娱乐网站、游戏网站、教学 网站

2、等各种不同主题的不同风格效果，促进学生创新意识和综合职业能力的形成。（二）课程基本理念HTML应用开发是体现以学生为主体的、基于工作过程导向的的学 习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作 环境的感性认识，进而获得与职业相关的专业知识和技能。即强调以学生直接经验的形式一一典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作， 真正落实教、学、做一体化课程的实施，切实提高人才培养质量。对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整

3、合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。因此，mooCe线学习主要通过视频讲解来获取专业基础知识，并通过在线测试、答疑讨论完成知识点的掌握，翻转课堂中主要通过技能实战训练达到巩固在线学习中所学的知识点，进一步提升专业实践水平，通过面对面解决核心问题。（三）课程设计思路HTML通用开发学习领域课程通过前一阶段前导课程的学习，学习者已对网页设计与制作的基本部分，如网页色彩搭配、网页布局、Photoshop 网页图像设计工具等有了初步认识。网页设计与制作这一典型工作任务仅靠已有的网页界面知识和技能已无法完成，这里要将网页设计与制作作为重点来学习。学习者

4、必须首先分析网页设计任务，确定网页设计与制作过程中的主要问题，才能进一步作好网页设计、制作的工作实施计划。同时，学习者应对电脑、网页设计工具软件、脚本语言等有较深入的知识，对电脑、 网页设计工具软件等有较熟练的操作技能。教学过程要实现课堂案例教学放到 MOO钱上学习，翻转课堂中重点 进行相关类似项目案例制作与答疑，从教学过程和形式上体现“线上”和“向下”的紧密结合。课程以项目为主线，通过问题、项目导入（实践）一学生思考、分 析、回答、教师评议、总结（理论）7扩展应用（实践）的方式进行， 使授课内容与工作实际紧密结合。（四）先修后续课程本门课程的先修课程是数据结构、 C语言程序设计、操 作系统，

5、后续课程是JSP程序设计、Android程序设计、顶 岗实习等。二、课程目标（一）总目标通过本课程学习，使学生能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进行网站的导入、规划、管理、发布的相 关技术及网页制作的操作技能；掌握 JAVASCRIPT却本编程语言的基本 语法知识，HTML中JAVASCRIPT!序的嵌入方法，对象的概念及使用 JAVASCRIP俅进行开发、维护、管理和设置 WEBZ用程序；能独立设 计小型WEB占点。（二）具体目标通过本课程的学习，学生要达到以下目标：1 职业能力目标能熟练

6、运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL创建超链接，图像链接，图像映射的建立方法；学会运用HTML吾言中的标记设置颜色、 文本格式和列表，熟练掌握颜色值的配置和背景图案的设置方法, 熟练掌握字符、链接颜色的设置方法；掌握在网页中添加 CSS嵌入图像、声音、多媒体信息的方法；熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；掌握JavaScript语言的语法；掌握在HTML吾言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；能够按网页设计技术要求修改

7、和调试JavaScript代码；学会使用JavaScript语言实现网页特效。2 .知识目标了解WEB占点的工作原理；了解 WWWHTTP HTML CSS勺定义，概念和作用；掌握HTML吾言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；掌握Dreamweaver应用软件的使用功能；掌握表格、表单的使用；理解对象的定义，及含义；理解事件的 概念；理解属性与方法的概念；了解面向对象程序设计思想。3 .职业素质目标具有勤奋学习的态度，严谨求实、创新的工作作风；具有良好的心理素质和职业道德素养；具有高度责任心和良好的团队合作精神；具有科学思维方式和一定的唯物辩证法思想；具

8、有较强的网页设计创意思维、艺术设计素质。三、内容标准与要求 教学项目教学活动设计建议序号教学内容与教学要求参考课时序号教学项目教学内容与教学要求教学活动设计建议参考课时1HTML新 线应用熟悉HTML5勺新特性、HTML捌虫结构；熟悉JavaScript的基本语法；了解HTML鹑线应用、缓存的工作机制等基本概念；熟悉manifest文件的结构和作用，能够搭建离线应用程序；使用JavaScript技术实现离线缓存更新、存储事件监听等功能；以多媒体课件讲解 基本概念的基础 上，以案例演示的 方式来加强学生对 知识难点的理解； 采用讲练结合的方 式让学生掌握 HTML5离线应用的 开发技术。10序号

9、教学项目教学内容与教学要求教学活动设计建议参考课时2HTML5We Workers 多线程处 理理解WebWorker/线程工作机制；熟悉 WebWorkers）成员魏念；创建WebWorkers使用多任务并发处理等技术实现与WebWorkers通信；该部分理论性较 强，内容比较抽象， 教师需要采用多媒 体课件进行基本概 念的讲解，以案例 教学法进行基本概 念和理论的详细演 示，学生上机实现 WebWorkers 多线 程应用并展示。63HTML5Ge( location 地理位置理解HTML5Geolocation 地理位置基本概念；掌握常用的GeolocationAPI 的功能和调用方法，

10、能够使 用相关API联取、处理 相关位置信息；该部分内容实践性 很强，在采用多媒 体课件讲解基本概 念的基础上，米用“学教做” 一体化 的教学方式，以教 师为主导，带领学 生边学边做，完成 地理位置典型案例 设计。8序号教学项目教学内容与教学要求教学活动设计建议参考课时4CSS3既述掌握CSS3勺编码规范； 了解CSS3勺新增特性; 应用CSS般计网页界 面；本部分内容实践性 很强，在采用多媒 体课件讲解基本概 念的基础上，米用 案例教学法，教师 为辅，学生自主完 成CSS臻例设计。105CSS跄择器了解选择器的基本概念；掌握CSS3S性选择器、 结构伪类选择器、UI 伪类选择器的定义和使用方

11、法；本部分内容实践性 很强，在多媒体课 件讲解的基础上， 以案例教学法进行 知识点的详细讲解 并带领学生进行上 机操作。学生自主 完成采用CSS3技 术的网贞界面设计10序号教学项目教学内容与教学要求教学活动设计建议参考课时6文本、子体与颜色掌握设计文本阴影； 掌握定义文本样式； 掌握设计颜色样式；本部分内容实践性 很强，在多媒体课 件讲解的基础上， 以案例教学法进行 知识点的详细讲解 并带领学生进行上 机操作。学生自主 完成网页文本的样 式和颜色设计87背景与边 框掌握多色边框设计概念并能实现多色边框； 掌握设计圆角、设计阴 影、设计背景的基本技 术。本部分内容实践性 很强，在多媒体课 件讲

12、解的基础上， 采用讲练结合的方 式，进行知识点的 详细讲解并带领学 生上机实现。882D变形了解简单的动画变形概念；掌握 Transform、2D变形技术实现自定义变形和较复杂的变形；本部分内容实践性 很强，教师须在多 媒体课件讲解的基 础上，以案例教学 法带领同学进行上 机操作，同学按照 任务进行上机练习 并进行总结。6序号教学项目教学内容与教学要求教学活动设计建议参考课时9设计动画掌握平滑过渡设计实本部分内容实践性 很强，教师以案例 教学法进行详细讲 解，并带领同学进 行上机操作，同学 按照任务进行上机 练习并进行总结。6现；掌握设计各种渐受效果；合计72四、实施建议（一）教学建议从HTM

13、L5Z用开发的实际问题出发，精心准备各种典型案例， 构建课程的宏观教学设计。例如，公司网站、网上鲜花直销、个人网站 精选、书籍专卖等。以若干个案例为载体，形成循序渐进、种类多样的 项目群，构建完整的教学设计布局。1 .教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂 上可以采用“四阶段教学法”。？第1个阶段，案例引入，提出问题。根据Mooca频学习的知识点，案例演示，提出问题，讲解案例应用 背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、 让学生感到学有所用，从而明确本次课的教学目标。？第2个阶段，学生自主学习，

14、尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。?第 3 个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。 ?第 4 个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、 触类旁通，每次教学结束时及时布置相关的课后练

15、习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生在课下完成视频学习和在线测试。2充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教学效率。包括：?（1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点） 通过 “广播教学”， 边讲边演示，使学生即时看到操作效果。?2 2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容，并进行在线答疑和讨论。教师的课件和教学用资料都已都上传到教学资源下载中

16、心，方便学生课外学习和复习。（二）项目实施建议在教学实施过程中采取企业式教学分组方法，具体做法如下：一个班级分成若干个项目组，每个项目组由若干个学生组成，每个 学生均被“任免”相应的公司职务。1 .学生的角色设计。每个班级由6-7人组成一个小组，即“项目组” 确定项目组名称和组织架构， 确定好每位同学在“项目组”中担任的职 务。根据岗位，学生各司其职，按老师的要求完成指定的工作任务。2 .教师的角色设计。教师根据自己的教学设计在不同的时期担任不 同角色，引导学生的学习。项目经理：作为项目经理，对各个项目组提 出“任务要求（学习目标的要求）”，弁定期检查成果；客户：在课堂 上，作为客户，将课程的

17、学习任务作为“业务”，让班级内的各个项目 组通过积极的学习来获得相应的任务，由教转为导。表二项目教学实施内容表项目1企业宣传类网站设计与实教室理实一体化教具体描述制作个人简介、学校宣传类、公司介绍类网站步骤1.网站需求分析和模块划分12.首页面设计3.反面调试与兼容处理工具与设备1 A/i n H aa/q h %旦夕不1 . windows7Kl术 I F/、4c2. WebStorm3. Photoshop教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质1 . 只，H日_L+T、刀奸|口您住用牛人1 口您ITJ日匕力2 .具备良好的团队协作能力3.具备良好的职业规范和职业

18、素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%素质考评10%工单考评20%实操考评40%（包括成果转化）工而目2而撕菩撕米网直上需件干田十一林7上筋具体描“口勿s 口 ？外， r 7" 丁八 十, 寸工ft I on入通过HTML膏频视频制作多种视频宣传网站步骤1.视频界面设计2.页面布局规划3.测试与运行工具与设备1A/i n H ca/q 中 r&l名本1 . VViIldOWS；zK|_EL|术 | FxJ<Tu2. WebStorm3. Photoshop、flash教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质1 且右 白十

19、% E A 拓1间联节n你E才同联的台卜力1 . 只e 曰_L+F、刀，町1与您仲用平人|uj您同日匕2.具备良好的团队协作能力3.具备良好的职业规范和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%素质考评10%工单考评20%实操考评40%（包括成果转化）T币日 GZ-U匕0/短：工中 N7 大坝曰3 且体描十士1伙小吕些不勺U物壬 些火 1半物石用HTMI 5k地激据度完成学4成结管理系统步骤1.需求分析2.数据库设计3.单元调试工具与1. Windows桌囿操作系统设备2. WebStorm3. Photoshop、flash教学方法任务驱动、小组讨论、头脑风暴、案例讲

20、解、角色扮演态度、素质1 目有向丰学习 分析问题和解沙问题的酢力 ，、111 L- J ，J、 yJ , 1/ 1 11 H 川T vv 1 J Azi 目 J 日匕 /J2.具备良好的团队协作能力3.具备良好的职业规范和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%素质考评10%工单考评20%实操考评40%（包括成果转化）项目4坦克大战游戏教室理室一体化教具体描综合应用HTML聆图功能完成小游戏制作步骤1.游戏总体架构搭建2.游戏模型构建b编码实现与单兀测试工具与设备1 . vvinuows；zK|_ni jyiQ 2. WebStorm3. Photoshop、flas

21、h教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质4 月右白十必 F 仆立1后1日而千口密守汁后1日而的台P 小1 .火但 曰_L十力"TI 口虺4口用牛认1 口心日匕力2 .具备良好的团队协作能力3.具备良好的职业规范和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%素质考评10%工单考评20%实操考评40%（包括成果转化）（三）考核评价建议教学实施后的教学评价方法与思路：考核主体：体现多主体性，包括教师评价、小组评价、自我评价、 同学互评；考核内容：包括课堂表现、课下项目任务完成情况、项目成果质量、 成果转化情况等；考核方式：包括课堂提问、宣传

22、栏展示、成果交流、模拟答辩、项 目成果转化等。评价因素：基于以下几个方面的考虑，建设性地利用课堂时间完成 作业（个人得分）；学生的成果质量（小组得分）；对参考资料的运用 （小组得分）；课堂发言的逻辑性、创见性（小组及个人得分）；与组 员合作、平等、分享（个人得分）。表三课程教学评价表项目好50%一® 30%差20%按时完成任务自主学习能力项目实施能力独立工作能力报告书面表达项目具体指标好40%T 309h 差 20%成果内容较好地表现了项目实施的要求。项目功能项目功能的运行与维护项目设计项目的整体规划设计有新意，启发 性强。（2）综合评价70%考评项目自我评估小组互评教师评估备注素质考评10工作纪律3(工作作风3协作精神4四）工单考评20教材工具使用5实操考评40任务方案101实施过程201编写完成情况5其他合计70建综合评价70议1 .依据本课程标准编写教材，教材应充分体现以工作任务为中心组 织课程内容和课程教学的设计思想。2 .教材应将