第六周（47-54课时）.doc

2014－2015学年度第一学期《网页制作》课程电子教案 授课课题： 个人主页首页 授课教师：蒋红艳 NO： 24-25 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示、实训 学 时 数 4 教学目标 制作一个简单的个人网站，构建网站意识，掌握各种链接的灵活应用。 教学内容 文本超链接、图片超链接、电子邮件超链接 重点难点 图片热区超链接、水平线属性设置 教学方法 演示、讲解 学习方法 观察、实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、范例展示 二、任务分析 这是一个综合的小型网站，由三个相互链接的页面构成。主页布局可以用一个4行1列的表格完成，第1行，插入标题和图片；第2行，插入导航文字，设置链接；第3行，插入水平线，设置水平线样式；第4行，插入地图，制作图片热区超链接。 三、教师演示 1、学生1操作：新建站点、素材文件夹、首页； 2、学生2操作：绘制布局表格，复制素材； 3、学生3操作：第1行，插入图片、标题文字，设置文字样式； 4、学生4操作：输入导航菜单文字，网站中添加子页，建立超链接； 5、教师演示：插入水平线，设置水平线样式； 〈hr width=”” size=”” color=”” / 6、学生5操作：第4行，插入地图，创建图片热区超链接； 7、教师演示：设置页面背景。 ? ? 课堂练习 制作个人网站主页 ? ? 小结与作业 课堂小结 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题： 个人网站子页 授课教师：蒋红艳 NO： 26 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示、实训 学 时 数 2 教学目标 制作个人网站子页——版主的话，熟练掌握简单的网页布局、文本编排、样式设置，构建网站意识，掌握各种链接的灵活应用。 教学内容 电子邮件超链接、文字样式设置、水平线设置 重点难点 CSS设置文本样式 教学方法 演示、讲解 学习方法 观察、实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 二、任务分析 这是个人网站的子页：版主的话页面，整个页面比较简单，主要是文字和链接。因此设置文字的样式就显得非常重要。网页中的文字要做到疏密有度，便于阅读。页面布局可以用一个4行1列的表格完成，第1行，插入标题；第2行，插入导航文字，设置链接；第3行，插入水平线，设置水平线样式；第4行，插入文字，设置文字样式。 三、教师演示 1、学生1操作：新建子页banzhu.html； 2、学生2操作：绘制布局表格； 3、学生3操作：插入水平线，设置水平线样式； 〈hr width=”” size=”” color=”” / 4、教师操作：第4行，插入文字，设置文字样式； 5、教师演示：设置页面背景。 ? ? 课堂练习 制作个人网站子页：版主的话 ? ? 小结与作业 课堂小结 ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题： 个人网站子页（校园笑话） 授课教师：蒋红艳 NO： 27 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示、实训 学 时 数 2 教学目标 制作个人网站子页——校园笑话，熟练运用锚记超链接、电子邮件超链接等知识，掌握各种链接的灵活应用。 教学内容 锚记超链接的创建、文字样式设置 重点难点 锚记超链接 教学方法 演示、讲解 学习方法 观察、实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 二、任务分析 这是个人主页的校园笑话页面，页面较长，使用锚记超链接进行页面内的跳转。因此，熟练掌握锚记超链接的创建是本页面