《H5网页设计》课程标准.docx

《《H5网页设计》课程标准.docx》由会员分享，可在线阅读，更多相关《《H5网页设计》课程标准.docx（18页珍藏版）》请在优知文库上搜索。

1、H5网页设计课程标准一、课程定位HTML5开发及商务网站建设是大数据技术与应用专业的专业学习领域课。该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。是一门用途广泛、前景良好的计算机行业课程，是适应计算机大数据技术与应用专业课程的需要。该课程的学习可为后续PHP动态网站设计等课程奠定一定的职业能力基础。二、课程目标通过HTML5开发及商务网站建设课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。1.知识目标(1)理解网站的基本概念和HTML5网页编程语言基础；(2)掌握搭建开发环境、

2、网站的搭建(3)掌握HTML5中文字和段落的设置和常用标签；(4)掌握列表标签的使用；(5)掌握超级链接标签的使用；(6)掌握表格标签的设计和使用；(7)掌握框架页面布局；(8)掌握表单的设计；(9)掌握网页中多媒体的应用；(10)掌握层叠样式表CSS3的基本知识；（三）掌握一到多款网页设计软件的运用。2.能力目标(1)能运用HTML5标签设计网页；(2)能使用CSS3设计网页；(3)会网页设计工具设计网页。3.素质目标(1)具有自我学习的能力；(2)具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备

3、良好的团队合作精神以及自我展示能力。三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3+DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。

4、以职业岗位工作过程为导向，遵循以学生为主体，以教师为主导的教育理念。在教学安排上采取“教师提出任务、教师操作讲解示范、教师巡视指导、教师总结归纳”四个步骤；在学生训练上按照职业素质培养理念，在教学中采取“模仿学习、小组互动学习、网络课程开放学习、项目自主创新”四个阶段，学生除了完成规定的项目制作外，必须自主选择并独立设计制作一个网站项目，以此培养学生的职业技能和职业素养。在教学评价上采取“个人自评、小组点评、教师点评”三个环节。个人自评是学生对个人的作品进行评价；小组点评是组内成员对学生作品进行评价；教师点评是根据学生的作品完成情况和答辩情况进行评价。（3）课程开发和学习情境设计整个学习领域由

5、以下学习情境（课程单元）组成:课程项目任务网页设计项目一网页制作基础知识1. Web的基本概念2. HTML简介3. CSS简介4. 编写软件5. HTML结构项目二“说旅游”专题制作1. HTML文本控制标签2. HTML图像标记项目三“网上花店”专题制作1. CSS基础知识2. CSS3选择器3. CSS高级特性（层叠性、继承性、优先级）3.CSS文本样式项目四“青春树儿童摄影网”专题制作1.CSS盒子模型2 .元素的浮动3 .元素的定位项目五“穿搭速递”专题制作1 .列表标签2 .CSS控制列表样式3 .超链接项目六“千年之恋”专题制作L表格2.表单3. CSS控制表格样式4. CSS控

6、制表单样式项目七“赶快回家网”首页制作1 .JavaScript概述2 .JavaScript语言基础3 .流程控制语句4 .函数项目八“学习类网站建设”首页制作1.对象2.数组3 .BOM与DOM对象4 .事件处理课程开发和学习情境设计，整个学习领域由以下学习情境（课程单元）组成:学习情景1网页制作基础知识学习情景2“说旅游”专题制作学习情景3“网上花店”专题制作学习情景4“青春树儿童摄影网”专题制作学习情景5“穿搭速递”专题制作学习情景6“千年之恋”专题制作学习情景7“赶快回家网”首页制作学习情景8“学习类网站建设”首页制作2、课时分配建议本课程课时为64课时，其中理论教学32课时，实践教

7、学28课时。序号课程单元学习任务及教学要求参考学时学习任务教学要求理论教学实践教学1网页制作基础知识了解Web基本概念网页制作入门工具1 .掌握网页的结构2 .掌握元数据的定义和使用2编写一个简单的网页掌握网页的基本知识22“说旅游”专题制作认识HTMLHTML文本控制标记HTML图像标记L掌握HTML标签及属性2 .掌握HTML文本控制标记3 .掌握HTML图像、音频、视频标记4 .掌握路径4“说旅游”专题制作掌握HTML标签、文本控制标签、图像等标签的运用43“网上花店”专题制作LCSS基础知识2. CSS3选择器3. CSS高级特性（层叠性、继承性、优先级）L掌握CSS命名规则2 .掌握

8、在HTML中引用CSS样式表3 .掌握CSS选择器63.CSS文本样式4.掌握CSS控制文本样式“网上花店”专题制作掌握CSS样式、选择器、控制文本样式的运用44“青春树儿童摄影网”专题制作1.CSS盒子模型2.元素的浮动3.元素的定位1 .掌握盒子模型相关属性2 .掌握元素的类型与转换3 .掌握元素的浮动与定位4“青春树儿童摄影网”专题制作掌握盒子模型、盒子属性、浮动与定位的运用45“穿搭速递”专题制作1 .列表标签2 .CSS控制列表样式3 .超链接1 .掌握有序、无序、定义列表2 .掌握列表的嵌套应用3 .掌握CSS控制列表样式4 .掌握超链接及其相关属性4“穿搭速递”专题制作掌握列表、

9、超链接的运用46“千年之恋”专题制作1.表格2.表单3. CSS控制表格样式4. CSS控制表单样式1 .掌握表格、表单的创建及其属性2 .掌握表单控件3 .掌握CSS样式控制表格样式4 .掌握CSS样式控制表单样式4“千年之恋”专题制作掌握表格、表单的运用27“赶快回家网”首页制作1 .JavaScript概述2 .JavaScript语言基础3 .流程控制语句4 .函数1 .掌握JavaScript的引入方式2 .掌握JaVaSCriPt语言基础3 .掌握流程控制语句4 .掌握函数4“赶快回家网”首页制作掌握JaVaSCriPt语句、函数的应48“学习类网站建设”首页制作1.对象2.数组3

10、.BOM与DOM对象1 .掌握对象、数组2 .掌握BOM与DOM对象3 .掌握事件的处理44.事件处理“学习类网站建设”首页制作掌握对象、数组、事件的应用4合计603、课程单元描述课程单元1课程单元名称网页制作基础知识课时数理论教学实践教学22学习目标知识目标1 .掌握HTML5的基本结构2 .掌握元数据的定义和使用能力目标L能够区分网站和网页、静态网页和动态网页2 .能够编写基本的HTML5网页3 .能够知道网页中出现乱码的原因并解决4 .能够定义网页的元数据素质目标1 .能够在完成任务过程中自觉遵守相关的各项规定，按相应操作规程进行操作，保证操作安全2 .能在任务实施过程中主动学习、新技术

11、、新技能学习内容1.完成典型网站网页赏析；2.网页设计基本知识；3.网页设计流程；4.网页评价基本参考指标。教学方法和建议教学方法：通过“练学思拓”训练模式和项目化教学法实施教学建议：教学一体化教学条件要求1 .课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础图形处理基础、计算机应用基础教师所需执教能力要求1 .熟悉网站建设和网页制作工具；2 .熟悉网站建设流程和规划。校企双师授课安排建议校内教师授课内容：典型网站网页赏析；网页设计基本知识；网页设计流程；网页评价基本参考指标。企业兼职教师授课内容：典型网站网页赏析，网页结构布局与配色、网站开发流程。课程单元2课程单元名称“说旅游

12、”专题制作课时数理论教学实践教学44学习目标知识目标L理解块级元素和行内元素、相对路径和绝对路径2 .掌握基本的文字排版标签（p、br、hr、hh6）3 .掌握描述文本语义化、结构化元素（上下标等）4 .掌握将字符实体表示特殊的字符5 .掌握在网页中插入图像、音频和视频能力目标L能够运用标签（P、br、pre、hr、hlh6、上下标、div、span）2 .能够使用字符实体表示特殊字符3 .能够插入图像、视频、音频、多媒体文件4 .能够定义媒介分组和标题素质目标1 .具备根据任务需要主动学习的意愿和能力2 .能够在任务完成过程中发现问题、分析问题，并努力解决问题3 .能主动交流、合作，决策并执

13、行学习内容LHTML5的文档结构2 .HTML标签3 .标签的属性4 .HTML文本控制标记5 .HTML图像、音频、视频标记6 .路径教学方法和建议教学方法：通过“练学思拓”训练模式和项目化教学法实施教学建议：教学一体化教学条件要求1.课程标准2 .授课计划3 .授课教案4 .教学案例学生已有基础图形处理基础、计算机应用基础教师所需执教能力要求1 .熟悉网页编辑软件中站点的建立和管理2 .熟悉网页基本元素的使用方法校企双师授课安排建议校内教师授课内容：文本的输入、编辑和格式设置，图片插入和设置，多媒体元素的使用企业兼职教师授课内容：标签的使用课程单元3课程单元名称“网上花店”专题制作课时数理

14、论教学实践教学64学习目标知识目标1 .掌握CSS的基本语法、命名规范2 .掌握在HTML文档中使用CSS的方法（行内样式、内部样式表、链入外部样式表、导入外部样式表）及CSS的优先级层叠性3 .掌握基本选择器（标签、类、ID、通配）、组合选择器（包含、子、相邻、兄弟、分组）、属性、伪类选择器4 .掌握CSS设置文本颜色、字型、大小、大小写、粗细、斜体行高、缩进和对齐方式、字符间距和单词间距、文本修饰样式、阴影、书写模式、首行和首字字母样式能力目标1 .能够在HTML文档中使用CSS样式表2 .能够定义和使用基本选择器、组合选择器、属性选择器、伪类选择器3 .能够使用CSS设置文本颜色、字型、大小、大小写、粗细和斜体、行高、缩进和对齐方式、字符间距和单词间距、文本修