八年级(下册)信息技术教(学)案(清华版).pdf

《八年级(下册)信息技术教(学)案(清华版).pdf》由会员分享，可在线阅读，更多相关《八年级(下册)信息技术教(学)案(清华版).pdf（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、八年级信息技术教学计划计划 2015-2016 学年第二学期 2016年2月20日 一.本学期学生现状分析：本计划针对七年级全体学生，通过上学斯的学习，学生对计算 机的基础知识有了一定的了解，但是由于每一学期信息技术课时比 较少，学生的遗忘性大，大多数学生学后没有注意巩固，学生掌握 的情况不是很理想，参差不齐。有条件的学生家中有电脑或父母单 位有电脑，上机时间相对多一些，操作较熟练，有大部分学生纯粹 是上课时间听课，课后就没有练习巩固的机会，所以，这一部分学 生对所学知识遗忘较大，操作生疏；所以这学期要多提供给学生动 手实践的机会，让学生多动的操作，让学生在操作中学到知识。二.教材分析 本学期

2、教材是清华大学出版社会出版的 初中信息技术八年级 下册，。内容包括：第一单元：新手入门，轻松上路，开篇之作，星光闪烁，第二单元：统一风格，事半功倍，第三单元：驾轻就 熟，按图索伊，图形整合，白由穿梭，第四单元：一触即发，影音 视听，分享成果。难点知识：是第二单元的统一风格和事半功倍，重点三四单元驾轻就熟，按图索伊，图形整合，白由穿梭，一触即 发，影音视听 三.本学期学生能力要求：培养学生对信息技术的兴趣和意识，让学生了解和掌握信息技 术基本知识和技能，了解信息技术的发展及期应用对人类日常生活 和科学技术的深刻影响。通过信息技术课程使学生具有获取信息、传输信息、处理信息和应用信息的能力，教育学生

3、正确认识和理解 与信息技术相关的文化、伦理和社会等问题，负责任地使用信息技 术；培养学生良好的信息素养，把信息技术作为支持终身学习和合 作学习手手段，为适应信息社会的学习、工作和生活打下必要的基 础。四.本学期改进课堂教学，提高教学质量的措施：总体原则采取 任务驱动”教学方式、学生白学方式和动手操作三 种方式进行学习，适当进行一些小竞赛及课堂评价的方式进行教 学。明确教学重点、难点关键，探索、研究疑难问题及有关微机实 践。分析学生情况，统一教学要求，尽力做到超前 1 2 周，做到每 课必备，写好教案。领会大纲精神，钻研教材内容，从学生实际出 发做到十备：一备渗透德育；二备重点突出，突破难点方法

4、得当；三备信息技术基本概念；四备信息技术基本操作用语、基本术语；五备信息技术教学中的薄弱环节；六备疑难问题的解决思路；七备 信息技术实验操作的增补及成败关键；八备学生白学提纲；九备操 作练习作业精选；十备课堂教学的总设计。五.本学期工作目标：组织有意义的信息活动，让学生从中体会乐趣，激发学生学习 动力。活动中，互相学习，共同进步，培养集体荣誉感。适时开展比赛，在比中学，学中比，促进提高，培养学生创新 能力，注重学生动手、动脑的锻炼、培养 采取基本技能学习与德育想渗透的教学方式，注重培养学生健康 向上的人格品质，做到教书育人，使他们成为思想素质高尚的人才 2015-2016 学年第二学期八年级

5、信息技术教学进度表 周次 时间 教学内容 备注 第一周 2 月 20 日一 2 月 24 日 入学准备 第二周 2 月 27 日一 3 月 2 日 新手入门 第三周 3 月 6 日一 3 月 9 日 轻松上路 第四周 3 月 12 日一 3 月 16 日 开篇之作 第五周 3 月 19 日一 3 月 23 日 星光闪烁 第六周 3 月 26 日一 3 月 30 日 统一风格 第七周 4 月 2 日一 4 月 6 日 事半功倍 第八周 4 月 9 日一 4 月 13 日 驾轻就熟 第九周 4 月 16 日一 4 月 20 日 白由穿梭 第十周 4 月 23 日一 4 月 27 日 按图索伊 第

6、1 周 4 月 30 日一 5 月 4 日 图形整合 第十二周 5 月 7 日一 5 月 11 日 一触即发 第十三周 5 月 14 日一 5 月 18 日 影音视听 第十四周 5 月 21 日一 5 月 25 日 分享成果 第十五周 5 月 28 日一 6 月 1 日 第十六周 6 月 4 日一 6 月 8 日 第十七周 6 月 11 日一 6 月 15 日 第十八周 6 月 18 日一 6 月 22 日 课 题：第 1 课新手入门 课题 新手入门 授课时间 课 型 新授课 课时安排 一课时 教 学 目 标 知识与技能：1.掌握互联网、网贞与首贞、网站等网贞设计与网站制作的基 本知识。2.学

7、会使用记事本作为网贞编辑工具来编辑 HTML 代码并生 成网贞。3.掌握浏史网顶的方法并理解网顶编辑工具与浏览工具之间 的关系 过程与方法：利用多媒体设备和软件 情度与价值观：激发学生的成就感、咛集体的合作精神和集体荣誉感。教学重点 了解网站制作的基本知识，并制作一个简单的网顶 教学难点 学会使用十择本作为网页编辑工具来编辑 HTML代码并生成网 页。教具学具 准 备 多媒体网络教室。教学方法讲解、学生练习 教 学 过 程 一、导入新课：复 在当前的社会生活中，网络正在发挥着越来越重要的作用，大 备 量制作精美、功能强大的网站出现在互联网上。对于学生来说，制作个人网站也正在成为一种流行时尚。通

8、过本教材的学习可以轻松帮助学生入门，并逐步亲手打造属 于白己的个性十足的网站。二、教学新课：1、首先打开 IE 浏览器，在地址栏中输入网址，打开一个范例 网站的首页，单击首页中的动画、超文本、图片等网页元素，可 以分别链接到网站中的其他页面中。在操作过程中教师提出问 题，引导学生思考互联网、网站、网页、首页等术语的含义，以 及它们之间的关系，尝试让学生体会浏览器和网页的关系，从而 将网站设计与网页制作的基本知识进行概括总结并明确落实到每 个学生身上。在进行教学的时候，一定要让学生认识到已有知识的重要性，充 分利用已经具备的技能去尝试解决新问题，从而变被动学习为主 动探究。教师可引导学生充分利用

9、教材中的 视野拓展”和创作天地”板块进 行白学，这实际上是在实施分层教学，以巩固本课的知识技能为 主，适当地进行补充，让部分基础较好的同学在完成基本任务之 后也能有事可做，给学生创造出提高的空间。作为网站制作的起始课，教师要切实地关注每个学生，尤其是在 以前的学习过程中表现出学习能力较弱的学生，要确保每个学生 都有一个好的开始，都能将第一个网页作品保存到教师指定的位 置（本地磁盘或网络中的指定目录）。教师应对所有完成保存网页任务的学生进行及时地评价与鼓励，保护学生的学习积极性。另外，对完成基本任务并有所创新的同 学重点表扬，鼓励学生主动学习，有计划地营造良性竞争的氛 围。2、网页设计与网站制作

10、 在本课中通过欣赏站点，使学生了解和掌握互联网、网页与 首页、网站、丘浏览器的基本含义，并且能够明确它们相互之间的 关系。学生在学习网站制作之前已经接触过网站，浏览过各式各样的网 页，因此教师在完成此教学任务的时候，可以充分利用学生已有 基础，不必完全进行讲授式教学，可以结合启发、设问等方法，使学生尽可能地白己总结出相关知识。3、使用记事本作为网页编辑工具来编辑 HTML 代码并生成网页 在进行此部分教学的时候，可以先借助学生已有技能，启动 记事本，复制并粘贴素材文件中提供的HTML 代码，命名并保存文 件，然后在浏览器中进行预览。对于 HTML 代码部分，教师可以尝试通过修改属性值的方法，弓

11、I 导 学生探索标签的含义及其与属性值的对应关系，这也同时是对 创 作天地”板块中的练习进行提示的过程，然后通过分析此 HTML 实 例，讲解 HTML 语言的基本结构，对基本的、标签进行初步介绍，鼓励有 余力的同学通过 视野拓展”板块进行白学，并独立完成 创作天地力 中的练习。通过教师演示引导学生思考扩展名对文件的影响，既包括其 对文件图标的影响，也包括调用应用程序的影响，从而引出程序 关联的知识进行补充讲解，见图 1.1 和图 1.2。扩展名为htmlf调用：程序为IE浏览器:Hrn 扩展名为一叫，调用!程序为记事本：；firib til 3）保存文件 三、课堂练习：使用记事本作为网页编辑

12、工具来编辑 HTML 代码并生成网页 四、课 题：第二课:轻松上路 规划网站及创建站点 课 题 轻松上路 授课时间 课 型 新授课 课时安排 1 节课 教 学 知识与技能：1.了解网站开发流程。2.学会利用 Dreamweaver8 创建站点。目 过程与方法：标 情蚌度与价值观：教学重点 了解网站制作的基本知识，并制作一个简单的网顶。教学难点 多媒体网络教室。教具学具 讲解、学生练习。准 备 教 学 过 程、导入新课：开发一个网站是一个相当来说比较繁杂的过程，对于一个 网站而言，要有一个总的战略规划和目标。在做一个网站前，要有一个全盘的考虑。我们知道一个房子一旦地基没有打好，是要拔了重新盖，我

13、们做网站也是一样，如果你前期规划做的 不好，后面的工作就意味着白辛苦。这节课我们以 安全白护我 能行”为主题来进行网站规划和创建站点 二、教学新课：1.了解网站开发流程(1)网站需求分析 一个网站在设计前，就应该考虑网站规模多大，就是多少个 页面，每个页面的大体内容是什么，要用到那些素材，有那些 导航，做较大一点的网站尤为如此。还要考虑以后会有什么改 动，还要增加那些网页，尽量让以后的改动尽可能的小。网站 的需求分析所用的时间应该占到总开发时间的一半以上。确定网站主题 写作文要围绕中心思想去写，做网站要围绕主题去做。个人 主页、休闲、体育、教育、新闻、娱乐、购物、健康等等，不 管那类网站，都不

14、能脱离白己的主题，必须表现个性，表现出 特色才能给人留下深刻印象，让人流连忘返。收集素材 我们在这所说的素材就是你的网页上要用的各种素材 ，主要 包括：文字、图片、动画、音频、视频等。在网站主题明确 后，就应该把素材准备好，当然是越充分越好。不要等到用的 时候到处去找，那就影响效率了。规划站点 站点规划是需求分析中最重要的一个环节，包含很多方面的 内容。我们上节课看了一些别人做的网站，相信大家都多多少 少了解一些：栏目设置、颜色搭配、图文的应用等等。只有把这些内容都考虑全面了，制作的时候你的速度就快。否则就等 着不停的返工吧。(2)设计制作网站页面 页面制作要先大后小，先粗后精。就是先要把每个

15、页面要放 什么内容，按什么结构先做一个大概，所有页面的大概都做完 后，再去完善和细化。(3)网站的发布 需要域名和网页文件的存放空间。2.利用 Dreamweaver8 创建站点(1)启动 Dreamweaver8 简单的进行界面介绍(2)创建站点 步骤参见书上第 12 页 3.做一个简单的网页 要求图文并茂 三、课堂练习：学生小组合作完成任务，并将任务上交到教师机。四、课堂小结：对于较快完成任务并且完成任务较好的同学进行表扬鼓励。五、布置作业：六、板书设计：七、教学后记课 题：第三课:开篇之作 基于表格的页面布局 课题 开篇之作 授课时间 课 型 新授课 课时安排 一课时 教 学 目 标 知

16、识与技能：1.创建站点和网站首页。2.掌握对表格属性的相关设置。过程与方法：情蚌度与价值观：教学重点 能够对表格属性进行熟练的设置 教学难点 能够对表格属性进行熟练的设置 教具学具 准 备 多媒体网络教室 教学方法 讲解、学生练习 一、导入新课：一个网站的规划设计完毕了，接下来的工作就是网页设 计。我们知道一个网站的首页就像一本书的目录一样，我们做 网站也一样，要先把首页确定下来。我看了我们上一周做的网 页，有些同学想发挥点创意，但发现页面布局很乱，图片文字 乱七八糟堆放在一起。这节课我们就来学学怎样对页面布局进 行控制。在这之前我们先来看看别人的首页是怎么做的。（查 看事先准备好的示例网页，

17、分析表格在该页的作用）二、教学新课：（一）复习创建站点的步骤。1.在 D 盘新建一个文件夹，作为站点文件夹。2.打开 Dreamweaver8,单击 站点”菜单下的 新建站点”命令。3.新建站点（步骤略，参加课本 p12）。（二）创建网站首页 1.整理素材（1）右击 文件”面板中站点名 站点-安全白护我能行 D:safe”，在弹出的快捷菜单中执行 新建文件夹”命令，然后将 文件夹命名为 images。（2）将首页素材图片 index.gif,复制粘贴到 images 文件夹 中。（3）在 safe 文件夹下新建一文件夹 other,将 flash 动画素材整 理到 other 文件夹中。2.创

18、建并保存首页(1)单击 艾件”-新建”命令，选择 常规”，在 基本页”歹！J 表 框中选择 HTML 选项，单击 创建”按钮，即建立了一个空白 页。(2)执行 文件”-保存”命令，保存名 index.html,默认保存路 径是站点的跟目录。注意保存类型选择 html 文档”。(三)对首页进行初步布局 1.为页面添加背景颜色(1)单击文档窗口，使插入点在编辑区内闪烁，然后单击属 性”栏的页面属性”按钮。(2)找到 背景颜色”选项，输入浅黄色的颜色数值#FFFF94,单击确定”按钮，背景色设置完成。2.设置网页标题并预览网页效果。3.使用表格初步布局网页。(1)在文档窗口中单击，在页面左上角放置插

19、入点。(2)执行插入”-表格”命令。(3)在弹出的 表格”对话框中设置一个 2 行 1 列的表格，宽度 600 像素。(4)单击 标签选择器”中的标签，选中此表格，在属 性栏中完成表格的相关设置。具体参数如下：行数：2,列数：1,高度：600 像素，宽度 600 像素，对齐：居中对齐，背景图 片:index.gif。4.测试网页。三、学生练习 鼓励学生大胆尝试和创新，利用所学的内容，进行创意性发 挥。学生小组合作完成制作一个首页的任务，并将任务上交到教 师机。2.文档工具栏的使用。3.使用表格设计网页布局，可以使网页看上去更加整齐。三、课堂练习：鼓励学生大胆尝试和创新，利用所学的内容，进行创意

20、性发 挥。学生小组合作完成制作一个首页的任务，并将任务上交到教师 机。四、课堂小结：1.站点目录结构要清晰，方便管理，素材要按类型分别存放。五、布置作业：六、板书设计：七、教学后记课 题：第四课：星光闪烁 -用Flash动画完善首页 课题 用Flash动圆完善首页 授课时间 课 型 新授课 课时安排 一课时 教 学 目 标 知识与技能：1.学会表格的调整。2.能在网贞中插入 Flash,并对相关属性进行设置。3.能在网顶中插入文本，并对文字格式进行设置。过程与方法：学生动手、白主探究 情蛙度与价值观：提局学生的动手能力、及学生们对网顶的认 识。教学重点 在网贞中插入 Flash,并设置相关属性

21、 、导入新课:对于一个网页，信息的表达是多种多样的，我们可以使用 文字、图片等，我们也可以为网页添加动画、音频、视频等，为了让我们的网站看起来有动感，吸引别人的眼球，我们应该 学会在网页中使用 Flash。这节课我们就来一块学学怎么在网页 中使用 Flash。二、教学新课 1.新建站点（1）将安全白护我能行”站点文件夹传到学生机。（2）新建站点。2.调整表格 1）选择对象 表格、行、列、单元格属性的设置是以选择这些对象为前提 a）选择表格：标签选择器”中单击table标签；表格”菜 单下的选择表格”命令。b）选择某一单元格：按住 Ctrl 键，同时单击选中的单元格；标签选择器”中单击td标签。

22、c）选择某一行或某一列：将光标移动到行左侧或列上方，当鼠标指针变为向右或向下的箭头图标时，单击即可。2）设置第一行的属性 选中表格的第一行，将高度设为 420。和 flash 的高度一致。3.插入 flash 动画 1）将光标定位在表格第一行中，执行插入”一一媒体”一 Flash 命令。2）在弹出的对话框中选择 other 文件夹下的 index.swf,单击 教学难点 在网页中插入 Flash,并设置相关属性 教具学具 学生电脑 教学方法 演示法、讲授法 3）观察插入 flash 的状态，在编辑视图下，flash 小口见。4）单击选中 flash 文档，在属性面板设置相关属性：循环、白动播放

23、。预览观察效果。5）设置 Flash 参数，如 P23 页，图 4.6 E。4.在网顶中插入文本 1）插入普通文本：光标定位在单元格内，直接输入文字。2）插入特殊字符：插入”HTML”特殊网贞”。3）设置 E 属性：根据情况选择合适的格式或文字大小、颜色、对齐方式等。三、课堂练习：学生小组合作完成任务，并将任务上交到教师机。四、课堂小结：五、布置作业：六、板书设计：七、教学后记 课 题：第五课:统一风格 制作框架网页 课题 制作框架网页 授课时间 课 型 新授课 课时安排 教 学 目 标 知识与技能：1.掌握表格的拆分与合并。2.学会创建框架、制作框架网贞和保存框架网贞。3.能制作鼠标经过图像

24、的动态效果。过程与方法：学生动手、白主探究 情感态度与价值观：使学生对框架名构有一个初步的认识 教学重点 创建框架和制作框架网贞 一、导入新课：一个网站常常划分成多个区域，对于每个区域来说，其色 彩搭配、网站风格、网站标题、网站导航都是统一的。为了能 做到这种统一，我们每个网页中相同的内容固定在一个区域 我们通过创建框架制作框架网页，可以轻松实现网页结构划分 和布局。使大家对框架有一个初步的了解和感性认识 二、教学新课 1.新建站点(1)将安全白护我能行”站点文件夹 safe 传到学生机。(2)新建站点。2.创建框架和框架集 制作框架网页的前提是创建框架，并根据网页布局设计框架 的样式，然后再

25、具体设计制作网页的内容。(1)规划框架”文件夹。(2)新建框架集 步骤 1:执行艾件”一一新建”命令，打开新建文档”对话 框，在类别”中选择框架集”。步骤 2:单击创建”按钮，在弹出对话框中单击确定”，框架 创建完成。(3)保存框架集 步骤 1:执行文件”件夹中。步骤 2:重命名框架集文件和每个框架文件(4)设置框架和框架属性 框架的属性包括框架名称、源文件、边距、尺寸、滚动条 等；框架集的属性包括框架面积、框架边界颜色、距离等。步骤 1:执行 窗口”一一崖架”命令，打开框架面板。步骤 2:单击 框架”面板中的框架边缘部分，选中框架集，在 属性”面板中设教学难点 掌握目标设置在网页制作过程中的

26、作用和方法 教具学具 学生电脑 教学方法 演示法、讲授法 保存全部”命令，保存到frame文 置框架集的属性。步骤 3:单击 框架”面板中的 topFrame 框架和 mainFrame 框架，在 属性”面板中设置所选框架的属性。(5)制作框架网页 制作上框架网页 步骤 1:打开网页 top.html,设置背景颜色#EAFF8A,上边 距为 0 像素。步骤 2:插入一个 2 行 5 列的表格并调整行列的高 宽。一 步骤 3:在导航表格中，设置鼠标经过图像。步骤 4:为图片添加超链接，设置打开方式(目标)。制作下框架网页 步骤 1:打开网页 main.html,设置背景颜色#EAFF8A,上边

27、距为 0 像素。步骤 2:插入一个 5 行 9 列的表格并调整行列的高 宽。一 步骤 3:合并相关单元格。步骤 4:插入图片，并为图片添加超链接。步骤 5:添加邮件链接。三、课堂练习：学生小组合作完成书上的练习任务，并将任务上交到教师机 四、课堂小结：1.创建框架，实现网页风格的统一，保存框架时，需要保存 框架集文件和含有框架的所有文件。2.利用鼠标经过图像，可以制作网页导航动态按钮。3.超级链接是实现网页互联的关键，设置网页的打开方式，可以调整链接网页的显示位置。五、布置作业：六、板书设计：七、教学后记 课 题：第六课:事半功倍 制作网页模板 课题 制作网贞模板 授课时间 课 型 新授课 课

28、时安排 一课时 教 知识与技能：学 1、掌握模板的概念，特别是可编辑区域和不可 编辑区域。目 2、学会创建模板。3、能用模板快速的制作网页:、情蛙度与价值观：提局学生的回学能力，对网顶的认识和对网 页模板的了解 教学重点 理解模板中的可编辑区域和不可编辑区域 教学难点 掌握模板的概念，特别是可编辑区域和不可编辑区域 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课：我们在进行大量的顶面制作的时候，很多顶面会用到相同的 布局，图片和文字等元素。这样我们需要做一次次的重复性劳 动，那么有没有更好的方法让我们来快速的实现呢！有，通过 制作网顶模板快速创建网顶。这就是

29、我们这书课学习的内容。二、教学新课 一、模板的概念：模板可以被理解成一种网贞模型，利用这个 模型能够方便的制作出很多页面，使用模板可以避免重复的在 每个同输入或修改相同的部分，待网站改版的的时候，只要 改变模板的设计，系统就能白动更改所有基于这个模板创建的 网页。复备 二、模板的优点：1.风格一致，看起来比较系统，也省去了制作同 一面页的麻烦。2.如果要修改共同的页面不必一个一个修改，只 要更改应用于它们之上的模板就可以了。3.免除了以前没有此功能时还要常常 另存为”，一不小心就会覆盖重要档案的困扰。4.模板的优点还有它也不是一成不变的，即使是 在已经使用一个模板创建文档之后，也还可以对该 模

30、板进行修改。当更新模板时，文档中的锁定区都 会被更新，与模板的修改相匹配。在我们知道了模板的概念和优点之后，让我们通过实例来 具体的理解吧！现在给大家 3 分钟时间，然后边看边思考两个问 题：1、请大家找出例子中网页的相同地方和不同地方。2、例 子中风格接近的网页可以有几种方法制作？（框架？用另存 为？）再考虑：如果用以上两种方法做的话，万一网页的共同部分要 改动的话，是否每张都要改动过？能不能一次修改，所有网页 就会白动更新呢（方法就是使用模板！）现在我们来看看如何创建模板（教师边演示边解说）三、如何创建模板 步骤 1:打开安全白护我能行”站点，执行：窗 口”资源”命令，打开 资源”面板，单

31、击模板按钮，切换到模 板子面板 步骤 2:单击新建模板按钮”，将资源”面板的模 板列表中名称为Untitled 修改为 module,回车,则 Dreamweaver 在 资源”面板和 Templates 文件夹中创建一个新的空模板。步骤 3:打开文件”面板，在 Templates 中新建 images 和 other 两个文件夹，拷贝素材 四、利用表格规划模板网页 我们创建好了模板后，可以利用表格规划模板了，这是我们学 习过得内容，大家根据书 38 页具体步骤白己动手规划吧！三、课堂练习：大家根据书 38 贞具体步骤自己动手规划 四、课堂小结：五、布置作业:六、板书设计:七、教学后记 课 题

32、：第七课统一风格 制作框架网页 课题 制作框架网页 授课时间 课 型 新授课 课时安排 一课时 教 学 目 标 知识与技能：1.掌握利用模板创建网顶的方法。2.学会运用 Flash 按钮制作导航栏进行站内导航。3.了解链接对象的目标框架的含义 过程与方法：情蚌度与价值观：教学重点 掌握利用模板创建网顶的方法。教学难点 学会运用 Flash 按钮制作导航栏进行站内导航 教具学具 准 备 学生电脑 教学方法 讲解、学生练习。教 学 过 程 一、导入新课：创建模板是为了形成网站的统一风格，加快网站的建设。就像工厂生产机器零部件一样。模板创建完成后，面临的工作 就是利用模板创建网顶了。二、教学新课：1

33、.新建站点 复备(1)将安全白护我能行”站点文件夹 safe 传到学生机。(2)新建站点。2.应用模板创建网页(1)规划日常生活”文件夹(2)应用模板 用模板直接创建网页 步骤 1:执行文件”一一新建”命令，打开 模板”标 签，选择模板文件module,单击 创建”按钮，即可基于 module 模板创建一个网页。步骤 2:执行”文件”保存”命令，将网页命名 为rcsh.html,并保存到 rcsh 文件夹中。创建空白网页后再应用模板。步骤 1:创建空白普通网页。步骤 2:打开资源”面板，单击模板”按钮，则模板资 源显示在模板中。步骤3:选择合适的模板，单击应用”按钮。3.将日常生活网页链接到框

34、架网页(1)打开 all.html 网页，选择 rcsh 图片。(2)在属性面板中单击链接文本框后的 浏览文件”按钮。选 择网页 rcsh.html.(3)设置目标框架为 mainFrame,表示单击图片后，网页 日常生活”在框架网页的下框架 mainFrame 中打开。4.利用 Flash 按钮制作导航栏。5.填充日常生活网页中的内容 6.创建模板的其他方法。三、课堂练习：学生小组合作完成任务，并将任务上交到教师机 四、课堂小结：1.利用模板创建网页。2.在框架中打开网页的方法。3 制作 Flash 按钮链接。五、布置作业：六、板书设计：七、教学后记：课 题：第8课自由穿梭 课题 第 8 课

35、自由穿梭 授课时间 课 型 新授课 课时安排 一课时 教 学 目 标 知识与技能：1.灵活地使用水平线分隔网贞兀素。2.学会插入命名锚记以创建锚点链接。3.学习使用 Flash 文本作为链接对象。过程与方法：讲解、学生练习。情感态度与价值观：教学重点 局部连接的插入 教学难点 局部连接的设置于运用 教具学具 准 备 学生电脑 教学方法 讲授法、演示法 教 学 过 程 一、导入新课：当初步制作 父通出行”网贝后，可以看出本页包含的内容很多，不同主题的文 字和图片罗列在 F,难以区分，因此我们考虑使用水平线分隔元素，并为页面添 加锚点链接，实现晌的局部跳转，快速地将访问到特定主题或者网页顶部。二、

36、教学新课(1)插入水平线 水平线对丁组织信息很有用。插入水平线,操作比较简单,执行菜单插入”-HTML t水平线”命令就可以插入默认届性的水平线，其宽度为100%,高为2个 像素，怵阴影。另外，如以打开 插入”工具栏中的 HTML 工具栏，单击 水平 线”按钮插入水平线，在水平线的 属性检查器”面板中，可以设置水平线的宽度、高度、对齐方式、是否 备 带有阴影,应用的 CSS 样等，如要设置水平线的颜色可使用 快速标签编辑器”按钮 或在 拆分”视图中通过添加代码操作。宽和高：以像素为单位或以页面尺寸白分比的形式指定水平线的宽度和高度。对齐：指定水平线的对齐方式(默认”、厅对齐”、居中对齐”或右对

37、齐”)。仅当 水平线的宽度小丁浏览器窗口的宽度时，该设置才适用。阴影：指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘 制水平线。需要注意的是，水平线的有些设置在编辑窗口无法直接看到效果，需要在 IE 浏览器中预览，例如图 8.2 所示的为 2 条不同届性设置的水平线在编辑窗口中的 状态和 IE 浏览器中预览效果的对比。(2)创建锚点链接 在教材中我们将创建锚点链接分为两个步骤：命名锚记和链接锚记。在进行链接锚记的时候,我们采用是在 属性检查器”的链接”文本框中输入 锚记名称的方法，这就要求我们记住各个锚记对应的主题内容才能操作，否则还需 要单击相应的锚记名称，通过该锚记的属性检查器

38、”找到锚记名。其实，在进行链 接设置的时候，锚记也可以像文件一样，直接被鼠标选择作为链接目标，其步骤如 下：选择要添加链接的主题文本，如非机动车交通安全”。单击 属性检查器”中链接”文本框后的 指向文件”按钮，直接拖 动按钮到页面上，此时将会出现黑色的箭头，我们将此箭头拖动到需要链接的锚记 即可，如图 8.3所示。A J 堀国街口中的:IX态jj B 这2条水平等属性如 T：克；100W 眉:3像素 水平线A*居中对 而带阴影 水平线B右平而 无阴影，颜色#ff3300 IE中前同监效果:图驻所见即所得即的水平线a.箕驶自行车、电动自行车、三轮车在路段上瞄迅要?，；：_H|35|B I之匡辛季

39、 链援拖动到 个更件以创建匚曰 .ffl 8.3.川？.f迎义住.?主建援也涅.(3)插入 Flash 文本 Flash 文本与 Flash 按钮十分相似，都是在 Dreamweaver 中制作出的具有 Flash 效果的网页元素，都可以设置超链接，当给 Flash文本设置好背景色后，其外 观就如同 Flash按钮。在保存 Flash 文本的时候，需要注意的地方是保存路径，参考 Flash 按钮设 置即可，此处不再重复。三、课堂练习：在网页中插入局部连接 四、课堂小结：五、布置作业：六、板书设计：七、教学后记 课 题：第9课 按图索骥 课题 按图索骥 授课时间 课 型 新授课 课时安排 一课时

40、 教 学 目 标 知识与技能：1.理解图像热点超链接的含义 2.学会绘制各种形状的热区，并为之设置链接目标。过程与方法：情巽度与价值观：教学重点 图像热点超链接 教学难点 图像热点超链接 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课：复备 在 Dreamweaver 8 中，允许使用者以多种方式综合使用图像，为 网站增添生命力，同时加深浏览者对网站的良好印象。二、教学新课 1）图像热点超链接 在家务劳动”页面中，我们插入了一张尺寸较大的图像，图像的不同区域代表不同的主题内容，我们要为此图像设置局部 图像链接，制作出图多链”的效果。在 Dreamweaver

41、 中，这 种被分为多个区域（或称 热区”）的图像就称为 图像地图”。T 在图像上绘制热区之后，观察此图像=的属性检查器在“地图,文本框中 自动出现Map,如图9一1所示*这是系统自 I动为图像弛图分配的名称，我们也可以自!己定义图像地图的名祢便节己忆。当同一 E网页中使用多个图像地图时，要确保符个:地图言隋唯一名称。本图像地图包含 3 个热区，它们链接的目标既有命名锚记，也有 新创建的网页，其对应链接关系和目标框架如图 9.2 所示 （2）图像查看器在制作图像查看器之前，先要准备素材图片。在 Dreamweaver 中，对 3 种格式图像的支持是最好的，它们是 GIF、JPEG 和 PNG。但

42、是 IE 浏览器只能部分支持 PNG 图像的显 示，所以我们最好选用 GIF 和 JPEG 格式的图像制作图像检查器。我们不仅可以通过执行 插入”t 媒体”-图像查看器”命 令的方法插入图像检查器，还可以直接单击Flash元素”工具栏中 的图像查看器”按钮，如图9.3 所示。图像查看器的制作过程也是制作 swf 格式的 Flash 动画 文件的过程，我们在 Flash 元素”面板中设置的参数直接影响此动 画文件的效果。在窗口”菜单中，我们会发现其实并没有 Flash 元素”命令，如果打开 标签检查器”面板，然后在编辑窗口中单击创建 好的图像查看器的图标，那么 标签检查器”面板会白动变为 Flash 元素”面板，再此设置图像查看器的参数就可以了。3）网页与模板分离 当网页通过执行修改”7 模板”T 从模板中分离”命令与模板分离 之后，网页在编辑区域如图 9.4 所示的提示将会消失。三、课堂练习：完成课本练习 四、课堂小结：七、教学后记.专业资料.