《HTML网页设计》教案-.doc

专业名称： *** 课程名称：HTML网页设计 课程类别：专业核心能力课 课程代码： 系（部）：AA学院 教研室：AA教研室 任课教师：*** 第 PAGE 51 页 共 NUMPAGES 52 页 ***职业学院HTML网页设计课时教案 第1周 授课班级： 2019级***1班4班 授课课时：2 授课教师：*** 授课地点：*** 标题（章节或单元标题）： 第1章 教学目标 知识目标 能力（技能）目标 Internet和HTML简介 了解web设计与制作的原理 教学方法： 讲授法、演示法 教学手段：机房 教学内容（教学设计） （各部分标题后需注明时间分配。时间分配为预设时间，在实施过程中根据情况可适当微调） 1.1Internet简介（30分钟） 1.1.1Html简介 1.2 Html文档结构（30分钟） 1.2.1 页面标记title 1.2.2 辅助标记meta 1.2.3 正文标记body 小结（20分钟） 重点和难点： Html设计理念与制作思路 标记的概念 作业或 思考题 熟悉空白页面html结构 教学后记及改进措施 本章节操作内容较多，讲授中加强互动，要留给学生足够的思考时间和完善笔记时间。 ***职业学院HTML网页设计课时教案 第1周 授课班级： 2019级***1班4班 授课课时：2 授课教师：*** 授课地点：*** 标题（章节或单元标题）：第1章 教学目标 知识目标 能力（技能）目标 Dreamweaver的基本设置与使用 Dreamweaver的录入技巧 教学方法： 讲授法、演示法 教学手段：机房 教学内容（教学设计） （各部分标题后需注明时间分配。时间分配为预设时间，在实施过程中根据情况可适当微调） 1.3 dreamweaver开发工具 1.3.1 dreamweaver界面（20分钟） 1.3.2 dreamweaver插入菜单（20分钟） 1.3.3 dreamweaver属性检查器（20分钟） 小结（20分钟） 重点和难点： Dreamweaver基础操作与录入技巧 作业或 思考题 用dreamweaver完成空白页面的标签输入 教学后记及改进措施 本章节操作内容较多，讲授中加强互动，要留给学生足够的思考时间和完善笔记时间。 ***职业学院HTML网页设计课时教案 第1周 授课班级： 2019级***1班4班 授课课时：2 授课教师：*** 授课地点：*** 标题（章节或单元标题）： 第1章 教学目标 知识目标 能力（技能）目标 建站点、建文件 掌握文件路径描述 教学方法： 讲授法、演示法 教学手段：机房 教学内容（教学设计） （各部分标题后需注明时间分配。时间分配为预设时间，在实施过程中根据情况可适当微调） 1.4 新建网站 1.4.1 新建站点（20分钟） 1.4.2 新建页面（20分钟） 1.4.3 文件路径解析（20分钟） 小结（20分钟） 重点和难点： 站点管理 文件路径的应用 作业或 思考题 Html文件中加载多张图片 教学后记及改进措施 本章节操作内容较多，讲授中加强互动，要留给学生足够的思考时间和完善笔记时间。 ***职业学院HTML网页设计课时教案 第2周 授课班级： 2019级***1班4班 授课课时：2 授课教师：*** 授课地点：*** 标题（章节或单元标题）：第1章 教学目标 知识目标 能力（技能）目标 Html常见标签01 掌握常见标签的使用 教学方法： 讲授法、演示法 教学手段：机房 教学内容（教学设计） （各部分标题后需注明时间分配。时间分配为预设时间，在实施过程中根据情况可适当微调） html超文本标记语言 （20分钟） 标记 html 标签（20分钟） html /html 标签对 !doctype html 声明文档类型（20分钟） meta charset=utf-8/ 代码编码格式 单标签：直接在后面以斜杠结束 小结（20分钟） 重点和难点： 标签录入技巧与使用规则 作业或 思考题 默写空白页面的9行标签 教学后记及改进措施 本章节操作内容较多，讲授中加强互动，要留给学生足够的思考时间和完善笔记时间。 ***职业学院HTML网页设计课时教案 第2周 授课班级： 2019级***1班4班 授课课时：2 授课教师：*** 授课地点：*** 标题（章节或单元标题）：第1章 教学目标 知识目标 能力（技能）目标 Html常见标签02 掌握常见标签的使用 教学方法： 讲授法、演示法 教学手段：机房 教学内容（教学设计） （各部分标题后需注明时间分配。时间