课时教学计划
教师姓名时数  2
日期班级上课地点
课程（学习领域）名称《网页设计与制作》/《Web前端》/《HTML5》章节第1章Web前端职业前景与重要理念
单元主要教学内容认识网页与网站
能力（技能）目标知识目标素质目标
教学目标1．认识网页与网
站基础
2．了解网络设计
行业前景与发展
方向
3、熟悉工作界面
对软件有基本认识，对
本学期学习内容有初步
了解
网页设计是一门基础
软件应用、艺术欣赏的
课程。学好本门课程需
要学生有综合能力。
能力训练任务教材“课堂动手实践”
教学重点教学难点1.网站建设的基本流程。
2.“结构与表现相分离”的重要思想。
教学方法、手段多媒体教学
教学组织形式讲解、示范、边讲边练作业
备注第1章Web前端职业前景与重要理念1.1  了解Web前端工程师
1.1.1  HTML5前端开发的前景与必要认知1.1.2  认识网页的构成元素
1.1.3  了解专业术语
1.2  重要理念——表现和结构相分离
1.2.1  体验“表现和结构相分离”
1.2.2  认识Web标准
1.3  Web前端开发基本流程
1.3.1  开发流程
1.3.2  常用开发软件介绍
1.4  使用记事本创建HTML5页面
1.5  课堂动手实践
课时教学计划
教师姓名时数  4
日期班级上课地点
课程（学习领域）名称《网页设计与制作》/《Web前端》/《HTML5》章节第2章HTML5 页面的构建与简单控制
单元主要教学内容文档结构、列表、表格、多媒体、新增结构元素
能力（技能）目标知识目标素质目标
教学目标能够使用记事本完
成简单的页面效果。
掌握HTML和XHTML的基本
概念、掌握HTML的语法、
各种标签含义
培养学生对网页、网站概
念的认识，培养学生的相
互沟通能力和团队协作精
神。
能力训练任务教材“课堂动手实践”
教学重点教学难点1. HTML 5的文档结构和编写规范。
2.认知HTML 5主体结构类元素的含义。
教学方法、手段多媒体教学
教学组织形式讲解、示范、边讲边练作业
备注第2章HTML 5页面的构建与简单控制
2.1  Dreamweaver的工作环境概述
2.1.1  界面介绍
2.1.2  常用工具栏和面板
2.2  创建和管理站点
2.2.1  创建站点
2.2.2  “文件”面板的使用方法
2.2.3  管理站点
2.3  HTML5入门
2.3.1  使用Dreamweaver构建“H5标准页面”
2.3.2  DOCTYPE文档类型与基本结构元素2.3.3  HTML5常见元素
2.3.4  HTML5新增结构元素2.4  课堂动手实践
课时教学计划
教师姓名时数  6
日期班级上课地点
课程（学习领域）名称《网页设计与制作》/《Web前端》/《HTML5》章节第3章CSS3基础入门
单元主要教学内容站点、DIV元素、CSS入门、选择器
能力（技能）目标知识目标素质目标
教学目标能够Dreamweaver
和CSS制作简单页
面。
1.熟悉Dreamweaver的
工作环境；
2.了解站点及其相关
知识，能够使用DW创建和管
理站点，掌握CSS的基本语
法；；
3. 熟练掌握常用的
CSS选择器，能够通过选择
器修改指定对象的CSS规则。
培养学生对网页、网站概
念的认识，培养学生的相
互沟通能力和团队协作精
神。
能力训练任务教材“课堂动手实践”
教学重点教学难点1.创建站点。
html网页设计css2. CSS语法与链接方法。
3. CSS选择器。
教学方法、手段多媒体教学
教学组织形式讲解、示范、边讲边练作业
备注第3章CSS 3基础入门
3.1  CSS3的基础知识
3.1.1  CSS介绍
3.1.2  CSS的语法与注释
3.1.3  CSS的引入方式
3.2  盒模型
3.2.1  盒模型的基本概念
3.2.2  计算盒模型中的宽与高

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