《网页设计与制作(HTML5)》课程标准.pdf
《《网页设计与制作(HTML5)》课程标准.pdf》由会员分享,可在线阅读,更多相关《《网页设计与制作(HTML5)》课程标准.pdf(28页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、 一、课程说明 网页设计与制作(HTML5)课程标准 课程名称 网页设计与制作(HTML5)标准简称 Web 前端 适用专业 计算机应用 技术 修读学期 第三学期 制订时间 2018-08 课程代码 课程学时 72 课程学分 2 课程类型 B 类 课程性质 必修课 课程类别 专业核心课 先修课程 计算机文化基础、Photoshop 后续课程 对应职业资格证或内容 Web 前端工程师 合作开发企业 无 执笔人 合作者 无 审核人 制(修)定 日期 2018-08 注:1.课程类型(单一选项):A 类(纯理论课)/B 类(理论实践)/C 类(纯实践课)2.课程性质(单一选项):必修课/专业选修课/
2、公共选修课 3.课程类别(单一选项):公共基础课/专业基础课/专业核心课 4.合作者:须是行业企业人员,如果没有,则填无 二、课程定位 网页设计与制作(HTML5)是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML 标记、CSS 样式、JavaScript 语言、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页 web 发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。三、设计思路 课程设计理念:明确必要的理论知识的生化与知识层面的拓展,不局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理
3、想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。160 四、课程培养目标 1.专业能力 (1)通过网页设计与制作(HTML5)课程的学习,掌握 Sublime 编程工具的使用和网页设计的思路。(2)掌握 HTML5 与 CSS3 基础知识及最新技术,提升网页制
4、作应用能力。2.方法能力 (1)能够运用 HTML 技术布局网页。(2)能够运用 CSS 技术美化网页。(3)能够运用 HTML 及 CSS 等技术修改已有页面。3.社会能力 (1)培养学生具有较强的专业学习、执行和创新能力。(2)自觉的规范意识、团队协作意识和协作能力。(3)能运用各种交流手段进行良好地表达和交流。(4)提高使用英语进行阅读和交流的能力。(5)培养学生具有分析问题、解决问题的能力。五、课程内容、要求及教学设计(1)标准教学周为 18 周,课时为 72 节,每周 2 次课 4 课时。其中 1 周用于实训,1周用于复习。其中理论课时安排为 24 课时,实践课时(含习题课)为 48
5、 课时(2)实践项目包括:个人作品网页制作、广告网页制作、企业网页制作、产品介绍网页制作、新闻网页制作等。161 (一)课程整体设计 序号 学习情境 知识目标 专业能力 方法能力 社会能力 学时 1.了解 Web 前端工程师行业前景 1 初识 HTML 2.了解网站建设流程 3.了解 HTML 相关概念,HTML 发展历史及 WEB 标准 4.认识网页构成的基本要素 1.掌握相关专业术语 2.掌握站点的创建 3.使用记事本创建简单的 HTML5 页面 能够在所学知识基础上,结合以往学习和生活经历,认识网页 的广泛应用 通过精美网页的欣赏,提升学生审美能力 2 5.了解 HTML 基本结构和语法
6、 1.认识文本标签 1.掌握文本标签使用 能够根据 HTML 常用标签的编写方法,完成学院简介、相亲网页等案例 学习养成积极思考问题、自主学习和解决问题的习惯和能力 2.认识多媒体标签 2.掌握多媒体标签使用 2 HTML 常用标签 3.认识区块标签 4.认识表格标签 3.掌握区块标签使用 4.掌握表格标签使用 10 5.认识表单标签 5.掌握表单标签使用 6.认识超链接标签 6.掌握超链接标签使用 7.认识列表标签 7.掌握列表标签使用 3 CSS 样式入门 1.了解 CSS3 基础知识及语法 2.了解 CSS 样式的创建方法 3.认识 CSS 选择器 4.理解选择器权重问题 1.掌握 CS
7、S 样式的创建 2.熟练运用多种 CSS 选择器 3.利用 CSS 基础知识完成 页面简易美化 能够利用多种 CSS 样式,完成设计、品牌网页等案例 培养学生对待工作和学习一丝不苟、精益求精的精神 4 1.认识 CSS 浮动属性 1.熟练应用 CSS 控制文本的外观和背景的样式 2.熟练运用 CSS 实现图文混排效果 3.掌握列表样式控制 4 CSS 核心属性 2.认识 CSS 文本属性 3.认识超链接属性 4.认识 CSS 背景属性 5.认识 CSS 边框属性 能够编写多种 CSS 核心属性,完成个人作品、广告网页等案例 培养学生发现问题、分析问题和解决问题的能力 12 6.认识 CSS 列
8、表属性 序号 学习情境 知识目标 专业能力 方法能力 社会能力 学时 5 盒模型 1.了解盒模型的组成部分 2.了解盒模型的相关元素 3.了解文本溢出相关的属性 4.了解定位属性 1.掌握使用盒模型进行页面布局的方法 2.利用边框属性制作三角形 3.掌握 div 定位方法 能够利用盒模型编写网页,完成产品展示、企业介绍网页等案例 培养学生理论联系实际的能力 12 6 元素类型 1.了解元素类型分类依据和元素类型分类 2.理解元素类型的转换 3.了解 inline-block 元素类型的应用 1.掌握元素类型特征 2.掌握元素类型之间的转换 能够利用元素类型转换安排网页效果,完成企业、活动公告网
9、 页等案例 培养学生勇于创新、吃苦耐劳的精神 10 7 CSS3 与 HTML5 高级应用 1.认识 H5 新标签 2.了解 CSS3 渐变、动画、选项卡 1.掌握 H5 新标签的运用 2.掌握 CSS Sprite 技术、CSS3 渐变、动画 能 够 运 用 CSS3 及 HTML5 新内容,完成极速赛车、飞越天空 网页等案例 培养学生团队协作能力,诚实守信的优秀品质 6 8 多设备响应式页面的实现 1.了解响应式 Web 设计 2.了解响应式页面实现方式 1.掌握响应式 Web 设计 2.掌握 media query 相关知识 能够制作在 PC 端、Pad 端和手机端 3 类设备中都能自适
10、应的 响应式页面 培养学生责任心和良好的团队合作精神 6 9 Web App 类页面的设计与实现 1.了解 Web App 开发基础知识 2.认识 Bootstrap 框架和 Swiper 插件 3.了解页面实现过程 1.掌握移动端页面设计规范 2.掌握等比缩放布局/rem 布局 能够制作移动端网站,完成商城网页 培养学生科学的思维方式和判断分析问题的能力 6 10 综合复习 1.综合复习本学期学习内容 2.重点内容及难点内容解答 掌握 HTML5+CSS3 布局技 术方法和技巧 能够综合运用所学知 识完成网页制作 培养学生举一反三、归纳总结的能力 4 合计 讲授 24 学时、实践 44 学时
11、、复习与习题课 4 学时,共 72 学时 (二)课程学习单元内容与要求 学习单元情境设计 单元名称 初识 HTML 学时 2 学习要求 1.掌握相关专业术语 2.掌握站点的创建 3.使用记事本创建简单的 HTML5 页面 任务分解 任务 1 Web 前端工程师行业前景 任务 2 网站建设流程 任务 3 HTML 相关概念,HTML 发展历史及 WEB 标准 任务 4 网页构成的基本要素 任务 5 HTML 基本结构和语法 学习单元情境设计 单元名称 HTML 常用标签 学时 10 学习要求 1.掌握文本标签使用 2.掌握多媒体标签使用 3.掌握区块标签使用 4.掌握表格标签使用 5.掌握表单标
12、签使用 6.掌握超链接标签使用 7.掌握列表标签使用 任务分解 任务 1 文本标签 任务 2 多媒体标签 任务 3 区块标签 任务 4 表格标签 任务 5 表单标签 任务 6 超链接标签 任务 7 列表标签 学习单元情境设计 单元名称 CSS 样式入门 学时 4 学习要求 1.掌握 CSS 样式的创建 2.熟练运用多种 CSS 选择器 3.利用 CSS 基础知识完成页面简易美化 任务分解 任务 1 CSS3 基础知识及语法 任务 2 CSS 样式的创建方法 任务 3 CSS 选择器 任务 4 选择器权重 学习单元情境设计 单元名称 CSS 核心属性 学时 12 学习要求 1.熟练应用 CSS
13、控制文本的外观和背景的样式 2.熟练运用 CSS 实现图文混排效果 3.掌握列表样式控制 任务分解 任务 1 CSS 浮动属性 任务 2 CSS 文本属性 任务 3 超链接属性 任务 4 CSS 背景属性 任务 5 CSS 边框属性 任务 6 CSS 列表属性 学习单元情境设计 单元名称 盒模型 学时 12 学习要求 1.掌握使用盒模型进行页面布局的方法 2.利用边框属性制作三角形 3.掌握 div 定位方法 任务分解 任务 1 盒模型的组成 任务 2 盒模型相关元素 任务 3 文本溢出相关属性 任务 4 定位属性 学习单元情境设计 单元名称 元素类型 学时 10 学习要求 1.掌握元素类型特
14、征 2.掌握元素类型之间的转换 任务分解 任务 1 元素类型分类依据和元素类型分类 任务 2 元素类型的转换 任务 3 inline-block 元素类型的应用 学习单元情境设计 单元名称 CSS3 与 HTML5 高级应用 学时 6 学习要求 1.掌握 H5 新标签的运用 2.掌握 CSS Sprite 技术、CSS3 渐变、动画 任务分解 任务 1 H5 新标签 任务 2 CSS3 渐变、动画、选项卡 学习单元情境设计 单元名称 多设备响应式页面的实现 学时 6 学习要求 1.掌握响应式 Web 设计 2.掌握 media query 相关知识 任务分解 任务 1 响应式 Web 设计 任
15、务 2 响应式页面实现方式 学习单元情境设计 单元名称 Web App 类页面的设计与实现 学时 6 学习要求 1.掌握移动端页面设计规范 2.掌握等比缩放布局/rem 布局 任务分解 任务 1 Web App 开发基础知识 任务 2 Bootstrap 框架和 Swiper 插件 任务 3 页面实现过程 学习单元情境设计 单元名称 综合复习 学时 4 学习要求 掌握 HTML5+CSS3 布局技术方法和技巧 任务分解 任务 1 综合复习 任务 2 重点内容及难点内容解答 六、课程考核与评价 本课程考核分为平时成绩、实践成绩和期末成绩三个部分,分别占总评成绩的 30%、40%、30%。列表如下
16、:总评成绩 平时成绩 实践成绩 期末成绩 出勤 平时作业 100%10%20%40%30%小计 30%40%30%(1)平时成绩包括:出勤、平时作业、实践操作 出勤占总成绩 10%。迟到、早退一次扣 1 分,缺勤一次扣 5 分。正常请假不扣分。平时作业占总成绩 20%,共计 5 次,还有一次小测。五次作业每次 15 分计算,小测按 25 分计算。作业成绩等级分 A、B、C、D 四类。独立完成、书写工整,结论正确为 A;独立完成、书写工整,结论有少量错误为 B;书写笔记难以辨认,结论有较多错误为 C;作业不完整为 D。(2)实践操作占总成绩 40%。共计一周实训。独立完成为 A,在他人指导下完成
17、为 B。(3)期末成绩为上机考试成绩。考试方式为闭卷考试。试卷中含超纲题目分值不低于 5 分,不高于 10 分。七、教材及相关资源 1.工业和信息化“十三五”高职高专人才培养规划教材,HTML5+CSS3 Web 前端设计基础教程,编著者:吴丰,人民邮电出版社。2.长期有效的网络资料平台,储备大量的优秀作品以备参考。3.信息化教学资源库,储备多媒体课件、多媒体素材、电子图书、专业软件。4.符合教学大纲和课程要求的试题库、实训指导书,增加图书馆内学习参考书、专业期刊等馆藏。八、任课教师要求 教学团队的素质培养以职业道德素质、专业理论知识、专业实践技能、教育教学能力、课程和教材设计能力、科研创新能
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作HTML5 网页 设计 制作 HTML5 课程标准
限制150内