教案：新人教版六年级上册信息教案.doc

.六年级信息技术上册教案第一课 简单网页尝试做教学目的与要求：1掌握建立站点的方法；2掌握保存网页及预览网页的方法。教学重难点：1建立站点；2保存网页；3预览网页。教学过程：一复习巩固二引入新课目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。三建立新站点1打开FrontPage，单击“文件”“新建”“站点”，打开“新建”对话框。2选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。四建立网页在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资源。在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。这样，一个只有文字的网页就建立好了。五保存网页单击“文件”“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。六预览网页1在浏览器中预览网页。单击“文件”“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。2在FrontPage窗口中单击“预览”按钮，进行预览。3观察使用两种预览方法所显示的预览效果。七思考与练习建立一个新站点，并输入文字，保存后预览。 第二课 美化网页显身手教学目的与要求：1掌握打开站点的方法；2掌握插入图片的方法；3掌握保存图片的方法。教学重难点：1插入图片；2保存图片。教学过程：一复习巩固。二引入新课仅有文字的网页显得有些单调，今天，我们在网页上挂上我们的全家福“班级合影”图片。三打开站点1单击“文件”“打开站点”，弹出“打开站点”对话框。2单击“查找范围”后的小方块按钮，选择站点位置。单击“打开”按钮。四插入图片1在文件夹列表中，双击new_page_1.htm,打开网页。2在网页上把光标移到要插入图片的位置。3单击“插入”“图片”“来自文件”，打开“图片”对话框。4单击“从计算机上选择文件”按钮，弹出“选择文件”对话框。5单击“查找范围”后的小方块按钮，选择图片文件所在的位置。6选择图片文件，“班级合影”，单击“确定”按钮。插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。 网页上常用的图形格式有Gif和Jpeg两种。五保存图片在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。文件名new_pa1.jpg是计算机自动生成的。为了方便使用，我们可以重新给图片起名字。在“保存嵌入式文件”中选择图片文件new_pa1.jpg，单击下面的“重命名”按钮，可对其重命名。我们将图片文件重命名为bjhy.jpg。为方便图片管理，计算机自动在站点内为我们建立了一个存放图片的文件夹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输入文件名：index2单击“更改”弹出“设置网页标题”对话框3输入网页标题“首页”，单击“确定按钮”index.htm是网站常用的首页名。这是因为，我们在浏览器中输入一个网址时，浏览器会自动寻找该地址的index.htm文件，并将其打开。五思考与练习建立一个介绍自己的网页。并将内容通过表格定位。 第六课 图像声音齐上阵教学目的与要求：1掌握设置背景图片的方法；2掌握设置背景音乐的方法；3掌握保存背景音乐的方法。教学重难点：1设置背景图片；2设置背景音乐。教学过程：一复习巩固二引入新课我们在浏览许多网页时，可以听到优美的音乐，看到漂亮的背景。今天，我们就揭开它的神秘面纱。三为网页设置背景1单击“格式”“背景”，打开“网页属性”对话框。2选择“背景”标签，选中“背景图片”，单击“浏览”，选择背景图片，单击“确定”按钮。四为网页配背景音乐1在“网页属性”对话框中选择“常规”标签。2单击“浏览”按钮，弹出“背景音乐”对话框，选择背景音乐文件，单击“确定”按钮。五保存网页1把“背景.gif”更名为“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.htm3. 单击“确定”按钮。 当鼠标移动到有超级链接的文字或图片时，一般情况下，鼠标会变成手状，表明这上面有超级链接。这时，单击就可以转入链接到的页面。创建好首页到“班级简介”页面的超级链接后，我们可以轻松地从首页进入到“班级简介”页面。那么，怎样从班级简介“bjjj.htm”页面再跳回首页呢？很简单，当然还是设置超链接，将它链接回来就行了。四.观察设置超级链接前后，“首页”文字有什么变化。五.思考与练习1. 请给自己的首页加上一个文字或图片的超级链接2. 保存网页并到浏览器中进行测试，观察鼠标指针的变化 第九课 创建站点做网页教学目的与要求：1. 掌握指向信箱超级链接的设置方法；2. 掌握设置网页过渡效果的方法。教学重难点：1. 为个人小档案网页中的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”文件，粘贴后将其更名为“grda1.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. 利用自己制作的模版网页，制作其它网页。 第十二课 框架网页初体验教学目的与要求：1. 掌握插入水平线的方法；2. 掌握插入书签，建立网页内超级链接的方法。教学重难点：1. 创建书签教学过程：一.复习巩固二.引入新课同学们有许多特长，我们可以通过“风采展示”网页进行展示。“风采展示”网页下面含有“习作园地”、“小小画廊”、“动物世界”等页面，“习作园地”页面下又含有同学们的许多篇文章。三.制作“风采展示”网页1. 制作“风采展示”网页，将网页命名为“fczs.htm”，标题为“风采展示”。(1)单击“插入”“水平线”选项，在页面插入一水平线；(2)插入一个3行2列的表格，边框粗细为1，亮边框为兰色，暗边框为白色，并在相应单元格内插入图片并输入文字；。2. 制作“习作园地”页面，将该页命名为“xzyd.htm”，标题为“习作园地”。(1)插入一个表格，并设置表格背景；(2)再在这一表格内插入一个8行2列的表格，设置为水平居中，在相应单元格内输入文章标题及序号。3. 制作“习作园地”下的文章。首先插入4行1列的表格，分别在相应位置输入标题、作者、文章内容，最后一行插入一图片并建立返回“习作园地”的超级链接。用相同的方法制作其他文章的页面，分别命名为xz1.htm，xz2.htm网页标题为习作一，习作二4. 完成这三级页面的超级链接。四.在习作一创建书签习作一的文章“悟空、八戒油城见闻”，文章这么长，分为“孙悟空三考李西歌”、“猪八戒逛油城”两部分。拖动滚动条查看很不方便，怎样才能快速查看任意一部分内容呢？当网页中的内容较长时，我们同样可以在网页内部建立超级链接，称做书签。它是将网页中的一些关键字与网页中的某部分内容链接起来，单击关键字，就会跳转到相应的内容。1. 插入书签。将光标定位在超级链接的目标位置，即文章第一部分“孙悟空三考李西歌”的前面。(1)单击“插入”“书签”选项，弹出“书签”对话框；(2)输入书签名称“孙悟空三考李西歌”；(3)单击“确定”按钮。这时，就在指定位置插入了一个标记，这就是我们插入的书签。2. 创建超级链接。选中需要建立超级链接的文字，即文章顶端的小标题“孙悟空三考李西歌”。(1)选中文章顶端的小标题；(2)单击“插入”“超链接”，弹出“创建超链接”对话框；(3)选中我们已经插入的书签“孙悟空三考李西歌”；(4)单击“确定”按钮。保存网页，浏览器中预览该网页，单击“孙悟空三考李西歌”，这一部分的内容就跑到屏幕的顶端了。五.思考与练习1. 在什么情况时使用书签比较方便？2. 对其他几篇比较长的文章建立书签 第十三课 框架网页渐完善教学目的与要求：1. 学会制作“小小画廊”网页；2. 掌握导入图片文件到网站的方法。教学重难点：1. 制作“小小画廊”网页教学过程：一.复习巩固二.引入新课“风采展示”下的“小小画廊”页面可以充分展示同学们的绘画作品，今天我门就来学习如何制作“小小画廊”。三.制作“小小画廊”页面1. 复制“模板一.htm”，粘贴并命名为“xxhl.htm”，网页标题“小小画廊”；2. 插入5行3列的表格，中间一列单元格设置白色背景，并调整列宽；3. 制作第一幅绘画作品(1)在第一行第二列的单元格内插入一个3行3列的表格；(2)在第一行第三列的单元格内插入一个2行1列的表格，并调整好行高与列宽；(3)在单元格内设置背景颜色，输入文字或插入图片，调整大小；(4)在单元格内输入文字，插入图片，调整大小。4. 复制制作好的第一行的表格到后面各行，再将图片和文字更换一下即可。四.导入图片文件到images文件夹中在上面的制作中，需要不断地删除、插入、调整大小，太麻烦了。有什么更方便的办法更换单元格中的图片呢？由于要更换的图片在网站外，我们可以将它们导入到网站的images文件夹内，之后在调用更方便多了。1. 单击“文件”“导入”选项，弹出“导入”对话框；2. 单击“添加文件”添加要导入的文件；3. 单击“修改”，修改文件位置和名字；4. 单击“确定”按钮。五.通过images文件夹，更换成其他绘画作品和作者照片。1. 选中第二行的绘画作品，打开“图片属性”对话框；2. 单击“浏览”，更改“图片源”为images文件夹中的hh2.gif文件；3. 单击“确定”按钮。六.思考与练习1. 导入图片有什么好处？2. 将自己的计算机绘画作品制作成一个网页 第十四课 测试更新不能忘教学目的与要求：1. 掌握通过HTTP发布网站的方法；2. 掌握通过FTP发布Web网站的方法。教学重难点：1. 通过HTTP发布网站；2. 通过FTP发布Web网站。教学过程：一.复习巩固二.引入新课网站做好了，要让更多的人欣赏到我们的网站，需要把网站发布出去。完成网站内所有网页的编辑后，经过检查无误，就可以发布站点了。网站既可以发布到Internet网上的“个人主页空间”，也可以发布到学校的服务器上，还可以发布到自己的本地计算机上。三.在FrontPage中将站点发布到本地计算机上1. 单击“文件”“发布站点”，弹出“发布站点”对话框；2. 单击“浏览”，设置本地的发布位置为e:wxjy