《网页设计与制作(HTML5)》课程标准
一、课程说明
《网页设计与制作（HTML5）》课程标准
课程名称网页设计与制作（HTML5）标准简称Web 前端
适用专业计算机应用
技术
修读学期第三学期制订时间2018-08
课程代码课程学时72 课程学分  2
课程类型  B 类课程性质必修课课程类别专业核心课先修课程计算机文化基础、Photoshop
后续课程
对应职业资格证或内容Web 前端工程师
合作开发企业无
执笔人合作者无审核人
制（修）定
日期
2018-08
注：1.课程类型（单一选项）：A类（纯理论课）/B类（理论＋实践）/C类（纯实践课）
2.课程性质（单一选项）：必修课/专业选修课/公共选修课
3.课程类别（单一选项）：公共基础课/专业基础课/专业核心课
4.合作者：须是行业企业人员，如果没有，则填无
二、课程定位
《网页设计与制作（HTML5）》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、JavaScript语言、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画
效果，学会制作各种企业、门户、电商类网站。
三、设计思路
课程设计理念：明确必要的理论知识的生化与知识层面的拓展，不局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。
160
四、课程培养目标
1.专业能力
（1）通过《网页设计与制作（HTML5）》课程的学习，掌握Sublime 编程工具的使用和网页设计的思路。
（2）掌握HTML5与CSS3基础知识及最新技术，提升网页制作应用能力。
2.方法能力
（1）能够运用HTML技术布局网页。
（2）能够运用CSS 技术美化网页。
（3）能够运用HTML及CSS等技术修改已有页面。
3.社会能力
（1）培养学生具有较强的专业学习、执行和创新能力。
（2）自觉的规范意识、团队协作意识和协作能力。
（3）能运用各种交流手段进行良好地表达和交流。
（4）提高使用英语进行阅读和交流的能力。
（5）培养学生具有分析问题、解决问题的能力。
五、课程内容、要求及教学设计
（1）标准教学周为18 周，课时为72 节，每周2 次课4 课时。其中1 周用于实训，1周用于复习。
其中理论课时安排为24课时，实践课时（含习题课）为48课时
（2）实践项目包括：个人作品网页制作、广告网页制作、企业网页制作、产品介绍网页制作、新闻网页制作等。
161
（一）课程整体设计
序号学习情境知识目标专业能力方法能力社会能力学时
1.了解Web前端工程师行业前景
1初识 HTML 2.了解网站建设流程
3.了解 HTML 相关概念，HTML 发展历史
及 WEB 标准
4.认识网页构成的基本要素
1.掌握相关专业术语
2.掌握站点的创建
3.使用记事本创建简单的
HTML5 页面
能够在所学知识基础
上，结合以往学习和
生活经历，认识网页
的广泛应用
通过精美网页的欣
赏，提升学生审美能
力
2
5.了解HTML基本结构和语法
1.认识文本标签  1.掌握文本标签使用
2.认识多媒体标签  2.掌握多媒体标签使用
2HTML 常用标签3.认识区块标签
4.认识表格标签
3.掌握区块标签使用
4.掌握表格标签使用10
5.认识表单标签  5.掌握表单标签使用
6.认识超链接标签  6.掌握超链接标签使用
7.认识列表标签7.掌握列表标签使用
能够根据 HTML 常用
标签的编写方法，完
成学院简介、相亲网
页等案例
学习养成积极思考
问题、自主学习和解
决问题的习惯和能
力
3CSS 样式入门1.了解 CSS3 基础知识及语法
2.了解 CSS 样式的创建方法
3.认识 CSS 选择器
4.理解选择器权重问题
1.掌握 CSS 样式的创建
2.熟练运用多种 CSS 选择
器
3.利用 CSS 基础知识完成
页面简易美化
能够利用多种 CSS 样
式，完成设计、品牌
网页等案例
培养学生对待工作
和学习一丝不苟、精
益求精的精神
4 1.认识 CSS 浮动属性
4CSS 核心属性2.认识 CSS 文本属性
3.认识超链接属性
4.认识 CSS 背景属性
5.认识 CSS 边框属性
能够编写多种 CSS 核
心属性，完成个人作
品、广告网页等案例
培养学生发现问题、
分析问题和解决问
题的能力
12 6.认识 CSS 列表属性
1.熟练应用 CSS 控制文本
的外观和背景的样式
2.熟练运用 CSS 实现图文
混排效果
3.掌握列表样式控制
序号学习情境知识目标专业能力方法能力社会能力学时
5盒模型1.了解盒模型的组成部分
2.了解盒模型的相关元素
3.了解文本溢出相关的属性
4.了解定位属性
1.掌握使用盒模型进行页
面布局的方法
2.利用边框属性制作三角
形
3.掌握div定位方法
能够利用盒模型编写
网页，完成产品展示、
企业介绍网页等案例
培养学生理论联系
实际的能力
12
6元素类型1.了解元素类型分类依据和元素类型
分类
2.理解元素类型的转换
3.了解inline-block元素类型的应用
1.掌握元素类型特征
2.掌握元素类型之间的转
换
能够利用元素类型转
换安排网页效果，完
成企业、活动公告网
页等案例
培养学生勇于创新、
吃苦耐劳的精神
10
7CSS3 与 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 类
设备中都能自适应的
响应式页面
培养学生责任心和
良好的团队合作精
神
6
9Web App 类页
面的设计与实
现
1.了解 Web App 开发基础知识
2.认识 Bootstrap 框架和 Swiper 插件
3.了解页面实现过程
1.掌握移动端页面设计规
范
2.掌握等比缩放布局/rem
布局
能够制作移动端网
站，完成商城网页
培养学生科学的思
维方式和判断分析
问题的能力
6
10 综合复习  1.综合复习本学期学习内容
2.重点内容及难点内容解答掌握HTML5+CSS3 布局技
术方法和技巧
能够综合运用所学知
识完成网页制作
培养学生举一反三、
归纳总结的能力
4
合计讲授 24 学时、实践 44 学时、复习与习题课 4 学时，共 72 学时
（二）课程学习单元内容与要求
学习单元情境设计
单元名称初识 HTML学时2
学习要求1.掌握相关专业术语
2.掌握站点的创建
3.使用记事本创建简单的HTML5页面
任务 1Web前端工程师行业前景
任务 2网站建设流程
任务 3HTML 相关概念，HTML 发展历史及 WEB 标准任务 4网页构成的基本要素
任务分解
任务 5HTML基本结构和语法
学习单元情境设计
单元名称HTML 常用标签学时10
学习要求1.掌握文本标签使用
2.掌握多媒体标签使用
3.掌握区块标签使用
4.掌握表格标签使用
5.掌握表单标签使用
6.掌握超链接标签使用
7.掌握列表标签使用
任务分解任务 1文本标签

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。