八年级下册信息技术教案清华版Word文件下载.docx
- 文档编号:20325792
- 上传时间:2023-01-22
- 格式:DOCX
- 页数:25
- 大小:205.38KB
八年级下册信息技术教案清华版Word文件下载.docx
《八年级下册信息技术教案清华版Word文件下载.docx》由会员分享,可在线阅读,更多相关《八年级下册信息技术教案清华版Word文件下载.docx(25页珍藏版)》请在冰豆网上搜索。
五.本学期工作目标:
组织有意义的信息活动,让学生从中体会乐趣,激发学生学习动力。
活动中,互相学习,共同进步,培养集体荣誉感。
适时开展比赛,在比中学,学中比,促进提高,培养学生创新能力,注重学生动手、动脑的锻炼、培养
采取基本技能学习与德育想渗透的教学方式,注重培养学生健康向上的人格品质,做到教书育人,使他们成为思想素质高尚的人才
课题:
第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.新建站点(步骤略,参加课本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)单击“标签选择器”中的<
table>
标签,选中此表格,在属性栏中完成表格的相关设置。
具体参数如下:
行数:
2,列数:
1,高度:
600像素,宽度600像素,对齐:
居中对齐,背景图片:
index.gif。
4.测试网页。
三、学生练习
鼓励学生大胆尝试和创新,利用所学的内容,进行创意性发挥。
学生小组合作完成制作一个首页的任务,并将任务上交到教师机。
2.文档工具栏的使用。
3.使用表格设计网页布局,可以使网页看上去更加整齐。
1.站点目录结构要清晰,方便管理,素材要按类型分别存放。
第四课:
星光闪烁
——用Flash动画完善首页
用Flash动画完善首页
1.学会表格的调整。
2.能在网页中插入Flash,并对相关属性进行设置。
3.能在网页中插入文本,并对文字格式进行设置。
学生动手、自主探究
提高学生的动手能力、及学生们对网页的认识。
在网页中插入Flash,并设置相关属性
学生电脑
演示法、讲授法
对于一个网页,信息的表达是多种多样的,我们可以使用文字、图片等,我们也可以为网页添加动画、音频、视频等,为了让我们的网站看起来有动感,吸引别人的眼球,我们应该学会在网页中使用Flash。
这节课我们就来一块学学怎么在网页中使用Flash。
二、教学新课
1.新建站点
(1)将“安全自护我能行”站点文件夹传到学生机。
(2)新建站点。
2.调整表格
1)选择对象
表格、行、列、单元格属性的设置是以选择这些对象为前提的。
a)选择表格:
“标签选择器”中单击<
标签;
“表格”菜单下的“选择表格”命令。
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)插入特殊字符:
“插入”——》“HTML”——》“特殊网页”。
3)设置文本属性:
根据情况选择合适的格式或文字大小、颜色、对齐方式等。
第五课:
统一风格
——制作框架网页
制作框架网页
1.掌握表格的拆分与合并。
2.学会创建框架、制作框架网页和保存框架网页。
3.能制作鼠标经过图像的动态效果。
使学生对框架结构有一个初步的认识
创建框架和制作框架网页
掌握目标设置在网页制作过程中的作用和方法
一个网站常常划分成多个区域,对于每个区域来说,其色彩搭配、网站风格、网站标题、网站导航都是统一的。
为了能做到这种统一,我们每个网页中相同的内容固定在一个区域。
我们通过创建框架制作框架网页,可以轻松实现网页结构划分和布局。
使大家对框架有一个初步的了解和感性认识。
(1)将“安全自护我能行”站点文件夹safe传到学生机。
2.创建框架和框架集
制作框架网页的前提是创建框架,并根据网页布局设计框架的样式,然后再具体设计制作网页的内容。
(1)规划“框架”文件夹。
(2)新建框架集
步骤1:
执行“文件”——》“新建”命令,打开“新建文档”对话框,在“类别”中选择“框架集”。
步骤2:
单击“创建”按钮,在弹出对话框中单击“确定”,框架创建完成。
(3)保存框架集
执行“文件”——》“保存全部”命令,保存到frame文件夹中。
重命名框架集文件和每个框架文件。
(4)设置框架和框架属性
框架的属性包括框架名称、源文件、边距、尺寸、滚动条等;
框架集的属性包括框架面积、框架边界颜色、距离等。
执行“窗口”——》“框架”命令,打开框架面板。
单击“框架”面板中的框架边缘部分,选中框架集,在“属性”面板中设置框架集的属性。
步骤3:
单击“框架”面板中的topFrame框架和mainFrame框架,在“属性”面板中设置所选框架的属性。
(5)制作框架网页
①制作上框架网页
打开网页top.html,设置背景颜色#EAFF8A,上边距为0像素。
插入一个2行5列的表格并调整行列的高宽。
。
在导航表格中,设置鼠标经过图像。
步骤4:
为图片添加超链接,设置打开方式(目标)。
②制作下框架网页
打开网页main.html,设置背景颜色#EAFF8A,上边距为0像素。
插入一个5行9列的表格并调整行列的高宽。
合并相关单元格。
插入图片,并为图片添加超链接。
步骤5:
添加邮件链接。
学生小组合作完成书上的练习任务,并将任务上交到教师机
1.创建框架,实现网页风格的统一,保存框架时,需要保存框架集文件和含有框架的所有文件。
2.利用鼠标经过图像,可以制作网页导航动态按钮。
3.超级链接是实现网页互联的关键,设置网页的打开方式,可以调整链接网页的显示位置。
第六课:
事半功倍
——制作网页模板
制作网页模板
1、掌握模板的概念,特别是可编辑区域和不可编辑区域。
2、学会创建模板。
3、能用模板快速的制作网页
提高学生的自学能力,对网页的认识和对网页模板的了解
理解模板中的可编辑区域和不可编辑区域
掌握模板的概念,特别是可编辑区域和不可编辑区域
我们在进行大量的页面制作的时候,很多页面会用到相同的布局,图片和文字等元素。
这样我们需要做一次次的重复性劳动,那么有没有更好的方法让我们来快速的实现呢!
有,通过制作网页模板快速创建网页。
这就是我们这节课学习的内容。
一、模板的概念:
模板可以被理解成一种网页模型,利用这个模型能够方便的制作出很多页面,使用模板可以避免重复的在每个页面输入或修改相同的部分,待网站改版的的时候,只要改变模板的设计,系统就能自动更改所有基于这个模板创建的网页。
二、模板的优点:
1.
风格一致,看起来比较系统,也省去了制作同一面页的麻烦。
2.
如果要修改共同的页面不必一个一个修改,只要更改应用于它们之上的模板就可以了。
3.
免除了以前没有此功能时还要常常“另存为”,一不小心就会覆盖重要档案的困扰。
4.
模板的优点还有它也不是一成不变的,即使是在已经使用一个模板创建文档之后,也还可以对该模板进行修改。
当更新模板时,文档中的锁定区都会被更新,与模板的修改相匹配。
在我们知道了模板的概念和优点之后,让我们通过实例来具体的理解吧!
现在给大家3分钟时间,然后边看边思考两个问题:
1、请大家找出例子中网页的相同地方和不同地方。
2、例子中风格接近的网页可以有几种方法制作?
(框架?
用另存为?
……)
再考虑:
如果用以上两种方法做的话,万一网页的共同部分要改动的话,是否每张都要改动过?
能不能一次修改,所有网页就会自动更新呢(方法就是使用模板!
)
现在我们来看看如何创建模板(教师边演示边解说)
三、如何创建模板
打开“安全自护我能行”站点,执行:
“窗口”——“资源”命令,打开“资源”面板,单击模板按钮,切换到模板子面板
单击“新建模板按钮”,将“资源”面板的模板列表中名称为Untitled修改为module,回车,则Dreamweaver在“资源”面板和Templates文件夹中创建一个新的空模板。
打开“文件”面板,在Templates中新建images和other两个文件夹,拷贝素材
四、利用表格规划模板网页
我们创建好了模板后,可以利用表格规划模板了,这是我们学习过得内容,大家根据书38页具体步骤自己动手规划吧!
大家根据书38页具体步骤自己动手规划
第七课统一风格
1.掌握利用模板创建网页的方法。
2.学会运用Flash按钮制作导航栏进行站内导航。
3.了解链接对象的目标框架的含义
掌握利用模板创建网页的方法。
学会运用Flash按钮制作导航栏进行站内导航
创建模板是为了形成网站的统一风格,加快网站的建设。
就像工厂生产机器零部件一样。
模板创建完成后,面临的工作就是利用模板创建网页了。
2.应用模板创建网页
(1)规划“日常生活”文件夹
(2)应用模板
①用模板直接创建网页
步骤1:
执行“文件”——》“新建”命令,打开“模板”标签,选择模板文件module,单击“创建”按钮,即可基于module模板创建一个网页。
步骤2:
执行”文件”——》“保存”
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 年级 下册 信息技术 教案 清华