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

天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 八年级信息技术教学计划计划 20xx----20xx学年第二学期 20xx年 2 月 20 日 一.本学期学生现状分析： 本计划针对七年级全体学生，通过上学斯的学习，学生对计算 机的基础知识有了一定的了解，但是由于每一学期信息技术课时比 较少，学生的遗忘性大，大多数学生学后没有注意巩固，学生掌握 的情况不是很理想，参差不齐。有条件的学生家中有电脑或父母单 位有电脑，上机时间相对多一些，操作较熟练，有大部分学生纯粹 是上课时间听课，课后就没有练习巩固的机会，所以，这一部分学 生对所学知识遗忘较大，操作生疏；所以这学期要多提供给学生动 手实践的机会，让学生多动的操作，让学生在操作中学到知识。 二．教材分析 本学期教材是清华大学出版社会出版的《初中信息技术》八年 级下册，。内容包括：第一单元：新手入门，轻松上路，开篇之作 ，星光闪烁，第二单元：统一风格，事半功倍，第三单元：驾轻就 熟，按图索伊，图形整合，自由穿梭，第四单元：一触即发，影音 视听，分享成果。难点知识：是第二单元的统一风格和事半功倍， 重点三四单元驾轻就熟，按图索伊，图形整合，自由穿梭，一触即 发，影音视听 三.本学期学生能力要求： 培养学生对信息技术的兴趣和意识，让学生了解和掌握信息技 术基本知识和技能，了解信息技术的发展及期应用对人类日常生活 和科学技术的深刻影响。通过信息技术课程使学生具有获取信息、天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 传输信息、处理信息和应用信息的能力，教育学生正确认识和理解 与信息技术相关的文化、伦理和社会等问题，负责任地使用信息技 术；培养学生良好的信息素养，把信息技术作为支持终身学习和合 作学习手手段，为适应信息社会的学习、工作和生活打下必要的基 础。 四.本学期改进课堂教学，提高教学质量的措施： 总体原则采取“任务驱动”教学方式、学生自学方式和动手操 作三种方式进行学习，适当进行一些小竞赛及课堂评价的方式进行 教学。明确教学重点、难点关键，探索、研究疑难问题及有关微机 实践。分析学生情况，统一教学要求，尽力做到超前1— 2周，做到每课必备，写好教案。领会大纲精神，钻研教材内容，从 学生实际出发做到十备：一备渗透德育；二备重点突出，突破难点 方法得当；三备信息技术基本概念；四备信息技术基本操作用语、 基本术语；五备信息技术教学中的薄弱环节；六备疑难问题的解决 思路；七备信息技术实验操作的增补及成败关键；八备学生自学提 纲；九备操作练习作业精选；十备课堂教学的总设计。 五.本学期工作目标： 组织有意义的信息活动，让学生从中体会乐趣，激发学生学习 动力。活动中，互相学习，共同进步，培养集体荣誉感。 适时开展比赛，在比中学，学中比，促进提高，培养学生创新 能力，注重学生动手、动脑的锻炼、培养 采取基本技能学习与德育想渗透的教学方式，注重培养学生健康 向上的人格品质，做到教书育人，使他们成为思想素质高尚的人才天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 20xx-20xx学年第二学期八年级 信息技术教学进度表 周次 时间 教学内容 备注 第一周 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日 按图索伊 第十一周 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日天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题：第1课 新手入门 课 题 新手入门 授课时间 课 型 新授课 课时安排 一课时 知识与技能： 1．掌握互联网、网页与首页、网站等网页设计与网站制作的基 本知识。 2．学会使用记事本作为网页编辑工具来编辑HTML代码并生成 网页。 3．掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的 关系 过程与方法：利用多媒体设备和软件 教 学 目 标 情感态度与价值观：激发学生的成就感、培养集体的合作精神和集体荣誉感。 教学重点 了解网站制作的基本知识，并制作一个简单的网页 教学难点 学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页 。 教具学具 准 备 多媒体网络教室。 教学方法 讲解、学生练习天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 教 学 过 程 一、导入新课： 在当前的社会生活中，网络正在发挥着越来越重要的作用，大 量制作精美、功能强大的网站出现在互联网上。对于学生来说， 制作个人网站也正在成为一种流行时尚。 通过本教材的学习可以轻松帮助学生入门，并逐步亲手打造属于 自己的个性十足的网站。 二、教学新课： 1、首先打开IE浏览器，在地址栏中输入网址，打开一个范例 网站的首页，单击首页中的动画、超文本、图片等网页元素，可 以分别链接到网站中的其他页面中。在操作过程中教师提出问题 ，引导学生思考互联网、网站、网页、首页等术语的含义，以及 它们之间的关系，尝试让学生体会浏览器和网页的关系，从而将 网站设计与网页制作的基本知识进行概括总结并明确落实到每个 学生身上。 在进行教学的时候，一定要让学生认识到已有知识的重要性，充 分利用已经具备的技能去尝试解决新问题，从而变被动学习为主 动探究。 教师可引导学生充分利用教材中的“视野拓展”和“创作天地” 板块进行自学，这实际上是在实施分层教学，以巩固本课的知识 技能为主，适当地进行补充，让部分基础较好的同学在完成基本 任务之后也能有事可做，给学生创造出提高的空间。 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 作为网站制作的起始课，教师要切实地关注每个学生，尤其是在 以前的学习过程中表现出学习能力较弱的学生，要确保每个学生 都有一个好的开始，都能将第一个网页作品保存到教师指定的位 置（本地磁盘或网络中的指定目录）。 教师应对所有完成保存网页任务的学生进行及时地评价与鼓励， 保护学生的学习积极性。另外，对完成基本任务并有所创新的同 学重点表扬，鼓励学生主动学习，有计划地营造良性竞争的氛围 。 2、网页设计与网站制作 在本课中通过欣赏站点，使学生了解和掌握互联网、网页与 首页、网站、IE浏览器的基本含义，并且能够明确它们相互之间的 关系。 学生在学习网站制作之前已经接触过网站，浏览过各式各样的网 页，因此教师在完成此教学任务的时候，可以充分利用学生已有 基础，不必完全进行讲授式教学，可以结合启发、设问等方法， 使学生尽可能地自己总结出相关知识。 3、使用记事本作为网页编辑工具来编辑HTML代码并生成网页 在进行此部分教学的时候，可以先借助学生已有技能，启动 记事本，复制并粘贴素材文件中提供的HTML代码，命名并保存文 件，然后在浏览器中进行预览。 对于HTML代码部分，教师可以尝试通过修改属性值的方法，引导 学生探索标签的含义及其与属性值的对应关系，这也同时是对“ 创作天地”板块中的练习进行提示的过程，然后通过分析此HTML天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 实例，讲解HTML语言的基本结构，对基本的 、、标签进行初步介绍，鼓 励有余力的同学通过“视野拓展”板块进行自学，并独立完成“ 创作天地”中的练习。 通过教师演示引导学生思考扩展名对文件的影响，既包括其 对文件图标的影响，也包括调用应用程序的影响，从而引出程序 关联的知识进行补充讲解，见图1.1和图1.2。 3) 保存文件 三、课堂练习： 使用记事本作为网页编辑工具来编辑HTML代码并生成网页 四、天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题：第二课：轻松上路 ——规划网站及创建站点 课 题 轻松上路 授课时间 课 型 新授课 课时安排 1节课 知识与技能： 1.了解网站开发流程。 2.学会利用Dreamweaver8创建站点。 过程与方法： 教 学 目 标 情感态度与价值观： 教学重点 了解网站制作的基本知识，并制作一个简单的网页。 教学难点 多媒体网络教室。 教具学具 准 备 讲解、学生练习。 教学方法 教 学 过 程 一、导入新课： 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 开发一个网站是一个相当来说比较繁杂的过程，对于一个 网站而言，要有一个总的战略规划和目标。在做一个网站前， 要有一个全盘的考虑。我们知道一个房子一旦地基没有打好， 是要拔了重新盖，我们做网站也是一样，如果你前期规划做的 不好，后面的工作就意味着白辛苦。这节课我们以“安全自护 我能行”为主题来进行网站规划和创建站点 二、教学新课： 1.了解网站开发流程 （1）网站需求分析 一个网站在设计前，就应该考虑网站规模多大，就是多少个 页面，每个页面的大体内容是什么，要用到那些素材，有那些 导航，做较大一点的网站尤为如此。还要考虑以后会有什么改 动，还要增加那些网页，尽量让以后的改动尽可能的小。网站 的需求分析所用的时间应该占到总开发时间的一半以上。 ①确定网站主题 写作文要围绕中心思想去写，做网站要围绕主题去做。个人 主页、休闲、体育、教育、新闻、娱乐、购物、健康等等，不 管那类网站，都不能脱离自己的主题，必须表现个性，表现出 特色才能给人留下深刻印象，让人流连忘返。 ②收集素材 我们在这所说的素材就是你的网页上要用的各种素材，主要 包括：文字、图片、动画、音频、视频等。在网站主题明确后 ，就应该把素材准备好，当然是越充分越好。不要等到用的时 候到处去找，那就影响效率了。 ③规划站点 站点规划是需求分析中最重要的一个环节，包含很多方面的 内容。我们上节课看了一些别人做的网站，相信大家都多多少 少了解一些：栏目设置、颜色搭配、图文的应用等等。只有把 这些内容都考虑全面了，制作的时候你的速度就快。否则就等 着不停的返工吧。 （2）设计制作网站页面 页面制作要先大后小，先粗后精。就是先要把每个页面要放 什么内容，按什么结构先做一个大概，所有页面的大概都做完天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 后，再去完善和细化。 （3）网站的发布 需要域名和网页文件的存放空间。 2.利用Dreamweaver8创建站点 （1）启动Dreamweaver8 简单的进行界面介绍 （2）创建站点 步骤参见书上第12页 3.做一个简单的网页 要求图文并茂 三、课堂练习： 学生小组合作完成任务，并将任务上交到教师机。 四、课堂小结： 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、布置作业： 六、板书设计： 七、教学后记天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题：第三课：开篇之作 ——基于表格的页面布局 课 题 开篇之作 授课时间 课 型 新授课 课时安排 一课时 知识与技能： 1.创建站点和网站首页。 2.掌握对表格属性的相关设置。 过程与方法： 教 学 目 标 情感态度与价值观： 教学重点 能够对表格属性进行熟练的设置 教学难点 能够对表格属性进行熟练的设置 教具学具 准 备 多媒体网络教室 教学方法 讲解、学生练习 教 学 过 程 一、导入新课： 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 一个网站的规划设计完毕了，接下来的工作就是网页设计 。我们知道一个网站的首页就像一本书的目录一样，我们做网 站也一样，要先把首页确定下来。我看了我们上一周做的网页 ，有些同学想发挥点创意，但发现页面布局很乱，图片文字乱 七八糟堆放在一起。这节课我们就来学学怎样对页面布局进行 控制。在这之前我们先来看看别人的首页是怎么做的。（查看 事先准备好的示例网页，分析表格在该页的作用） 二、教学新课： （一）复习创建站点的步骤。 1.在D盘新建一个文件夹，作为站点文件夹。 2.打开Dreamweaver8,单击“站点”菜单下的 “新建站点”命令。 3.新建站点（步骤略，参加课本p12）。 （二）创建网站首页 1．整理素材 （1）右击“文件”面板中站点名“站点- 安全自护我能行D:\safe”，在弹出的快捷菜单中执行“新建文件 夹”命令，然后将文件夹命名为images。 （2）将首页素材图片index.gif，复制粘贴到images文件夹中。 （3）在safe文件夹下新建一文件夹other，将flash动画素材整理 到other文件夹中。 2.创建并保存首页 （1）单击 “文件”-天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ >“新建”命令，选择“常规”，在“基本页”列表框中选择HT ML选项，单击 “创建”按钮，即建立了一个空白页。 （2）执行“文件”-> “保存”命令，保存名index.html,默认保存路径是站点的跟目录 。注意保存类型选择“html文档”。 （三）对首页进行初步布局 1.为页面添加背景颜色 （1）单击文档窗口，使插入点在编辑区内闪烁，然后单击“属 性”栏的“页面属性”按钮。 （2）找到 “背景颜色”选项，输入浅黄色的颜色数值#FFFF94，单击“确 定”按钮，背景色设置完成。 2.设置网页标题并预览网页效果。 3.使用表格初步布局网页。 （1）在文档窗口中单击，在页面左上角放置插入点。 （2）执行“插入”->“表格”命令。 （3）在弹出的“表格”对话框中设置一个2行1列的表格，宽度 600像素。 （4）单击“标签选择器”中的标签，选中此表格，在属 性栏中完成表格的相关设置。具体参数如下：行数：2，列数： 1，高度：600像素，宽度600像素，对齐：居中对齐，背景图片 ：index.gif。 4.测试网页。天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 三、学生练习 鼓励学生大胆尝试和创新，利用所学的内容，进行创意性发 挥。 学生小组合作完成制作一个首页的任务，并将任务上交到教 师机。 2.文档工具栏的使用。 3.使用表格设计网页布局，可以使网页看上去更加整齐。 三、课堂练习： 鼓励学生大胆尝试和创新，利用所学的内容，进行创意性发挥 。 学生小组合作完成制作一个首页的任务，并将任务上交到教师 机。 四、课堂小结： 1.站点目录结构要清晰，方便管理，素材要按类型分别存放。 五、布置作业： 六、板书设计： 七、教学后记天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题：第四课：星光闪烁 ——用Flash动画完善首页 课 题 用Flash动画完善首页 授课时间 课 型 新授课 课时安排 一课时 知识与技能： 1.学会表格的调整。 2.能在网页中插入Flash，并对相关属性进行设置。 3.能在网页中插入文本，并对文字格式进行设置。 过程与方法：学生动手、自主探究 教 学 目 标 情感态度与价值观：提高学生的动手能力、及学生们对网页的认 识。 教学重点 在网页中插入Flash，并设置相关属性 教学难点 在网页中插入Flash，并设置相关属性天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 对于一个网页，信息的表达是多种多样的，我们可以使用 文字、图片等，我们也可以为网页添加动画、音频、视频等， 为了让我们的网站看起来有动感，吸引别人的眼球，我们应该 学会在网页中使用Flash。这节课我们就来一块学学怎么在网页 中使用Flash。 二、教学新课 1.新建站点 （1）将“安全自护我能行”站点文件夹传到学生机。 （2）新建站点。 2.调整表格 1) 选择对象 表格、行、列、单元格属性的设置是以选择这些对象为前提 的。 a) 选择表格：“标签选择器”中单击标签；“表格 ”菜单下的“选择表格”命令。 b) 选择某一单元格：按住Ctrl键，同时单击选中的单元格 ；“标签选择器”中单击标签。 c) 选择某一行或某一列：将光标移动到行左侧或列上方， 当鼠标指针变为向右或向下的箭头图标时，单击即可。 2) 设置第一行的属性 选中表格的第一行，将高度设为420。和flash的高度一致。 3.插入flash动画 1) 将光标定位在表格第一行中，执行“插入”—— 》“媒体”——》Flash命令。 2) 在弹出的对话框中选择other文件夹下的index.swf，单 击确定。 3) 观察插入flash的状态，在编辑视图下，flash不可见。 4) 单击选中flash文档，在属性面板设置相关属性：循环、 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 自动播放。预览观察效果。 5) 设置Flash参数，如P23页，图4.6所示。 4.在网页中插入文本 1) 插入普通文本：光标定位在单元格内，直接输入文字。 2) 插入特殊字符：“插入”——》“HTML”—— 》“特殊网页”。 3) 设置文本属性：根据情况选择合适的格式或文字大小、 颜色、对齐方式等。 三、课堂练习： 学生小组合作完成任务，并将任务上交到教师机。 四、课堂小结： 五、布置作业： 六、板书设计： 七、教学后记 课 题：第五课：统一风格 ——制作框架网页 课 题 制作框架网页 授课时间 课 型 新授课 课时安排 知识与技能： 1.掌握表格的拆分与合并。 2.学会创建框架、制作框架网页和保存框架网页。 3.能制作鼠标经过图像的动态效果。 过程与方法：学生动手、自主探究 教 学 目 标 情感态度与价值观：使学生对框架结构有一个初步的认识 教学重点 创建框架和制作框架网页天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 教学难点 掌握目标设置在网页制作过程中的作用和方法 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 一个网站常常划分成多个区域，对于每个区域来说，其色 彩搭配、网站风格、网站标题、网站导航都是统一的。为了能 做到这种统一，我们每个网页中相同的内容固定在一个区域。 我们通过创建框架制作框架网页，可以轻松实现网页结构划分 和布局。使大家对框架有一个初步的了解和感性认识。 二、教学新课 1.新建站点 （1）将“安全自护我能行”站点文件夹safe传到学生机。 （2）新建站点。 2.创建框架和框架集 制作框架网页的前提是创建框架，并根据网页布局设计框架 的样式，然后再具体设计制作网页的内容。 （1）规划“框架”文件夹。 （2）新建框架集 步骤1：执行“文件”—— 》“新建”命令，打开“新建文档”对话框，在 “类别”中选择 “框架集”。 步骤2：单击“创建”按钮，在弹出对话框中单击“确定” ，框架创建完成。 （3）保存框架集 步骤1：执行“文件”—— 》“保存全部”命令，保存到frame文件夹中。 步骤2：重命名框架集文件和每个框架文件。 （4）设置框架和框架属性 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 框架的属性包括框架名称、源文件、边距、尺寸、滚动条等 ；框架集的属性包括框架面积、框架边界颜色、距离等。 步骤1：执行“窗口”—— 》“框架”命令，打开框架面板。 步骤2：单击“框架”面板中的框架边缘部分，选中框架集 ，在 “属性”面板中设置框架集的属性。 步骤3：单击“框架”面板中的topFrame框架和mainFrame框 架，在“属性”面板中设置所选框架的属性。 （5）制作框架网页 ①制作上框架网页 步骤1：打开网页top.html，设置背景颜色#EAFF8A，上边距 为0像素。 步骤2：插入一个2行5列的表格并调整行列的高宽。。。。 。。 步骤3：在导航表格中，设置鼠标经过图像。 步骤4：为图片添加超链接，设置打开方式（目标）。 ②制作下框架网页 步骤1：打开网页main.html，设置背景颜色#EAFF8A，上边 距为0像素。 步骤2：插入一个5行9列的表格并调整行列的高宽。。。。 。。 步骤3：合并相关单元格。 步骤4：插入图片，并为图片添加超链接。 步骤5：添加邮件链接。 三、课堂练习： 学生小组合作完成书上的练习任务，并将任务上交到教师机 四、课堂小结： 1.创建框架，实现网页风格的统一，保存框架时，需要保存 框架集文件和含有框架的所有文件。 2.利用鼠标经过图像，可以制作网页导航动态按钮。 3.超级链接是实现网页互联的关键，设置网页的打开方式，天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 可以调整链接网页的显示位置。 五、布置作业： 六、板书设计： 七、教学后记 课 题：第六课：事半功倍　　 ——制作网页模板 课 题 制作网页模板 授课时间 课 型 新授课 课时安排 一课时 教 学 目 知识与技能： 1、掌握模板的概念，特别是可编辑区域和不可编辑区域。　　 2、学会创建模板。　　天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 3、能用模板快速的制作网页 过程与方法：学生动手、自主探究 标 情感态度与价值观：提高学生的自学能力，对网页的认识和对网 页模板的了解 教学重点 理解模板中的可编辑区域和不可编辑区域 教学难点 掌握模板的概念，特别是可编辑区域和不可编辑区域 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 我们在进行大量的页面制作的时候，很多页面会用到相同的 布局，图片和文字等元素。这样我们需要做一次次的重复性劳 动，那么有没有更好的方法让我们来快速的实现呢！有，通过 制作网页模板快速创建网页。这就是我们这节课学习的内容。　 二、教学新课 一、模板的概念： 模板可以被理解成一种网页模型，利用这个模型能够方便的制 作出很多页面，使用模板可以避免重复的在每个页面输入或修 改相同的部分，待网站改版的的时候，只要改变模板的设计， 系统就能自动更改所有基于这个模板创建的网页。　　 　 　 二、模板的优点：　　 1. 风格一致，看起来比较系统，也省去了制作同一面 页的麻烦。　　 2. 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 如果要修改共同的页面不必一个一个修改，只要更 改应用于它们之上的模板就可以了。　　 3. 免除了以前没有此功能时还要常常“另存为”，一 不小心就会覆盖重要档案的困扰。　　 4. 模板的优点还有它也不是一成不变的，即使是在已 经使用一个模板创建文档之后，也还可以对该模板 进行修改。当更新模板时，文档中的锁定区都会被 更新，与模板的修改相匹配。　　 在我们知道了模板的概念和优点之后，让我们通过实例来 具体的理解吧！现在给大家3分钟时间，然后边看边思考两个问 题：1、请大家找出例子中网页的相同地方和不同地方。2、例 子中风格接近的网页可以有几种方法制作？ (框架？用另存为？……)　　 再考虑：如果用以上两种方法做的话，万一网页的共同部分要 改动的话，是否每张都要改动过？ 能不能一次修改，所有网页就会自动更新呢(方法就是使用模板 ！)　　 　 　 现在我们来看看如何创建模板（教师边演示边解说）　　 三、如何创建模板　　 步骤1：打开“安全自护我能行”站点，执行：“ 窗口”—— “资源”命令，打开“资源”面板，单击模板按钮，切换到模 板子面板　　 步骤2：单击“新建模板按钮”， 将“资源”面板的模板列表中名称为Untitled修改为module,回 车，则Dreamweaver在“资源”面板和Templates文件夹中创建 一个新的空模板。　　 步骤3：打开“文件”面板，在Templates中新建i mages和other两个文件夹，拷贝素材　　 四、利用表格规划模板网页　　 我们创建好了模板后，可以利用表格规划模板了，这是我们学 习过得内容，大家根据书38页具体步骤自己动手规划吧！天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 三、课堂练习： 大家根据书38页具体步骤自己动手规划 四、课堂小结： 五、布置作业： 六、板书设计： 七、教学后记 课 题：第七课 统一风格 ——制作框架网页天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题 制作框架网页 授课时间 课 型 新授课 课时安排 一课时 知识与技能： 1．掌握利用模板创建网页的方法。 2．学会运用Flash按钮制作导航栏进行站内导航。 3．了解链接对象的目标框架的含义 过程与方法： 教 学 目 标 情感态度与价值观： 教学重点 掌握利用模板创建网页的方法。 教学难点 学会运用Flash按钮制作导航栏进行站内导航 教具学具 准 备 学生电脑 教学方法 讲解、学生练习。 教 学 过 程 一、导入新课： 创建模板是为了形成网站的统一风格，加快网站的建设。 就像工厂生产机器零部件一样。模板创建完成后，面临的工作 就是利用模板创建网页了。 二、教学新课： 1.新建站点 （1）将“安全自护我能行”站点文件夹safe传到学生机。 （2）新建站点。 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 2.应用模板创建网页 （1）规划“日常生活”文件夹 （2）应用模板 ①用模板直接创建网页 步骤1：执行“文件” —— 》“新建”命令，打开“模板”标签，选择模板文件module， 单击“创建”按钮，即可基于module模板创建一个网页。 步骤2：执行” 文件”——》 “保存”命令，将网页命名为rcsh.html,并保存到rcsh文件夹中。 ②创建空白网页后再应用模板。 步骤1：创建空白普通网页。 步骤2：打开“资源”面板，单击“模板”按钮，则模板资 源显示在模板中。 步骤3：选择合适的模板，单击“应用”按钮。 3.将日常生活网页链接到框架网页 （1）打开all.html网页，选择rcsh图片。 （2）在属性面板中单击链接文本框后的“浏览文件”按钮 。选择网页rcsh.html. （3）设置目标框架为mainFrame，表示单击图片后，网页“ 日常生活”在框架网页的下框架mainFrame中打开。 4.利用Flash按钮制作导航栏。 5.填充日常生活网页中的内容。天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 6.创建模板的其他方法。 三、课堂练习： 学生小组合作完成任务，并将任务上交到教师机。 四、课堂小结： 1.利用模板创建网页。 2.在框架中打开网页的方法。。 3制作Flash按钮链接。 五、布置作业： 六、板书设计： 七、教学后记： 课 题：第8课 自由穿梭 课 题 第8课 自由穿梭 授课时间天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 型 新授课 课时安排 一课时 知识与技能：1．灵活地使用水平线分隔网页元素。 2．学会插入命名锚记以创建锚点链接。 3. 学习使用Flash文本作为链接对象。 过程与方法：讲解、学生练习。 教 学 目 标 情感态度与价值观： 教学重点 局部连接的插入 教学难点 局部连接的设置于运用 教具学具 准 备 学生电脑 教学方法 讲授法、演示法 教 学 过 程 一、导入新课： 当初步制作“交通出行”网页后，可以看出本页包含的内容很多，不同主题 的文字和图片罗列在一起，难以区分，因此我们考虑使用水平线分隔元素，并为 页面添加锚点链接，实现网页的局部跳转，快速地将访问者带到特定主题或者网 页顶部。 二、教学新课 （1）插入水平线 水平线对于组织信息很有用。插入水平线，操作比较简单，执行菜单“插入”→ HTML →“水平线”命令就可以插入默认属性的水平线，其宽度为100%，高为2个像素 ，带有阴影。另外，还可以打开“插入”工具栏中的HTML工具栏，单击“水平线 ”按钮插入水平线， 在水平线的“属性检查器”面板中，可以设置水平线的宽度、高度、对齐方式、 是否带有阴影，应用的CSS样等，如要设置水平线的颜色可使用“快速标签编辑 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 器”按钮 或在“拆分”视图中通过添加代码操作。 宽和高：以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。 对齐：指定水平线的对齐方式（“默认”、“左对齐”、“居中对齐”或“右对 齐”）。仅当水平线的宽度小于浏览器窗口的宽度时，该设置才适用。 阴影：指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘制水平 线。 需要注意的是，水平线的有些设置在编辑窗口无法直接看到效果，需要在IE浏览 器中预览，例如图8.2所示的为2条不同属性设置的水平线在编辑窗口中的状态和 IE浏览器中预览效果的对比。 （2）创建锚点链接 在教材中我们将创建锚点链接分为两个步骤：命名锚记和链接锚记。 在进行链接锚记的时候，我们采用是在“属性检查器”的“链接”文本框中输入 锚记名称的方法，这就要求我们记住各个锚记对应的主题内容才能操作，否则还 需要单击相应的锚记名称，通过该锚记的“属性检查器”找到锚记名。其实，在 进行链接设置的时候，锚记也可以像文件一样，直接被鼠标选择作为链接目标， 其步骤如下： ① 选择要添加链接的主题文本，如“非机动车交通安全”。 ② 单击“属性检查器”中“链接”文本框后的“指向文件”按钮 ，直接拖动按钮到页面上，此时将会出现黑色的箭头，我们将此箭头拖动到需要天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 链接的锚记即可，如图8.3所示。 （3）插入Flash文本 Flash文本与Flash按钮十分相似，都是在Dreamweaver中制作出的具有Flash效果 的网页元素，都可以设置超链接，当给Flash文本设置好背景色后，其外观就如 同Flash按钮。 在保存Flash文本的时候，需要注意的地方是保存路径，参考Flash按钮设置即可 ，此处不再重复。 三、课堂练习： 在网页中插入局部连接 四、课堂小结： 五、布置作业： 六、板书设计： 七、教学后记 图8.3 用¡°指向文件¡±链接锚记天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 课 题：第9课 按图索骥 课 题 按图索骥 授课时间 课 型 新授课 课时安排 一课时 知识与技能：1．理解图像热点超链接的含义 2. 学会绘制各种形状的热区，并为之设置链接目标。 过程与方法： 教 学 目 标 情感态度与价值观： 教学重点 图像热点超链接 教学难点 图像热点超链接 教具学具 准 备 学生电脑 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 在Dreamweaver 8中，允许使用者以多种方式综合使用图像，为网站增添生命力， 同时加深浏览者对网站的良好印象。 二、教学新课 复 备天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 1）图像热点超链接 在“家务劳动”页面中，我们插入了一张尺寸较大的图像，图像 的不同区域代表不同的主题内容，我们要为此图像设置局部图像 链接，制作出“一图多链”的效果。在Dreamweaver 中，这种被分为多个区域（或称“热区”）的图像就称为“图像 地图”。 本图像地图包含3个热区，它们链接的目标既有命名锚记，也有新 创建的网页，其对应链接关系和目标框架如图9.2所示 （2）图像查看器 图9.2 设置图像地图的属性天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 在制作图像查看器之前，先要准备素材图片。在Dreamweaver中， 对3种格式图像的支持是最好的，它们是GIF、JPEG和PNG。但是IE 浏览器只能部分支持PNG图像的显示，所以我们最好选用GIF和JPE G格式的图像制作图像检查器。 我们不仅可以通过执行“插入”→“媒体”→“图像查看器”命 令的方法插入图像检查器，还可以直接单击“Flash元素”工具栏 中的“图像查看器”按钮，如图9.3所示。 图像查看器的制作过程也是制作swf格式的Flash动画文件的过程 ，我们在“Flash元素”面板中设置的参数直接影响此动画文件的 效果。 在“窗口”菜单中，我们会发现其实并没有“Flash元素”命令， 如果打开“标签检查器”面板，然后在编辑窗口中单击创建好的 图像查看器的图标，那么“标签检查器”面板会自动变为“Flash 元素”面板，再此设置图像查看器的参数就可以了。 3）网页与模板分离 当网页通过执行“修改”→“模板”→“从模板中分离”命令与 模板分离之后，网页在编辑区域如图9.4所示的提示将会消失。 三、课堂练习： 完成课本练习 四、课堂小结：天添资源网 http://www.ttzyw.com/ 天添资源网 http://www.ttzyw.com/ 七、教学后记 Error! No bookmark name given.Error! No bookmark name given.Error! No bookmark name given.