当前位置:首页 >> 其它课程 >>

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


八年级年级信息技术工作计划
2013----2014 学年第二学期 一.本学期学生现状分析:
本计划针对七年级全体学生,通过上学斯的学习,学生对计算机 的基础知识有了一定的了解,但是由于每一学期信息技术课时比较 少,学生的遗忘性大,大多数学生学后没有注意巩固,学生掌握的情 况不是很理想,参差不齐。有条件的学生家中有电脑或父母单位有电 脑,上机时间相对多一些,操

作较熟练,有大部分学生纯粹是上课时 间听课,课后就没有练习巩固的机会,所以,这一部分学生对所学知 识遗忘较大, 操作生疏; 所以这学期要多提供给学生动手实践的机会, 让学生多动的操作,让学生在操作中学到知识。

2014 年 2 月 24 日

二.教材分析
本学期教材是清华大学出版社会出版的《初中信息技术》八年级 下册,。内容包括:第一单元:新手入门,轻松上路,开篇之作,星 光闪烁,第二单元:统一风格,事半功倍,第三单元:驾轻就熟,按 图索伊,图形整合,自由穿梭,第四单元:一触即发,影音视听,分 享成果。难点知识:是第二单元的统一风格和事半功倍,重点三四单 元驾轻就熟,按图索伊,图形整合,自由穿梭,一触即发,影音视听

三.本学期学生能力要求:
培养学生对信息技术的兴趣和意识,让学生了解和掌握信息技术 基本知识和技能,了解信息技术的发展及期应用对人类日常生活和科 学技术的深刻影响。通过信息技术课程使学生具有获取信息、传输信 息、处理信息和应用信息的能力,教育学生正确认识和理解与信息技
1

术相关的文化、伦理和社会等问题,负责任地使用信息技术;培养学 生良好的信息素养,把信息技术作为支持终身学习和合作学习手手 段,为适应信息社会的学习、工作和生活打下必要的基础。

四.本学期改进课堂教学,提高教学质量的措施:
总体原则采取“任务驱动”教学方式、学生自学方式和动手操作 三种方式进行学习,适当进行一些小竞赛及课堂评价的方式进行教 学。明确教学重点、难点关键,探索、研究疑难问题及有关微机实践。 分析学生情况,统一教学要求,尽力做到超前 1—2 周,做到每课必 备,写好教案。领会大纲精神,钻研教材内容,从学生实际出发做到 十备:一备渗透德育;二备重点突出,突破难点方法得当;三备信息 技术基本概念;四备信息技术基本操作用语、基本术语;五备信息技 术教学中的薄弱环节;六备疑难问题的解决思路;七备信息技术实验 操作的增补及成败关键; 八备学生自学提纲; 九备操作练习作业精选; 十备课堂教学的总设计。 五.本学期工作目标: 组织有意义的信息活动,让学生从中体会乐趣,激发学生学习动 力。活动中,互相学习,共同进步,培养集体荣誉感。 适时开展比赛,在比中学,学中比,促进提高,培养学生创新能 力,注重学生动手、动脑的锻炼、培养 采取基本技能学习与德育想渗透的教学方式,注重培养学生健康 向上的人格品质,做到教书育人,使他们成为思想素质高尚的人才
2

2011-2012 学年第二学期八年级 信息技术教学进度表
周次 第一周 第二周 第三周 第四周 第五周 第六周 第七周 第八周 第九周 第十周 第十一周 第十二周 第十三周 第十四周 第十五周 第十六周 第十七周 第十八周 时间 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 日 教学内容 备注

入学准备 新手入门 轻松上路 开篇之作 星光闪烁 统一风格 事半功倍 驾轻就熟 自由穿梭 按图索伊 图形整合 一触即发 影音视听 分享成果

3



题:第 1 课 新手入门

课 课 教 学 目 标

题 型 新授课

新手入门

授课时间 课时安排 一课时

知识与技能: 1.掌握互联网、网页与首页、网站等网页设计与网站制作的基本 知识。 2.学会使用记事本作为网页编辑工具来编辑 HTML 代码并生 成网页。 3.掌握浏览网页的方法并理解网页编辑工具与浏览工具之间 的关系 过程与方法: 情感态度与价值观:

教学重点 教学难点

了解网站制作的基本知识,并制作一个简单的网页 学会使用记事本作为网页编辑工具来编辑HTML代码并生成网 页。

教具学具 多媒体网络教室。 准 备 讲解、学生练习 教 一、导入新课: 学 过 程 复

教学方法

4

在当前的社会生活中,网络正在发挥着越来越重要的作用,大 备 量制作精美、功能强大的网站出现在互联网上。对于学生来说,制 作个人网站也正在成为一种流行时尚。 通过本教材的学习可以轻松帮助学生入门,并逐步亲手打造属 于自己的个性十足的网站。 二、教学新课: 1、首先打开 IE 浏览器,在地址栏中输入网址,打开一个范例 网站的首页,单击首页中的动画、超文本、图片等网页元素,可以 分别链接到网站中的其他页面中。在操作过程中教师提出问题,引 导学生思考互联网、网站、网页、首页等术语的含义,以及它们之 间的关系,尝试让学生体会浏览器和网页的关系,从而将网站设计 与网页制作的基本知识进行概括总结并明确落实到每个学生身上。 在进行教学的时候,一定要让学生认识到已有知识的重要性,充分 利用已经具备的技能去尝试解决新问题,从而变被动学习为主动探 究。 教师可引导学生充分利用教材中的“视野拓展”和“创作天地”板 块进行自学,这实际上是在实施分层教学,以巩固本课的知识技能 为主,适当地进行补充,让部分基础较好的同学在完成基本任务之 后也能有事可做,给学生创造出提高的空间。 作为网站制作的起始课,教师要切实地关注每个学生,尤其是在以 前的学习过程中表现出学习能力较弱的学生,要确保每个学生都有 一个好的开始,都能将第一个网页作品保存到教师指定的位置(本 地磁盘或网络中的指定目录) 。
5

教师应对所有完成保存网页任务的学生进行及时地评价与鼓励,保 护学生的学习积极性。另外,对完成基本任务并有所创新的同学重 点表扬,鼓励学生主动学习,有计划地营造良性竞争的氛围。 2、网页设计与网站制作 在本课中通过欣赏站点,使学生了解和掌握互联网、网页与首 页、网站、IE 浏览器的基本含义,并且能够明确它们相互之间的关 系。 学生在学习网站制作之前已经接触过网站,浏览过各式各样的网 页,因此教师在完成此教学任务的时候,可以充分利用学生已有基 础,不必完全进行讲授式教学,可以结合启发、设问等方法,使学 生尽可能地自己总结出相关知识。 3、使用记事本作为网页编辑工具来编辑 HTML 代码并生成网页 在进行此部分教学的时候,可以先借助学生已有技能,启动 记事本,复制并粘贴素材文件中提供的 HTML 代码,命名并保存文 件,然后在浏览器中进行预览。 对于 HTML 代码部分,教师可以尝试通过修改属性值的方法,引导 学生探索标签的含义及其与属性值的对应关系,这也同时是对“创 作天地”板块中的练习进行提示的过程,然后通过分析此 HTML 实 例,讲解 HTML 语言的基本结构,对基本的 <html> </html> 、 <head></head>、<body></body>标签进行初步介绍,鼓励有余力的 同学通过“视野拓展”板块进行自学,并独立完成“创作天地”中 的练习。 通过教师演示引导学生思考扩展名对文件的影响,既包括其对
6

文件图标的影响,也包括调用应用程序的影响,从而引出程序关联 的知识进行补充讲解,见图 1.1 和图 1.2。

3) 保存文件 三、课堂练习: 使用记事本作为网页编辑工具来编辑 HTML 代码并生成网页 四、



题:第二课:轻松上路
——规划网站及创建站点

课 课 教

题 型

轻松上路 新授课

授课时间 课时安排 1 节课

知识与技能: 1.了解网站开发流程。 2.学会利用 Dreamweaver8 创建站点。

7

学 目 标

过程与方法: 情感态度与价值观:

教学重点 了解网站制作的基本知识,并制作一个简单的网页。 教学难点 多媒体网络教室。 教具学具 讲解、学生练习。 准 备

教学方法 教 一、导入新课: 开发一个网站是一个相当来说比较繁杂的过程,对于一个网 站而言,要有一个总的战略规划和目标。在做一个网站前,要有 一个全盘的考虑。我们知道一个房子一旦地基没有打好,是要拔 了重新盖,我们做网站也是一样,如果你前期规划做的不好,后 面的工作就意味着白辛苦。这节课我们以“安全自护我能行”为 主题来进行网站规划和创建站点 二、教学新课: 1.了解网站开发流程 (1)网站需求分析 一个网站在设计前,就应该考虑网站规模多大,就是多少个 页面,每个页面的大体内容是什么,要用到那些素材,有那些导 航,做较大一点的网站尤为如此。还要考虑以后会有什么改动, 还要增加那些网页,尽量让以后的改动尽可能的小。网站的需求 分析所用的时间应该占到总开发时间的一半以上。 ①确定网站主题
8





程 复 备

写作文要围绕中心思想去写,做网站要围绕主题去做。个人 主页、休闲、体育、教育、新闻、娱乐、购物、健康等等,不管 那类网站,都不能脱离自己的主题,必须表现个性,表现出特色 才能给人留下深刻印象,让人流连忘返。 ②收集素材 我们在这所说的素材就是你的网页上要用的各种素材,主要 包括:文字、图片、动画、音频、视频等。在网站主题明确后, 就应该把素材准备好,当然是越充分越好。不要等到用的时候到 处去找,那就影响效率了。 ③规划站点 站点规划是需求分析中最重要的一个环节,包含很多方面的 内容。我们上节课看了一些别人做的网站,相信大家都多多少少 了解一些:栏目设置、颜色搭配、图文的应用等等。只有把这些 内容都考虑全面了,制作的时候你的速度就快。否则就等着不停 的返工吧。 (2)设计制作网站页面 页面制作要先大后小,先粗后精。就是先要把每个页面要放 什么内容, 按什么结构先做一个大概, 所有页面的大概都做完后, 再去完善和细化。 (3)网站的发布 需要域名和网页文件的存放空间。 2.利用 Dreamweaver8 创建站点 (1)启动 Dreamweaver8 简单的进行界面介绍 (2)创建站点 步骤参见书上第 12 页 3.做一个简单的网页 要求图文并茂 三、课堂练习: 学生小组合作完成任务,并将任务上交到教师机。 四、课堂小结: 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、布置作业:

9

六、板书设计:

七、教学后记



题:第三课:开篇之作 ——基于表格的页面布局

课 课 教

题 型

开篇之作
新授课 知识与技能: 1.创建站点和网站首页。 2.掌握对表格属性的相关设置。

授课时间 课时安排 一课时

10

学 目 标

过程与方法: 情感态度与价值观:

教学重点 能够对表格属性进行熟练的设置 教学难点 能够对表格属性进行熟练的设置 教具学具 多媒体网络教室 准 备

教学方法 讲解、学生练习 教 一、导入新课: 一个网站的规划设计完毕了,接下来的工作就是网页设计。 我们知道一个网站的首页就像一本书的目录一样,我们做网站也 一样,要先把首页确定下来。我看了我们上一周做的网页,有些 同学想发挥点创意,但发现页面布局很乱,图片文字乱七八糟堆 放在一起。这节课我们就来学学怎样对页面布局进行控制。在这 之前我们先来看看别人的首页是怎么做的。 (查看事先准备好的 示例网页,分析表格在该页的作用) 二、教学新课: (一)复习创建站点的步骤。 1.在 D 盘新建一个文件夹,作为站点文件夹。 2.打开 Dreamweaver8,单击“站点”菜单下的 “新建站点”命令。 3.新建站点(步骤略,参加课本 p12) 。
11





程 复 备

(二)创建网站首页 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)在文档窗口中单击,在页面左上角放置插入点。
12

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

13

六、板书设计:

七、教学后记



题:第四课:星光闪烁 ——用 Flash 动画完善首页

课 课 教

题 型

用Flash动画完善首页
新授课 知识与技能: 1.学会表格的调整。

授课时间 课时安排 一课时

14

学 目 标

2.能在网页中插入 Flash,并对相关属性进行设置。 3.能在网页中插入文本,并对文字格式进行设置。 过程与方法:学生动手、自主探究 情感态度与价值观: 提高学生的动手能力、及学生们对网页的认 识。

教学重点 在网页中插入Flash,并设置相关属性 教学难点 在网页中插入Flash,并设置相关属性 教具学具 学生电脑 准 备

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





程 复 备

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) 设置文本属性:根据情况选择合适的格式或文字大小、颜 色、对齐方式等。 三、课堂练习: 学生小组合作完成任务,并将任务上交到教师机。 四、课堂小结: 五、布置作业: 六、板书设计: 七、教学后记



题:第五课:统一风格 ——制作框架网页

课 课 教

题 型 新授课

制作框架网页

授课时间 课时安排

知识与技能:
16

学 目 标

1.掌握表格的拆分与合并。

2.学会创建框架、制作框架网页和保存框架网页。 3.能制作鼠标经过图像的动态效果。 过程与方法:学生动手、自主探究 情感态度与价值观:使学生对框架结构有一个初步的认识

教学重点 创建框架和制作框架网页 教学难点 掌握目标设置在网页制作过程中的作用和方法 教具学具 学生电脑 准 备

教学方法 演示法、讲授法 教 一、导入新课: 一个网站常常划分成多个区域,对于每个区域来说,其色彩 搭配、网站风格、网站标题、网站导航都是统一的。为了能做到 这种统一,我们每个网页中相同的内容固定在一个区域。我们通 过创建框架制作框架网页,可以轻松实现网页结构划分和布局。 使大家对框架有一个初步的了解和感性认识。 学 过 程 复 备

二、教学新课 1.新建站点 (1)将“安全自护我能行”站点文件夹 safe 传到学生机。 (2)新建站点。 2.创建框架和框架集 制作框架网页的前提是创建框架,并根据网页布局设计框架 的样式,然后再具体设计制作网页的内容。 (1)规划“框架”文件夹。 (2)新建框架集 步骤 1:执行“文件”——》 “新建”命令,打开“新建文档”
17

对话框,在 “类别”中选择 “框架集” 。 步骤 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.创建框架,实现网页风格的统一,保存框架时,需要保存框
18

架集文件和含有框架的所有文件。 2.利用鼠标经过图像,可以制作网页导航动态按钮。 3.超级链接是实现网页互联的关键,设置网页的打开方式,可 以调整链接网页的显示位置。

五、布置作业:

六、板书设计:

七、教学后记



题:第六课:事半功倍
——制作网页模板

课 课
19

题 型 新授课

制作网页模板

授课时间 课时安排 一课时

教 学 目 标

知识与技能: 1、掌握模板的概念,特别是可编辑区域和不可编辑区域。 2、学会创建模板。 3、能用模板快速的制作网页 过程与方法:学生动手、自主探究 情感态度与价值观: 提高学生的自学能力,对网页的认识和对网 页模板的了解

教学重点 理解模板中的可编辑区域和不可编辑区域 教学难点 掌握模板的概念,特别是可编辑区域和不可编辑区域 教具学具 学生电脑 准 备

教学方法 演示法、讲授法 教 一、导入新课: 我们在进行大量的页面制作的时候,很多页面会用到相同的 布局, 图片和文字等元素。 这样我们需要做一次次的重复性劳动, 那么有没有更好的方法让我们来快速的实现呢!有,通过制作网 页模板快速创建网页。这就是我们这节课学习的内容。 二、教学新课 一、模板的概念: 模板可以被理解成一种网页模型,利用这个 模型能够方便的制作出很多页面,使用模板可以避免重复的在每 个页面输入或修改相同的部分,待网站改版的的时候,只要改变 模板的设计,系统就能自动更改所有基于这个模板创建的网页。 二、模板的优点:
20





程 复 备

风格一致,看起来比较系统,也省去了制作同 一面页的麻烦。 2. 如果要修改共同的页面不必一个一个修改,只 要更改应用于它们之上的模板就可以了。 3. 免除了以前没有此功能时还要常常“另存为”, 一不小心就会覆盖重要档案的困扰。 4. 模板的优点还有它也不是一成不变的,即使是 在已经使用一个模板创建文档之后,也还可以对该 模板进行修改。当更新模板时,文档中的锁定区都 会被更新,与模板的修改相匹配。 在我们知道了模板的概念和优点之后,让我们通过实例来具 体的理解吧! 现在给大家 3 分钟时间, 然后边看边思考两个问题: 1、请大家找出例子中网页的相同地方和不同地方。2、例子中风 格接近的网页可以有几种方法制作? (框架?用另存 为???) 再考虑:如果用以上两种方法做的话,万一网页的共同部分要改 动的话,是否每张都要改动过? 能不能一次修改,所有网页就 会自动更新呢(方法就是使用模板!) 现在我们来看看如何创建模板(教师边演示边解说) 三、如何创建模板 步骤 1:打开“安全自护我能行”站点,执行: “窗 口”——“资源”命令,打开“资源”面板,单击模板按钮,切 换到模板子面板 步骤 2:单击“新建模板按钮”, 将“资源”面板 的模板列表中名称为 Untitled 修改为 module,回车,则 Dreamweaver 在“资源”面板和 Templates 文件夹中创建一个新 的空模板。 步骤 3:打开“文件”面板,在 Templates 中新建 images 和 other 两个文件夹,拷贝素材 四、利用表格规划模板网页 我们创建好了模板后,可以利用表格规划模板了,这是我们学习 过得内容,大家根据书 38 页具体步骤自己动手规划吧! 三、课堂练习:
大家根据书 38 页具体步骤自己动手规划
21

1.

四、课堂小结:

五、布置作业:

六、板书设计:

七、教学后记



题:第七课 统一风格 ——制作框架网页

课 课

题 型 新授课

制作框架网页

授课时间 课时安排 一课时
22

教 学 目 标

知识与技能: 1.掌握利用模板创建网页的方法。 2.学会运用 Flash 按钮制作导航栏进行站内导航。 3.了解链接对象的目标框架的含义 过程与方法: 情感态度与价值观:

教学重点 掌握利用模板创建网页的方法。 教学难点 学会运用Flash按钮制作导航栏进行站内导航 教具学具 学生电脑 准 备

教学方法 讲解、学生练习。 教 一、导入新课: 创建模板是为了形成网站的统一风格,加快网站的建设。就 像工厂生产机器零部件一样。模板创建完成后,面临的工作就是 利用模板创建网页了。 二、教学新课: 1.新建站点 (1)将“安全自护我能行”站点文件夹 safe 传到学生机。 (2)新建站点。 2.应用模板创建网页 (1)规划“日常生活”文件夹 学 过 程 复 备

23

(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.创建模板的其他方法。 三、课堂练习: 学生小组合作完成任务,并将任务上交到教师机。
24

四、课堂小结: 1.利用模板创建网页。 2.在框架中打开网页的方法。 。 3 制作 Flash 按钮链接。 五、布置作业:

六、板书设计:

七、教学后记:


课 课 教 题 型 新授课 第8课

题:第8课 自由穿梭 自由穿梭
授课时间 课时安排 一课时

知识与技能:1.灵活地使用水平线分隔网页元素。 2.学会插入命名锚记以创建锚点链接。 3. 学习使用 Flash 文本作为链接对象。

25

学 目 标 教学重点 教学难点

过程与方法:讲解、学生练习。 情感态度与价值观:

局部连接的插入 局部连接的设置于运用

教 具 学 具 学生电脑 准 备 讲授法、演示法 教 一、导入新课:
当初步制作“交通出行”网页后,可以看出本页包含的内容很多,不同主题的 文字和图片罗列在一起,难以区分,因此我们考虑使用水平线分隔元素,并为页面 添加锚点链接,实现网页的局部跳转,快速地将访问者带到特定主题或者网页顶部。 备

教学方法





程 复

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

宽和高:以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。 对齐:指定水平线的对齐方式( “默认” 、 “左对齐” 、 “居中对齐”或“右对齐” ) 。仅 当水平线的宽度小于浏览器窗口的宽度时,该设置才适用。 阴影:指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘制
26

水平线。 需要注意的是,水平线的有些设置在编辑窗口无法直接看到效果,需要在 IE 浏览器中预览,例如图 8.2 所示的为 2 条不同属性设置的水平线在编辑窗口中的 状态和 IE 浏览器中预览效果的对比。

(2)创建锚点链接 在教材中我们将创建锚点链接分为两个步骤:命名锚记和链接锚记。 在进行链接锚记的时候,我们采用是在“属性检查器”的“链接”文本框中 输入锚记名称的方法,这就要求我们记住各个锚记对应的主题内容才能操作,否则 还需要单击相应的锚记名称,通过该锚记的“属性检查器”找到锚记名。其实,在 进行链接设置的时候,锚记也可以像文件一样,直接被鼠标选择作为链接目标,其 步骤如下: ① 选择要添加链接的主题文本,如“非机动车交通安全” 。 ② 单击“属性检查器”中“链接”文本框后的“指向文件”按钮 ,

直接拖动按钮到页面上,此时将会出现黑色的箭头,我们将此箭头拖动到需要链接 的锚记即可,如图 8.3 所示。

图8.3
(3)插入 Flash 文本
27

用?°指向文件?±链接锚记

Flash 文本与 Flash 按钮十分相似,都是在 Dreamweaver 中制作出的具有 Flash 效果的网页元素,都可以设置超链接,当给 Flash 文本设置好背景色后,其外 观就如同 Flash 按钮。 在保存 Flash 文本的时候,需要注意的地方是保存路径,参考 Flash 按钮 设置即可,此处不再重复。

三、课堂练习: 在网页中插入局部连接 四、课堂小结:

五、布置作业:

六、板书设计:

七、教学后记



题:第9课

按图索骥

课 课 教 学

题 型 新授课

按图索骥

授课时间 课时安排 一课时

知识与技能:1.理解图像热点超链接的含义 2. 学会绘制各种形状的热区,并为之设置链接目标。
28

目 标

过程与方法: 情感态度与价值观:

教学重点 图像热点超链接 教学难点 图像热点超链接 教具学具 学生电脑 准 备

教学方法 演示法、讲授法 教 一、导入新课: 在Dreamweaver 8中,允许使用者以多种方式综合使用图像,为网 站增添生命力,同时加深浏览者对网站的良好印象。 二、教学新课 1)图像热点超链接 在“家务劳动”页面中,我们插入了一张尺寸较大的图像, 图像的不同区域代表不同的主题内容, 我们要为此图像设置局部图 像链接,制作出“一图多链”的效果。在 Dreamweaver 中,这种 被分为多个区域(或称“热区” )的图像就称为“图像地图” 。 学 过 程 复 备

29

本图像地图包含 3 个热区, 它们链接的目标既有命名锚记, 也有新 创建的网页,其对应链接关系和目标框架如图 9.2 所示

图9.2

设置图像地图的属性

(2)图像查看器 在制作图像查看器之前,先要准备素材图片。在 Dreamweaver 中,对 3 种格式图像的支持是最好的,它们是 GIF、 JPEG 和 PNG。但是 IE 浏览器只能部分支持 PNG 图像的显示,所以 我们最好选用 GIF 和 JPEG 格式的图像制作图像检查器。 我们不仅可以通过执行“插入”→“媒体”→“图像查看 器”命令的方法插入图像检查器,还可以直接单击“Flash 元素” 工具栏中的“图像查看器”按钮,如图 9.3 所示。 图像查看器的制作过程也是制作 swf 格式的 Flash 动画 文件的过程,我们在“Flash 元素”面板中设置的参数直接影响此 动画文件的效果。 在“窗口”菜单中,我们会发现其实并没有“Flash 元 素”命令,如果打开“标签检查器”面板,然后在编辑窗口中单击
30

创建好的图像查看器的图标,那么“标签检查器”面板会自动变为 “Flash 元素”面板,再此设置图像查看器的参数就可以了。 3)网页与模板分离 当网页通过执行“修改”→“模板”→“从模板中分离”命令与模 板分离之后,网页在编辑区域如图 9.4 所示的提示将会消失。 三、课堂练习: 完成课本练习 四、课堂小结:

七、教学后记

31


相关文章:
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_其它课程_初中教育_教育专区。八年级...
八年级下册信息技术教案清华版2012
八年级下册信息技术教案清华版2012_其它课程_初中教育_教育专区。2012清华大学版本八年级年级信息技术工作计划 2013---2014 学年第二学期 一.本学期学生现状分析:本...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_科学_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_科学_初中教育_教育专区。课 题 第一...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_其它课程_初中教育_教育专区。八年级...
八年级下册信息技术教案(清华版)
八年级下册信息技术教案(清华版)_其它课程_初中教育_教育专区。这篇文档是八年级下册信息技术教案清华版 八年级信息技术教学计划计划 2015---2016 学年第二学期 一...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版 第一课 新手入门—网站欣赏与创建网页(导学案) 教学目标 1、 【知识与技能: 】(1)、通过操作练习,掌握互联网、网页与首页、网站...
八年级下册信息技术教案清华版
八年级下册信息技术教案清华版_其它课程_初中教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 八年级下册信息技术教案清华版_其它课程_初中教育_教育专区。课 题...
七年级上册信息技术教案(2012版清华版)
年级上册信息技术教案(2012版清华版)_其它课程_初中教育_教育专区。第 1 课...课下我反思后觉得,由于学生对知识 点充分的理解了,所以在操作中也得心应手,...
初二信息技术上册教案(清华黑白版)
初二信息技术上册教案(清华黑白版)_其它课程_初中教育_教育专区。八年级信息技术...使用“选择工具”拖动被选择的一枝花的同时,按住 Ctrl 键,待鼠标右角出现...
七年级信息技术全册教案(清华版)(下册)
2012年秋人教版七年级语... 2011--2012学年七年级数... 七年级英语上册 期末...七年级信息技术下册教案 段国芸 2014.3 1 第 1 课信息与信息技术教学案例 一...
更多相关标签:
八年级美术下册教案 | 八年级下册作文教案 | 八年级下册生物教案 | 八年级下册英语教案 | 八年级下册语文教案 | 八年级下册音乐教案 | 八年级地理下册教案 | 八年级数学下册教案 |