《网页设计与制作（HTML5）》课程标准.docx

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