八年级下册信息技术教案清华版83052.doc

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