还剩11页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
六年级信息技术上册教案第一课简单网页尝试做教学目的与要求
1.掌握建立站点的方法;
2.掌握保存网页及预览网页的方法教学重难点
1.建立站点;
2.保存网页;
3.预览网页教学过程一.复习巩固二.引入新课目前,可以制作网站的工具软件非常多,我们选用Frontpage作为网站制作的工具软件三.建立新站点
1.打开Frontpage,单击“文件”一“新建”一“站点”,打开“新建”对话框
2.选择“空站点”,键入站点的保存位置和名称,单击“确定”按钮四.建立网页在FrontPage中创建站点后,会自动在站点文件夹内创建两个文件夹,用于制作网页时存放各类资源在光标处输入网站的名称,并写上一段欢迎的文字,例如“欢迎走进温馨的XX班网上家园”这样,一个只有文字的网页就建立好了五.保存网页单击“文件”一“保存文件”,打开“另存为”对话框,输入文件名,单击“保存”按钮六.预览网页
1.在浏览器中预览网页单击“文件”一“在浏览器中预览”,打开“在浏览器中预览”对话框,单击预览
2.在FrontPage窗口中单击“预览”按钮,进行预览
3.观察使用两种预览方法所显示的预览效果七.思考与练习建立一个新站点,并输入文字,保存后预览第二课美化网页显身手教学目的与要求
1.掌握打开站点的方法;
2.掌握插入图片的方法;
3.掌握保存图片的方法教学重难点
1.插入图片;
2.保存图片教学过程一.复习巩固二.引入新课同学们有许多特长,我们可以通过“风采展示”网页进行展示“风采展示”网页下面含有“习作园地”、“小小画廊”、“动物世界”等页面,“习作园地”页面下又含有同学们的许多篇文章三.制作“风采展示”网页
1.制作“风采展示”网页,将网页命名为“fczs.htm,标题为“风采展示”⑴单击“插入”-“水平线”选项,在页面插入一水平线;2插入一个3行2列的表格,边框粗细为1,亮边框为兰色,暗边框为白色,并在相应单元格内插入图片并输入文字;
2.制作“习作园地”页面,将该页命名为“xzyd.htm,标题为“习作园地”⑴插入一个表格,并设置表格背景;2再在这一表格内插入一个8行2列的表格,设置为水平居中,在相应单元格内输入文章标题及序号
3.制作“习作园地”下的文章首先插入4行1列的表格,分别在相应位置输入标题、作者、文章内容,最后一行插入一图片并建立返回“习作园地”的超级链接用相同的方法制作其他文章的页面,分别命名为xzl.htm,xz
2.htm网页标题为习作一,习作二
4.完成这三级页面的超级链接四.在习作一创建书签{习作一的文章“悟空、八戒油城见闻”,文章这么长,分为“孙悟空三考李西歌”、“猪八戒逛油城”两部分拖动滚动条查看很不方便,怎样才能快速查看任意一部分内容呢?当网页中的内容较长时,我们同样可以在网页内部建立超级链接,称做书签它是将网页中的一些关键字与网页中的某部分内容链接起来,单击关键字,就会跳转到相应的内容}
1.插入书签将光标定位在超级链接的目标位置,即文章第一部分“孙悟空三考李西歌”的前面1单击“插入”一“书签”选项,弹出“书签”对话框;2输入书签名称“孙悟空三考李西歌”;⑶单击“确定”按钮这时,就在指定位置插入了一个标记,这就是我们插入的书签
2.创建超级链接选中需要建立超级链接的文字,即文章顶端的小标题“孙悟空三考李西歌”1选中文章顶端的小标题;⑵单击“插入”一“超链接”,弹出“创建超链接”对话框;⑶选中我们已经插入的书签“孙悟空三考李西歌”;⑷单击“确定”按钮保存网页,浏览器中预览该网页,单击“孙悟空三考李西歌“,这一部分的内容就跑到屏幕的顶端To五.思考与练习
1.在什么情况时使用书签比较方便?
2.对其他几篇比较长的文章建立书签第十三课框架网页渐完善教学目的与要求
1.学会制作“小小画廊”网页;
2.掌握导入图片文件到网站的方法教学重难点
1.制作“小小画廊”网页教学过程一.复习巩固二.引入新课“风采展示”下的“小小画廊”页面可以充分展示同学们的绘画作品,今天我门就来学习如何制作“小小画廊”三.制作“小小画廊”页面
1.复制“模板一粘贴并命名为“xxhl.htm,网页标题“小小画廊”;
2.插入5行3列的表格,中间一列单元格设置白色背景,并调整列宽;
3.制作第一幅绘画作品⑴在第一行第二列的单元格内插入一个3行3列的表格;2在第一行第三列的单元格内插入一个2行1列的表格,并调整好行高与列宽;3在单元格内设置背景颜色,输入文字或插入图片,调整大小;4在单元格内输入文字,插入图片,调整大小
4.复制制作好的第一行的表格到后面各行,再将图片和文字更换一下即可四.导入图片文件到images文件夹中{在上面的制作中,需要不断地删除、插入、调整大小,太麻烦了有什么更方便的办法更换单元格中的图片呢?由于要更换的图片在网站外,我们可以将它们导入到网站的images文件夹内,之后在调用更方便多了}
1.单击“文件”一“导入”选项,弹出“导入”对话框;
2.单击“添加文件”添加要导入的文件;
3.单击“修改”,修改文件位置和名字;
4.单击“确定”按钮五.通过images文件夹,更换成其他绘画作品和作者照片
1.选中第二行的绘画作品,打开“图片属性”对话框;
2.单击“浏览”,更改“图片源”为images文件夹中的hh
2.gif文件;
3.单击“确定”按钮六.思考与练习
1.导入图片有什么好处?
2.将自己的计算机绘画作品制作成一个网页第十四课测试更新不能忘教学目的与要求
1.掌握通过HTTP发布网站的方法;
2.掌握通过FTP发布Web网站的方法教学重难点
1.通过HTTP发布网站;
2.通过FTP发布Web网站教学过程一.复习巩固二.引入新课网站做好了,要让更多的人欣赏到我们的网站,需要把网站发布出去完成网站内所有网页的编辑后,经过检查无误,就可以发布站点了网站既可以发布到Inte:rnet网上的“个人主页空间”,也可以发布到学校的服务器上,还可以发布到自己的本地计算机上三.在FrontPage中将站点发布到本地计算机上
1.单击“文件”一“发布站点”,弹出“发布站点”对话框;
2.单击“浏览”,设置本地的发布位置为e:\wxjy站点;
3.单击“确定”按钮;
4.FrontPage自动完成发布过程,并显示发布进度;
5.发布完成后单击“完成”按钮四.用FTP工具软件FlashFxp将我们制作的网站上传到主页空间{所谓发布站点,就是将网站内容复制到远程服务器上的过程发布站点也叫“上传站点”发布站点时可以使用专门的文件上传工具FTP FTP是什么呢?简单的说,它是一种网络上传送文件的方法,可以把我0们自己做好的网页传到网络上去FTP软件有很多种,比如CuteFtpFlashFxpLeapFtp等除了将做好的网站发布到本地计算机上外,我们还可以通过FTP将网站发布到因特网上在因特网上,友谊写网站为我们提供了免费的个人主页空间,可以在搜索引擎中以“免费个人主页空间”为关键字进行搜索,得到结果,从中选择一个来用}
1.安装FTP工具软件FlashFxp;
2.运行FlashFxp软件;
3.在FlashFxp窗口中,单击“会话”一“快速连接”,弹出“快速连接”对话框;
4.输入用户名、密码、服务器的IP地址和端口号,单击“连接”按钮信息验证无误后,返回工作窗口,窗口中显示连接成功信息;
5.在窗口右上区域的本地文件夹中选择要发布的网站,在本地文件夹下显示网站文件和文件夹列表,选取所有网站文件和文件夹,用鼠标拖动到左边的FTP站点系统开始上传文件完成后系统显示上传成功信息五.思考与练习检查网站的所有链接确认无误后,把制作的网站发布到本地或者Internt上,然后测试发布结果第十五课交流评价提升快教学目的与要求《交流与评价网站》教学设计
一、教学目标
1.各小组将自己的站点文件夹设置为“只读”共享
2.每个小组都能在教师的引导下对各站点进行比较公正、合理的自评与他评
二、教学重点
1.对小组站点的自评与他评
三、教学难点教师能够正确地引导学生对站点进行比较公正、合理的自评与他评
四、教学过程2>导入新课同学们“小水滴”小组主题站点中的所有网页都已制作完成,其他小组的主题站点完成的怎么样了?大家怎样才能够互相了解到彼此的情况呢?这节课我们就一起来学习这方面的内容
2、新授内容-“共享”作品
3.演示方法
4.布置任务把自己的成果库设置成共享文件夹
5.巡视指导
6.知识拓展二.引入新课仅有文字的网页显得有些单调,今天,我们在网页上挂上我们的全家福“班级合影”图片三.打开站点
1.单击“文件”一“打开站点”,弹出“打开站点”对话框
2.单击“查找范围”后的小方块按钮,选择站点位置单击“打开”按钮四.插入图片
1.在文件夹列表中,双击new_page_l.htm,打开网页
2.在网页上把光标移到要插入图片的位置
3.单击“插入”一“图片”一“来自文件”,打开“图片”对话框
4.单击“从计算机上选择文件”按钮,弹出“选择文件”对话框
5.单击“查找范围”后的小方块按钮,选择图片文件所在的位置
6.选择图片文件,“班级合影”,单击“确定”按钮{
①插入的图片的大小可以自由调整单击图片,出现8个控制点,拖动这些控制点就可以改变图片的大小
②网页上常用的图形格式有Gif和Jpeg两种五.保存图片在保存含有图片的网页时,计算机会自动弹出一个“保存嵌入式文件”对话框这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片,现在计算机要求把这个图片存放到站点内文件名new_pal.jpg是计算机自动生成的为了方便使用,我们可以重新给图片起名字在“保存嵌入式文件”中选择图片文件new_pal.jpg,单击下面的“重命名”按钮,可对其重命名我们将图片文件重命名为bjhy.jpgo为方便图片管理,计算机自动在站点内为我们建立了一个存放图片的文件夹images一般情况下,我们都把图片文件存放在这个文件夹内在“保存嵌入式文件”对话框内,选择图片文件bjhy.jpg,单击“改变文件夹”,打开“改变文件夹”对话框选中“images”,单击“确定”按钮,图片文件bjhy.jpg就存放在“images”内了单击“确定”按钮就完成了对网页和图片的保存六.思考与练习在网页中插入图片,将插入图片的网页保存,并将图片存放到images文件夹内第三课浏览网页有标准教学目的与要求
1.掌握用表格布局的方法;
2.掌握横幅广告的制作方法;
3.完成班级简介页面的制作教学重难点
1.表格的布局与插入;
2.制作横幅广告教学过程一.复习巩固二.引入新课制作了首页,我们就好象拥有可一扇大门,推开这扇门就应该看到里面丰富多彩的内容下面,我们用“班级简介”页面、“班级荣誉”页面、“活动剪影”页面……来丰富我们的家园本课,我们以“班级简介”页面为例学习网页的制作三.插入表格(制作网页前,我们要先设计网页内容的布局,根据设计,插入合适的表格当要制作一个内容较复杂的网页时,可以插入两个或多个规范的表格来定位,使每个表格不过于复杂,方便我们的编辑)
1.新建一个网页先插入一个2行2列的表格,再将第2列合并成一个单元格这一表格用来放置网站标志图片和校园风光图片
2.将光标放到第一个表格下方,再继续插入一个1行6列的表格,用于排放栏目
3.将光标放到第二个表格下方,再继续插入一个1行1列的表格在这个表格中制作“班级简介”的文字及图片内容布局做好后,网页基本完成了一半接下来,只要把相应的内容放到不同的单元格就可以了四.给网站名单元格添加背景将光标定位在单元格内,然后
1.单击“表格”一“属性”一“单元格”,弹出“单元格属性”对话框;
2.选中“使用背景图片”;
3.单击“浏览”,选择背景图片文件“背景图
2.gif”;
4.单击“确定”按钮五.横幅广告的制作横幅广告并不是一种动画,而是通过横幅广告管理器制作的由多个大小相同的图片交替显示的一种动态效果将校园风光图片制作成横幅广告首先,将光标定位在插入校园风光图片的单元格内,然后
1.单击“插入”一“组件”一“横幅广告管理器”,弹出“横幅广告管理器属性”对话框;
2.单击“添加”按钮,依次添加要显示的图片;
3.单击“确定”按钮六.思考与练习第四课网页素材先准备教学目的与要求
1.了解网站建设规划流程;
2.收集整理资料教学重难点
1.网页的连接;
2.网站的规划教学过程一.引入新课我们的校园生活丰富多彩,班级活动活泼有趣,怎样让远方的伙伴了解我们的校园生活呢?为了更好地展示我们班级的风采,让更多的人认识和欣赏我们,我们可以制作班级网站,发布到因特网上,让更多的人了解我们班二.网页之间如何联系
1.在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来,使其变成一张有序的网,为人们展现丰富的主题内容
2.以“中国儿童中心”的首页为例,介绍网页的链接在“中国儿童中心”网站中,网页是由一层层的超级链接组织起来的如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目,“游戏天地”栏目又分别链接有“益智游戏”网页、“趣味游戏”网页、“技巧游戏”网页三大内容当我们选择“益智游戏”时,又看到许多游戏名称供我们选择
3.请学生随便找一个网站,点击网页,体验超级链接三.网站规划与素材准备网站是由多个网页链接组成的,在开始制作网站前最好做好整体规划
1.确定网站主题网站的主题决定制作网站的风格,决定网站所包含的网页信息
2.搜集素材通过多种渠道搜集网站所需要的各种素材
3.筛选、整理素材对搜集来的素材进行必要的挑选、修改、编排、整理,筛选出各类网页所需要的素材有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材
4.做好网站建设规划根据我们筛选、整理的素材,按照不同的分类,规划整理到不同的网页中同时要注意使页面布局主题突出、美观大方、有自己的特色
5.选择网页制作软件,开始制作四.思考与练习为自己的班级网站设计一个欢迎首页第五课使用表格版面齐教学目的与要求
1.了解表格在网页中的作用;
2.掌握插入表格的方法;
3.掌握首页命名及设置网页标题的方法教学重难点
1.利用表格制作网页教学过程一.复习巩固二.引入新课一个好的网页不仅内容要充实,而且版面要美观为了一个好的视觉效果,需要精心装点自己的家园打开我们的网页,怎样将网页中的文字、图片摆放得更美观一些呢?三.利用表格制作网页插入表格的方法非常简单,但在插入表格之前,我们需要知道自己要画一个几行几列的表格
1.新建网页并设置网页背景单击“新建”按钮,新建一个网页将适合的图片设置成网页背景
2.打开“插入表格”对话框单击“表格”一“插入”一“表格”,弹出“插入表格”对话框
3.输入行、列数,设置布局参数,单击“确定”按钮
4.通过鼠标调整表格的列宽
5.在合适的位置放入欢迎文字、全家福、欢迎词等四.设置网页标题在“保存网页”对话框中设置网页标题
1.输入文件名index
2.单击“更改”弹出“设置网页标题”对话框
3.输入网页标题“首页”,单击“确定按钮”{index.htm是网站常用的首页名这是因为,我们在浏览器中输入一个网址时,浏览器会自动寻找该地址的index.htm文件,并将其打开}五.思考与练习建立一个介绍自己的网页并将内容通过表格定位第六课图像声音齐上阵教学目的与要求
1.掌握设置背景图片的方法;
2.掌握设置背景音乐的方法;
3.掌握保存背景音乐的方法教学重难点
1.设置背景图片;
2.设置背景音乐教学过程一.复习巩固二.引入新课我们在浏览许多网页时,可以听到优美的音乐,看到漂亮的背景今天,我们就揭开它的神秘面纱三.为网页设置背景
1.单击“格式”一“背景”,打开“网页属性”对话框
2.选择“背景”标签,选中“背景图片”,单击“浏览”,选择背景图片,单击“确定”按钮四.为网页配背景音乐
1.在“网页属性”对话框中选择“常规”标签
2.单击“浏览”按钮,弹出“背景音乐”对话框,选择背景音乐文件,单击“确定”按钮五.保存网页
1.把“背景.g背”更名为“bj.gif”,保存在images文件夹内
2.把“背景音乐.mid”更名为“bjyy.mid”,保存在站点根目录下六.思考与练习为自己的网页设置背景图片和音乐第七课网页越做越漂亮教学目的与要求
1.了解表格的一般操作;
2.掌握制作欢迎字幕的方法教学重难点
1.制作欢迎字幕教学过程一.复习巩固二.引入新课我们经常会在网站上看到一行或多行滚动的文字,就和电影中移动的字幕一样,非常有趣今天,我们学习制作滚动字幕的方法三.拆分单元格(在制作滚动字幕之前,要确定字幕的位置我们可以将“欢迎走进温馨的XX班网上家园”单元格拆分为两行,下面一行用于放置字幕)拆分单元格的方法将光标定位在要拆分的单元格中,然后
1.单击“表格”一“拆分单元格”,弹出“拆分单元格”对话框;
2.设置拆分的方式,如拆分成行;
3.设置拆分的行数,如2行;
4.单击“确定”按钮四.制作欢迎字幕将光标定位在要插入字幕的单元格中,
1.单击“插入”一“组件”一“字幕”,弹出“字幕属性”对话框;
2.输入文字;
3.单击“确定”按钮(在一个内容较复杂的网页中,要较好地定位内容,需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等这些操作都可以在“表格”菜单中进行,操作方法也很相似)五.思考与练习
1.在表格内进行表格的插入、删除、拆分、合并等操作;
2.在自己的网页中,插入一个简短的“欢迎字幕”,并试着改变字幕的颜色第八课链接网页成一家——超级链接的制作教学目的与要求
1.认识超级链接;
2.掌握建立文字、图片超级链接的方法教学重难点
1.建立图片的超级链接教学过程一.复习巩固二.引入新课我们已经做好两个网页,如何使这两个网页紧密地联系起来,让更多的浏览者能方便地在它们之间自由地进出呢?当我们在网上冲浪的时候,经常会单击页面上某些文字或图片来进入我们的目标页面我们把从一个页面到另一个页面的链接叫做超级链接三.创建图片的超级链接首先,打开网页文件,选中要设置超级链接的图片然后
1.单击“插入”一“超链接”,弹出“创建超链接”对话框;
2.选择超链接到的网页如bjjj.htm
3.单击“确定”按钮{当鼠标移动到有超级链接的文字或图片时,一般情况下,鼠标会变成手状,表明这上面有超级链接这时,单击就可以转入链接到的页面创建好首页到“班级简介”页面的超级链接后,我们可以轻松地从首页进入到“班级简介”页面那么,怎样从班级简介“bjjj.htm”页面再跳回首页呢?很简单,当然还是设置超链接,将它链接回来就行了}四.观察设置超级链接前后,“首页”文字有什么变化五.思考与练习
1.请给自己的首页加上一个文字或图片的超级链接
2.保存网页并到浏览器中进行测试,观察鼠标指针的变化第九课创建站点做网页教学目的与要求
1.掌握指向信箱超级链接的设置方法;
2.掌握设置网页过渡效果的方法教学重难点为个人小档案网页中的E-mail信箱设置超级链接教学过程一.复习巩固二.引入新课在个人小档案网页中,每个同学都有自己的E-mail信箱为了方便浏览者给他们写信,我们可以为E-mail信箱设置超级链接为E-mail信箱设置超级链接的方法与文字和图片设置超级链接的方法稍有不同三.为个人小档案网页中的E-mail信箱设置超级链接
1.右键单击E-mail信箱,单击快捷菜单中的“超链接”菜单项,弹出“创建超级链接”对话框;
2.单击“制作发送电子邮件的超链接”按钮,弹出“创建电子邮件超链接”对话框;
3.在光标处输入邮箱地址;
4.单击“确定”按钮;
5.单击“确定”按钮E-mail的超级链接设置好后,浏览网页时,单击该超级链接,系统会自动进入写新邮件的窗口制作了许多类似的个人小档案网页,为了使这些相似的网页的显示效果产生一定的变化,我们可以为每位同学的个人档案网页设置网页过渡效果四.为个人小档案网页设置网页过渡效果
1.在设置网页过渡效果的网页中单击“格式”一“网页过渡”,弹出“网页过渡”对话框;
2.设置过渡时间;
3.设置过渡效果;
4.单击“确定”按钮五.思考与练习
1.制作自己小组同学的个人小档案,并设置好电子邮件的超链接
2.在制作的网页中,设置网页过渡效果第十课更多效果在继续教学目的与要求
1.建立同学通信录网页;
2.设计制作人物的具体介绍页面教学重难点
1.利用图片属性设置图片的大小;
2.制作个人小档案教学过程一.复习巩固二.引入新课同学们一定都有漂亮的电话簿、有趣的纪念册等,里边记录着每位朋友的个人资料和联系方式在我们的班级网站中,我们可以把同学们的照片和名字放在网页上,制作成图文并茂的同学录三.利用图片属性设置图片的大小在表格内插入照片时,过大的照片会将表格撑大,影响整体布局,这时需要对图片大小进行调整为了使所有的照片大小一致,我们可以使用“图片属性”来设置
1.右键单击图片,单击“图片属性”快捷菜单项,弹出“图片属性”对话框;
2.选择“外观”标签;
3.选中“指定大小”;
4.取消“保持纵横比”;
5.输入宽度和高度的象素值;
6.单击“确定”按钮用同样的方法把其他照片设置为同样大小{图片宽度与高度的象素值,可通过受动调整第一幅图片获得我们在制作网页时,经常会用到网页属性、表格属性、单元格属性、图片属性等除了使用菜单打开的方式外,利用鼠标右键的快捷菜单更方便}四.制作个人小档案
1.复制“模版一.htm”文件,粘贴后将其更名为“grdal.hem”;
2.插入一个1行2列的表格;
3.在第一列单元格内插入一照片;
4.在第二列插入一个6行2列的表格设置表格对齐方式为水平居中,单元格边距、单元格间距均为2输入个人档案内容五.思考与练习
1.把个人小档案网页制作成模版,完成其他同学的个人档案
2.美化网页中的表格及文字第十一课网页模板效率高教学目的与要求
1.掌握建网页模版的方法;
2.学会布置荣誉室教学重难点
1.模版网页;
2.班级荣誉网页教学过程一.复习巩固二.引入新课荣誉大厅网页主要是展示班级的一些荣誉照片及图片的说明文字怎样布局呢?由于网站是由多个网页组成的,这些网页中通常有些内容是相同的,如标志图片、横幅广告、导航条等怎样能使这些相同的部分,直接调入到新的网页中使用呢?这就需要网页模版下面,我们用班级简介网页制作一个模版网页,并利用这个模版来完成班级荣誉网页的制作三.用班级简介网页制作一个模版网页
1.新建一网页,照bjjj,htm的样子设置好网页属性,并保存为“模版一.htm”;
2.在已有网页中选中共同内容打开“bjjj.htm”网页,将表格定位在第一个表格,单击“表格”一“选定”一“表格”这样,第一个表格就被选中了;
3.复制选中的内容到模版网页单击工具栏中的“复制”按钮,再打开模版文件”模版一.htm”,单击“粘贴”按钮即可;
4.复制所有的共同内容到模版文件中把共同的内容制作完后就完成了模版网页的制作四.用模版网页制作班级荣誉网页
1.复制模版网页在文件夹列表选中模版网页文件“模版一.htm,单击“复制”按钮,再单击“粘贴”按钮,FrontPage会自动在网站内建立一个“模版一_复制
(1).htm”,把它更名为“bjry.htm”即可;
2.打开“bjry.htm”网页,在导航栏下方插入一个4行4列的表格;
3.分别插入图片和文字到相应的单元格内,并调整图片大小;
4.保存并预览网页五.思考与练习
1.利用自己制作的模版网页,制作其它网页第十二课框架网页初体验教学目的与要求
2.掌握插入水平线的方法;
3.掌握插入书签,建立网页内超级链接的方法教学重难点
1.创建书签教学过程一.复习巩固。