DW教案4-添加首页内容（二）

NO：7-8

授课时间 授课班级 课 题 2010年 月 日 计网0901班 授课地点 课 型 机房 理论、实训 添加首页内容（二） 知识目标 使学生掌握添加图像和创建与应用CSS美化网页的方法 教学目标 能力目标 提高学生运用所学知识解决实际问题的能力 情感目标 对学生进行课堂行为规范的教育 教学重点 教学难点 教学关键 教学方法 教学用具 教学环节 教学调控 组织教学 复习提问 导入新课 讲授新课 添加图像、应用CSS 应用CSS美化网页 通过实训突破重点难点 讲解法、任务驱动法 计算机 教 学 内 容 清点人数 师生问好等 如何重命名样式和修改文本样式？ 页面中输入了文本，设置了文本的样式，使网页内容逐渐充实起来。但是，如果缺少了精美的图像，文本内容再丰富，见面也显得过于单调。 任务三 添加图像 5分 40分 德育渗透 文本是网页中最常用的内容，具有其他网页元素无法替代的功能 任务描述 通过为首页添加图像来掌握添加和编辑图像的方法。 操作步骤 1、 需求分析 需求：为首页添加图像内容 分析：图像是网页中经常使用的元素，图像的插入方法比较简单，但需要区分图像的格式，因为并不是所有的图像都能在网页中正常显示。插入图像后需要熟悉“属性”面板及其设置。 2、 插入图像 将本单元素材文件夹中的“images”文件夹下的全部图像素材复制到本网站根目录下的“images”文件夹中，选中“top.jpg”图像，按住鼠标左键拖曳到“自我介绍”标题前。属性设置为“右对齐”，其他图像按要求插入。 课堂实训 教材P45“举一反三” 教学环节 教学调控 任务四 创建与应用CSS美化网页 课后小结 作 业 教 学 内 容 40分 5分 任务描述 通过使用CSS样式来美化网站的首页，熟悉CSS样式的定义、应用、修改、删除等功能。 操作步骤 1、 需求分析 需求：美化首页中的内容 分析：页面中的各种对象都可以使用CSS样式进行定义。创建CSS样式时需要明确样式种类，准确应用各种类型的样式。 1、 文本样式设置与应用 将“幽幽我心的个人网站”这9个字属性设置为：大小“16”，颜色“#0099FF” “粗体”、“居中对齐”，样式名默认为“STYLE1” 其他标题文字：大小“14”， 颜色“#996600”， 样式名默认为“STYLE2”? 2、 样式重命名 将“STYLE1”重命名为“title1”， “STYLE2”重命名为“title2” 3、 修改文本样式 将“青春寄语”样式改成“STYLE3” 4、 插入列表与水平线 课堂实训 教材P40“举一反三” 知识拓展 2、 强制换行的方法 2、输入多个空格的方法 本节课我们讲解了添加文本首页的方法以及强制换行和输入多个空格的操作技巧，课后应多加练习。 实训报告 添加首页内容（二） 任务一 添加首页文本 任务二 编辑文本样式（重难点） 板书设计 任务描述 任务描述 步骤 步骤 教 检（签章）： 教学后记 年 月 日

本文来源：https://www.bwwdw.com/article/l2ah.html