中学八年级下册信息技术教案清华版_第1页
中学八年级下册信息技术教案清华版_第2页
中学八年级下册信息技术教案清华版_第3页
中学八年级下册信息技术教案清华版_第4页
中学八年级下册信息技术教案清华版_第5页
已阅读5页,还剩31页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

提克阿热克乡中学八年级年级

信息技术工作计划

Xxxx--XXXX学年第二学期XXXX年月日

一.本学期学生现状分析:

本计划针对七年级全体学生,通过上学斯的学习,学生对计算机

的基础知识有了一定的了解,但是由于每一学期信息技术课时比较

少,学生的遗忘性大,大多数学生学后没有注意巩固,学生掌握的情

况不是很理想,参差不齐。有条件的学生家中有电脑或父母单位有电

脑,上机时间相对多一些,操作较熟练,有大部分学生纯粹是上课时

间听课,课后就没有练习巩固的机会,所以,这一部分学生对所学知

识遗忘较大,操作生疏;所以这学期要多提供给学生动手实践的机会,

让学生多动的操作,让学生在操作中学到知识。

二.教材分析

本学期教材是清华大学出版社会出版的《初中信息技术》八年级

下册,。内容包括:第一单元:新手入门,轻松上路,开篇之作,星

光闪烁,第二单元:统一风格,事半功倍,第三单元:驾轻就熟,按

图索伊,图形整合,自由穿梭,第四单元:一触即发,影音视听,分

享成果。难点知识:是第二单元的统一风格和事半功倍,重点三四单

元驾轻就熟,按图索伊,图形整合,自由穿梭,一触即发,影音视听

三.本学期学生能力要求:

培养学生对信息技术的兴趣和意识,让学生了解和掌握信息技术

基本知识和技能,了解信息技术的发展及期应用对人类日常生活和科

学技术的深刻影响。通过信息技术课程使学生具有获取信息、传输信

息、处理信息和应用信息的能力,教育学生正确认识和理解与信息技

术相关的文化、伦理和社会等问题,负责任地使用信息技术;培养学

生良好的信息素养,把信息技术作为支持终身学习和合作学习手手

段,为适应信息社会的学习、工作和生活打下必要的基础。

四.本学期改进课堂教学,提高教学质量的措施:

总体原则采取“任务驱动”教学方式、学生自学方式和动手操作

三种方式进行学习,适当进行一些小竞赛及课堂评价的方式进行教

学。明确教学重点、难点关键,探索、研究疑难问题及有关微机实践。

分析学生情况,统一教学要求,尽力做到超前1—2周,做到每课必

备,写好教案。领会大纲精神,钻研教材内容,从学生实际出发做到

十备:一备渗透德育;二备重点突出,突破难点方法得当;三备信息

技术基本概念;四备信息技术基本操作用语、基本术语;五备信息技

术教学中的薄弱环节;六备疑难问题的解决思路;七备信息技术实验

操作的增补及成败关键;八备学生自学提纲;九备操作练习作业精选;

十备课堂教学的总设计。

五.本学期工作目标:

组织有意义的信息活动,让学生从中体会乐趣,激发学生学习动

力。活动中,互相学习,共同进步,培养集体荣誉感。

适时开展比赛,在比中学,学中比,促进提高,培养学生创新能

力,注重学生动手、动脑的锻炼、培养

采取基本技能学习与德育想渗透的教学方式,注重培养学生健康

向上的人格品质,做到教书育人,使他们成为思想素质高尚的人才

课题:第1课新手入门

课题新手入门授课时间

课型新授课课时安排一课时

教知识与技能:

学1.掌握互联网、网页与首页、网站等网页设计与网站制作的基本

目知识。

标2.学会使用记事本作为网页编辑工具来编辑HTML代码并生

成网页。

3.掌握浏览网页的方法并理解网页编辑工具与浏览工具之间

的关系

过程与方法:

情感态度与价值观:

教学重点了解网站制作的基本知识,并制作一个简单的网页

教学难点学会使用记事本作为网页编辑工具来编辑HTML代码并生成网

页。

教具学具多媒体网络教室。

准备

教学方法讲解、学生练习

教学过程

一、导入新课:复

在当前的社会生活中,网络正在发挥着越来越重要的作用,大备

量制作精美、功能强大的网站出现在互联网上。对于学生来说,制

作个人网站也正在成为一种流行时尚。

通过本教材的学习可以轻松帮助学生入门,并逐步亲手打造属

于自己的个性十足的网站。

二、教学新课:

1、首先打开IE浏览器,在地址栏中输入网址,打开一个范例

网站的首页,单击首页中的动画、超文本、图片等网页元素,可以

分别链接到网站中的其他页面中。在操作过程中教师提出问题,引

导学生思考互联网、网站、网页、首页等术语的含义,以及它们之

间的关系,尝试让学生体会浏览器和网页的关系,从而将网站设计

与网页制作的基本知识进行概括总结并明确落实到每个学生身上。

在进行教学的时候,一定要让学生认识到已有知识的重要性,充分

利用已经具备的技能去尝试解决新问题,从而变被动学习为主动探

究。

教师可引导学生充分利用教材中的“视野拓展”和“创作天地”板

块进行自学,这实际上是在实施分层教学,以巩固本课的知识技能

为主,适当地进行补充,让部分基础较好的同学在完成基本任务之

后也能有事可做,给学生创造出提高的空间。

作为网站制作的起始课,教师要切实地关注每个学生,尤其是在以

前的学习过程中表现出学习能力较弱的学生,要确保每个学生都有

一个好的开始,都能将第一个网页作品保存到教师指定的位置(本

地磁盘或网络中的指定目录)。

教师应对所有完成保存网页任务的学生进行及时地评价与鼓励,保

护学生的学习积极性。另外,对完成基本任务并有所创新的同学重

点表扬,鼓励学生主动学习,有计划地营造良性竞争的氛围。

2、网页设计与网站制作

在本课中通过欣赏站点,使学生了解和掌握互联网、网页与首

页、网站、IE浏览器的基本含义,并且能够明确它们相互之间的关

系。

学生在学习网站制作之前已经接触过网站,浏览过各式各样的网

页,因此教师在完成此教学任务的时候,可以充分利用学生已有基

础,不必完全进行讲授式教学,可以结合启发、设问等方法,使学

生尽可能地自己总结出相关知识。

3、使用记事本作为网页编辑工具来编辑HTML代码并生成网页

在进行此部分教学的时候,可以先借助学生已有技能,启动

记事本,复制并粘贴素材文件中提供的HTML代码,命名并保存文

件,然后在浏览器中进行预览。

对于HTML代码部分,教师可以尝试通过修改属性值的方法,引导

学生探索标签的含义及其与属性值的对应关系,这也同时是对“创

作天地”板块中的练习进行提示的过程,然后通过分析此HTML实

例,讲解HTML语言的基本结构,对基本的<html></html>、

<head></head>、<body></body>标签进行初步介绍,鼓励有余力的

同学通过“视野拓展”板块进行自学,并独立完成“创作天地”中

的练习。

通过教师演示引导学生思考扩展名对文件的影响,既包括其对

文件图标的影响,也包括调用应用程序的影响,从而引出程序关联

的知识进行补充讲解,见图1.1和图1.2。

3)保存文件

三、课堂练习:

使用记事本作为网页编辑工具来编辑HTML代码并生成网页

四、课堂小结:

五、布置作业:

六、板书设计:

七、教学后记

课题:第二课:轻松上路

规划网站及创建站点

课题轻松上路授课时间

课型新授课课时安排1节课

教知识与技能:

1.了解网站开发流程。

学2.学会利用Dreamweaver8创建站点。

目过程与方法:

标情感态度与价值观:

教学重点了解网站制作的基本知识,并制作一个简单的网页。

教学难点多媒体网络教室。

教具学具讲解、学生练习。

准备

教学方法

教学过程

一、导入新课:复备

开发一个网站是一个相当来说比较繁杂的过程,对于一个网

站而言,要有一个总的战略规划和目标。在做一个网站前,要有

一个全盘的考虑。我们知道一个房子一旦地基没有打好,是要拔

了重新盖,我们做网站也是一样,如果你前期规划做的不好,后

面的工作就意味着白辛苦。这节课我们以“安全自护我能行”为

主题来进行网站规划和创建站点

二、教学新课:

1.了解网站开发流程

(1)网站需求分析

一个网站在设计前,就应该考虑网站规模多大,就是多少个

页面,每个页面的大体内容是什么,要用到那些素材,有那些导

航,做较大一点的网站尤为如此。还要考虑以后会有什么改动,

还要增加那些网页,尽量让以后的改动尽可能的小。网站的需求

分析所用的时间应该占到总开发时间的一半以上。

①确定网站主题

写作文要围绕中心思想去写,做网站要围绕主题去做。个人

主页、休闲、体育、教育、新闻、娱乐、购物、健康等等,不管

那类网站,都不能脱离自己的主题,必须表现个性,表现出特色

才能给人留下深刻印象,让人流连忘返。

②收集素材

我们在这所说的素材就是你的网页上要用的各种素材,主要

包括:文字、图片、动画、音频、视频等。在网站主题明确后,

就应该把素材准备好,当然是越充分越好。不要等到用的时候到

处去找,那就影响效率了。

③规划站点

站点规划是需求分析中最重要的一个环节,包含很多方面的

内容。我们上节课看了一些别人做的网站,相信大家都多多少少

了解一些:栏目设置、颜色搭配、图文的应用等等。只有把这些

内容都考虑全面了,制作的时候你的速度就快。否则就等着不停

的返工吧。

(2)设计制作网站页面

页面制作要先大后小,先粗后精。就是先要把每个页面要放

什么内容,按什么结构先做一个大概,所有页面的大概都做完后,

再去完善和细化。

(3)网站的发布

需要域名和网页文件的存放空间。

2.利用Dreamweaver8创建站点

(1)启动Dreamweaver8

简单的进行界面介绍

(2)创建站点

步骤参见书上第12页

3.做一个简单的网页

要求图文并茂

三、课堂练习:

学生小组合作完成任务,并将任务上交到教师机。

四、课堂小结:

对于较快完成任务并且完成任务较好的同学进行表扬鼓励。

五、布置作业:

六、板书设计:

七、教学后记

课题:第三课:开篇之作

——基于表格的页面布局

课题开篇之作授课时间

课型新授课课时安排一课时

教知识与技能:

1.创建站点和网站首页。

学2.掌握对表格属性的相关设置。

目过程与方法:

标情感态度与价值观:

教学重点能够对表格属性进行熟练的设置

教学难点能够对表格属性进行熟练的设置

教具学具多媒体网络教室

准备

教学方法讲解、学生练习

教学过程

一、导入新课:复备

一个网站的规划设计完毕了,接下来的工作就是网页设计。

我们知道一个网站的首页就像一本书的目录一样,我们做网站也

一样,要先把首页确定下来。我看了我们上一周做的网页,有些

同学想发挥点创意,但发现页面布局很乱,图片文字乱七八糟堆

放在一起。这节课我们就来学学怎样对页面布局进行控制。在这

之前我们先来看看别人的首页是怎么做的。(查看事先准备好的

示例网页,分析表格在该页的作用)

二、教学新课:

(-)复习创建站点的步骤。

1.在D盘新建一个文件夹,作为站点文件夹。

2.打开Dreamweaver8,单击“站点"菜单下的"新建站点"命令。

3.新建站点(步骤略,参加课本pl2)。

(二)创建网站首页

1.整理素材

(1)右击“文件”面板中站点名“站点-安全自护我能行D:\safe",

在弹出的快捷菜单中执行“新建文件夹”命令,然后将文件夹命

名为imageso

(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)单击“标签选择器"中的<table>标签,选中此表格,在属

性栏中完成表格的相关设置。具体参数如下:行数:2,列数:1,

高度:600像素,宽度600像素,对齐:居中对齐,背景图片:

index.gifo

4.测试网页。

三、学生练习

鼓励学生大胆尝试和创新,利用所学的内容,进行创意性发

挥。

学生小组合作完成制作一个首页的任务,并将任务上交到教

师机。

2.文档工具栏的使用。

3.使用表格设计网页布局,可以使网页看上去更加整齐。

三、课堂练习:

鼓励学生大胆尝试和创新,利用所学的内容,进行创意性发挥。

学生小组合作完成制作一个首页的任务,并将任务上交到教师

机。

四、课堂小结:

1.站点目录结构要清晰,方便管理,素材要按类型分别存放。

五、布置作业:

六、板书设计:

七、教学后记

课题:第四课:星光闪烁

——用Flash动画完善首页

课题用Flash动LSITH善首页授课时间

课型新授课课时安排一课时

教知识与技能:

1.学会表格的调整。

学2.能在网页中插入Flash,并对相关属性进行设置。

3.能在网页中插入文本,并对文字格式进行设置。

过程与方法:学生动手、自主探究

情感杰度与价值观:提高学生的动手能力、及学生们对网页的认

识。

教学重点在网页中插入Flash,并设置相关属性

教学难点在网页中插入Flash,并设置相关属性

教具学具学生电脑

准备

教学方法演示法、讲授法

教学过程

一、导入新课:复备

对于一个网页,信息的表达是多种多样的,我们可以使用文

字、图片等,我们也可以为网页添加动画、音频、视频等,为了

让我们的网站看起来有动感,吸引别人的眼球,我们应该学会在

网页中使用Flasho这节课我们就来一块学学怎么在网页中使用

Flasho

二、教学新课

1.新建站点

(1)将“安全自护我能行”站点文件夹传到学生机。

(2)新建站点。

2.调整表格

1)选择对象

表格、行、歹h单元格属性的设置是以选择这些对象为前提

的。

a)选择表格:“标签选择器”中单击<table>标签;“表格”

菜单下的“选择表格”命令。

b)选择某一单元格:按住Ctrl键,同时单击选中的单元格;

“标签选择器”中单击<td>标签。

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)插入特殊字符:“插入”一一一一》“特殊网页”。

3)设置文本属性:根据情况选择合适的格式或文字大小、颜

色、对齐方式等。

三、课堂练习:

学生小组合作完成任务,并将任务上交到教师机。

四、课堂小结:

五、布置作业:

六、板书设计:

七、教学后记

课题:第五课:统一风格

制作框架网页

课题制作框架网页授课时间

课型新授课课时安排

教知识与技能:

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.超级链接是实现网页互联的关键,设置网页的打开方式,可

以调整链接网页的显示位置。

五、布置作业:

六、板书设计:

七、教学后记

课题:第六课:事半功倍

---制作网页模板

课题制作网页模板授课时间

课型新授课课时安排一课时

教知识与技能:

手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课按图索骥授课时间

课型新授课课时安排一课时

教知识与技能:L灵活地使用水平线分隔网页元素。

2.学会插入命名锚记以创建锚点链接。

学3.学习使用Flash文本作为链接对象。

目.过程与方法:讲解、学生练习。

标情感态度与价值观:

教学重点局部连接的插入

教学难点局部连接的设置于运用

教具学具学生电脑

准备

教学方法讲授法、演示法

教学过程

一、导入新课:

当初步制作“交通出行”网页后,可以看出本页包含的内容很多,不同主题的

文字和图片罗列在一起,难以区分,因此我们考虑使用水平线分隔元素,并为页面

添加锚点链接,实现网页的局部跳转,快速地将访问者带到特定主题或者网页顶部。备

二、教学新课

(1)插入水平线

水平线对于组织信息很有用。插入水平线,操作比较简单,执行菜单“插入”-HTML

~“水平线”命令就可以插入默认属性的水平线,其宽度为100%,高为2个像素,

带有阴影。另外,还可以打开''插入”工具栏中的HTML工具栏,单击“水平线”按

钮插入水平线,

在水平线的“属性检查器”面板中,可以设置水平线的宽度、高度、对齐方式、是

否带有阴影,应用的CSS样等,如要设置水平线的颜色可使用“快速标签编辑器”

按钮或在“拆分”视图中通过添加代码操作。

宽和高:以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。

对齐:指定水平线的对齐方式(“默认”、“左对齐”、“居中对齐”或“右对齐”)。仅

当水平线的宽度小于浏览器窗口的宽度时,该设置才适用。

阴影:指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘制

水平线。

需要注意的是,水平线的有些设置在编辑窗口无法直接看到效果,需要在

IE浏览器中预览,例如图8.2所示的为2条不同属性设置的水平线在编辑窗口中的

状态和IE浏览器中预览效果的对比。

这2条水平线属性如

下:

宽:100像素

高:3像素

水平线A:居中对

齐,带阴影

水平线B:右对齐,

无阴影,颜色

#ff3300

(2)创建锚点链接

在教材中我们将创建锚点链接分为两个步骤:命名锚记和链接锚记。

在进行链接锚记的时候,我们采用是在“属性检查器”的“链接”文本框中

输入锚记名称的方法,这就要求我们记住各个锚记对应的主题内容才能操作,否则

还需要单击相应的锚记名称,通过该锚记的“属性检查器”找到锚记名。其实,在

进行链接设置的时候,锚记也可以像文件一样,直接被鼠标选择作为链接目标,其

步骤如下:

①选择要添加链接的主题文本,如“非机动车交通安全”。

②单击“属性检查器”中“链接”文本框后的“指向文件”按钮,

直接拖动按钮到页面上,此时将会出现黑色的箭头,我们将此箭头拖动到需要链接

的锚记即可,如图8.3所示。

三、非机动车交通安全;i?

五.智驶自行车、电动自行车、三轮车在路段上横趟动车道,!

____________]Ji

ditable><table><tr><td.STYLE25><div><a.STYLE10>fv816x432v14K/2

I__T__IJ."

v'[CSS]:BZBSag链接阚到一个文件以创建二^

凤aQ田:°柜白奇住:上幡坟船;口

(3)插入Flash文本

Flash文本与Flash按钮十分相似,都是在Dreamweaver中制作出的具有

Flash效果的网页元素,都可以设置超链接,当给Flash文本设置好背景色后,其外

观就如同Flash按钮。

在保存Flash文本的时候,需要注意的地方是保存路径,参考Flash按钮

设置即可,此处不再重复。

三、课堂练习:

在网页中插入局部连接

四、课堂小结:

五、布置作业:

六、板书设计:

七、教学后记

课题:第9课图像整合

课题图像整合授课时间

课型新授课课时安排一课时

教知识与技能:1.理解图像热点超链接的含义

学2.学会绘制各种形状的热区,并为之设置链接目标。

目过程与方法:

情感态度与价值观:

教学重点图像热点超链接

教学难点图像热点超链接

教具学具学生电脑

准备

教学方法演示法、讲授法

教学过程

一、导入新课:复

在Dreamweaver8中,允许使用者以多种方式综合使用图像,为网备

站增添生命力,同时加深浏览者对网站的良好印象。

二、教学新课

1)图像热点超链接

在“家务劳动”页面中,我们插入了一张尺寸较大的图像,

图像的不同区域代表不同的主题内容,我们要为此图像设置局部图

像链接,制作出"一图多链”的效果。在Dreamweaver中,这种

被分为多个区域(或称“热区”)的图像就称为“图像地图

在图像上绘制热区之后,观察此图像

的“属性检查器”,在“地图”文本框中

自动出现Map,如图9.1所示。这是系统自

动为图像地图分配的名称,我们也可以自

己定义图像地图的名称便于记忆。当同一

网页中使用多个图像地图时,要确保每个

地图都有唯一名称。

本图像地图包含3个热区,它们链接的目标既有命名锚记,也有新

创建的网页,其对应链接关系和目标框架如图9.2所示

(2)图像查看器

在制作图像查看器之前,先要准备素材图片。在

Dreamweaver中,对3种格式图像的支持是最好的,它们是GIF、

JPEG和PNG。但是IE浏览器只能部分支持PNG图像的显示,所以

我们最好选用GIF和JPEG格式的图像制作图像检查器。

我们不仅可以通过执行“插入”一“媒体”一“图像查看

器”命令的方法插入图像检查器,还可以直接单击“Flash元素”

工具栏中的“图像查看器”按钮,如图9.3所示。

图像查看器的制作过程也是制作swf格式的Flash动画

文件的过程,我们在“Flash元素”面板中设置的参数直接影响此

动画文件的效果。

在“窗口”菜单中,我们会发现其实并没有“Flash元

素”命令,如果打开“标签检查器”面板,然后在编辑窗口中单击

创建好的图像查看器的图标,那么“标签检查器”面板会自动变为

“Flash元素”面板,再此设置图像查看器的参数就可以了。

3)网页与模板分离

当网页通过执行“修改”一“模板”一“从模板中分离”命令与模

板分离之后,网页在编辑区域如图9.4所示的提示将会消失。

三、课堂练习:

完成课本练习

四、课堂小结:

七、教学后记

第二节图层的操作

一、教学目标

知识与技能:

1.了解图层的概念。

2.掌握图层命名,添加图层。

3.掌握图层的基本操作:选择、移动、删除.

过程与方法:

通过学生自主学习,培养学生运用信息技术解决实际问题的能力。

情感态度与价值观:

培养学生养成严谨的学习态度和协作精神,提升素质,发展个性。

二、教学的重点和难点:

重点:图层的命名与添加。

难点:图层的基本操作:选择、移动、删除。

三、教学准备:多媒体网络控制系统、足量的电脑、FLASH、演示系统

四、教学方法:讲授法提问法讨论法演示法

五、教学安排:1课时

六、教学过程:

(一)引言

前面我们所做的图形绘制、逐帧动画制作,都是在舞台的同一图层上进行。有的动画要求在一个舞台

上实现相互重叠的画面,各个画面又要彼此独立,互不影响,这就需要创建多个图层来实现。

以“燃烧着的蜡烛”为例,介绍图层的作用和基本操作。

(二)讲授新课

1.什么叫图层

图层就如同透明的胶片,它们可以在舞台上一层层地重叠在一起,透过图层没有对象的区域,可以看

到下层图层上的对象。当我们对基中一个图层中的对象进行处理时,不会影响到其他图层的内容,但在视

觉上,位置靠上的图层全遮盖与下方图层重叠部分的内容。

步骤:

①新建一个FLASH文档。图层默认名为“图层1”;

②单击舞台,在“层性”面板里设备“背景”颜色为黑色;

③单击“矩形工具”按钮,设置填充颜色为红色,笔触颜色为无;

④在工具箱“选项”区将图角矩形半径设为10磅;

⑤将鼠橘指针移到舞台上,拖动鼠标,绘制一支蜡烛;

⑥单击“橡皮擦工具”按钮,在橡皮擦形状中选择最大号的圆形,将蜡烛的上端部分擦除。

2.如何命名图层:

双击“时间轴”面板上的“图层1”文字部分,输入“蜡烛”。

3.如何添加新图层:--画火焰。

①单击“时间轴”面板上的“插入图层”按钮,在原来图层的上方创建一个新图层,默认名为“图层2”,

将“图层2”改名为“火焰”

②单击“椭圆工具”按钮,设置填充颜色为橙红色,笔触颜色为无,在舞台上拖动鼠标,在蜡烛上方

绘制一个椭圆;

③单击“箭头工具”,将箭头移到刚画好的椭圆上,按下鼠标左键,调整椭圆成火焰状

④在“混色器”面板中将混色器填充类型设置为“放射状”,左边取色器高为橙色,右边取色器设为白

色,填充火焰颜色;

⑤制作火焰跳动的逐帧动画;

⑥右击“蜡烛”图层第5帧,选择“插入帧”,让“蜡烛”在后面各帧显示出来;

⑦测试影片。

学生根据教师演示的操作步骤完成任务。(教师进行指导)

学生演示作品,教师和学生作出评价。

4.如何选择与移动图层:

图层的显示/隐藏、开放/锁定,轮廓线等。

5.如何删除图层:

①单击“管理图层区”窗口上的“蜡烛”图层;

②单击“删除图层”按钮。

6.课堂练习:65页“试一试”。

①制作一个带阴影效果的文字。

②制作几个日食效果。(拓展提高)。

七、教学反思:

本堂课内容理论较少,重点在于掌握图层的基本操作。通过教师演示与学生实践相结合,当堂练习巩固所

学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效

果。

八年级下册信息技术教学工作计划

一、学生情况分析

本学年任八年级C132班的教学任务,学生62人。通过第一学年的学习,

全体学生对信息技术课程有全面的了解,掌握了计算机操作的基本知识和基本

技能;学生的信息技术素质有显著提高。但也有部分学生对信息技术课程存在

认识上的偏差,认为信息课就是上网、聊天和玩游戏;对规定的学习内容、合

作学习、自主学习及方法没有兴致。

二、教材分析

本学期学的内容包括:机器人和程序设计两个板块。

知识点:机器人初步知识、仿真环境下的机器人、导盲机器人、程序与程

序设计、易程序、顺序结构、循环结构、分支结构、同心圆、画笔、编辑器等。

重难点:

重点在于对机器人初步知识和VB程序设计环境的了解,能初步学会把解决

简单问题的过程转换为程序;难点在于程序设计的基本方法。

三、指导思想

中小学信息技术课程的主要任务是:培养学生对信息技术的兴趣和意识,

让学生了解和掌握信息技术基本知识和技能,了解信息技术的发展及其应用对

人类

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论