八年级下册信息技术教案清华版PAGEPAGE22011-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日按图索...
标签。选择某一行或某一列:将光标移动到行左侧或列上方,当鼠标指针变为向右或向下的箭头图标时,单击即可。设置第一行的属性选中表格的第一行,将高度设为420。和flash的高度一致。3.插入flash动画将光标定位在表格第一行中,执行“插入”——》“媒体”——》Flash命令。在弹出的对话框中选择other文件夹下的index.swf,单击确定。观察插入flash的状态,在编辑视图下,flash不可见。单击选中flash文档,在属性面板设置相关属性:循环、自动播放。预览观察效果。设置Flash参数,如P23页,图4.6所示。4.在网页中插入文本插入普通文本:光标定位在单元格内,直接输入文字。插入特殊字符:“插入”——》“HTML”——》“特殊网页”。设置文本属性:根据情况选择合适的格式或文字大小、颜色、对齐方式等。三、课堂练习:学生小组合作完成任务,并将任务上交到教师机。四、课堂小结:五、布置作业:六、板书设计:七、教学后记复备课题:第五课:统一风格——制作框架网页课题制作框架网页授课时间课型新授课课时安排教学目标知识与技能: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课按图索骥授课时间课型新授课课时安排一课时教学目标知识与技能: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.学会绘制各种形状的热区,并为之设置链接目标。过程与方法:情感态度与价值观:教学重点图像热点超链接教学难点图像热点超链接教具学具准备学生电脑教学方法演示法、讲授法教学过程一、导入新课:在Dreamweaver8中,允许使用者以多种方式综合使用图像,为网站增添生命力,同时加深浏览者对网站的良好印象。二、教学新课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所示的提示将会消失。三、课堂练习:完成课本练习四、课堂小结:七、教学后记复备窗体顶端HTMLCONTROLForms.HTML:Hidden.1错误!未找到引用源。HTMLCONTROLForms.HTML:Hidden.1错误!未找到引用源。HTMLCONTROLForms.HTML:Hidden.1错误!未找到引用源。窗体底端
本文档为【八年级下册信息技术教案清华版】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。 [版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要:
¥14.0
已有0
人下载
你可能还喜欢
最新资料
资料动态
专题动态
清风指路
暂无简介~
格式:doc
大小:431KB
软件:Word
页数:29
分类:小学语文
上传时间:2022-02-08
浏览量:6
热点搜索
物理化学常数
检定证书水准仪
特种加工(第6版)白基成(电子课件)教学课件2 电火花加工
海运提单样本
人教版小学英语三年级上册Unit3PartA说课稿
物联网技术与智能农业(江苏农科院)
第四节__
五年级上册语文知识梳理(豪华精细版)-第六单元小结|人教(部编版)
涂料工艺学论文
年龙上师父母之殊胜伏藏法
smart3D4.0破解版安装步骤
92职工薪酬循环内部控制关键点汇总表
爬岳麓山活动总结
绽放在山坡上的那些花儿——赵延勤
物理化学常数
检定证书水准仪
特种加工(第6版)白基成(电子课件)教学课件2 电火花加工
海运提单样本
人教版小学英语三年级上册Unit3PartA说课稿
物联网技术与智能农业(江苏农科院)
第四节__
五年级上册语文知识梳理(豪华精细版)-第六单元小结|人教(部编版)
涂料工艺学论文
年龙上师父母之殊胜伏藏法
smart3D4.0破解版安装步骤
92职工薪酬循环内部控制关键点汇总表
爬岳麓山活动总结
绽放在山坡上的那些花儿——赵延勤
|