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

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