青岛版八年级上册信息技术第1单元网站设计与制作教学案

第一篇：青岛版八年级上册信息技术第1单元网站设计与制作教学案

青岛版八年级上册信息技术第1单元网站设计与制作教学案教学设计

第一单元网站设计与制作学案

第1课创建站点

本课学习目标：

1、知识目标：了解网站规划方法；认识Frontpage2000的工作界面；理解站点、网页、主页的概念。

2、技能目标：学会规划和设计网站；能够搜集网站相关素材；学会新建和打开站点。

3、情感、态度与价值观目标：感受网站规划的重要性，养成做事有计划、勤思考的习惯。

教学方法：自学法、演示法、观察法、实践法、小组合作。

教学重点：网站规划的一般步骤；Frongpage2000的站点管理。

教学难点：网站规划的一般步骤。

学习时间：1课时。

学习过程：

引入课题：许多同学都有上网的经历，那么什么是网站呢？

网站：网站是在因特网上一个相对独立的信息的集合，这些信息以网页的形式向全世界发布。因此，网站就是相关网页的集合。

学习与探究：

一、他山之石，可以攻玉

通过对“中国少年雏鹰网”与“联想公司网站”首页的比较，谈谈自己的感受，并说出它们之间有什么差异？

二、网站规划的一般步骤

小组合作：阅读本部分内容，总结网站规划的一般步骤？常见的网页版面布局形式有哪些？

步骤：

1、确定网站的主题和风格；

2、设计规划网站的结构和内容；

3、设计网站的版面布局；（“T”型、“口”型、时尚型、“三”型布局）

4、搜集整理网站素材；

5、选择网站制作工具(frontpage2000)。

三、Frontpage2000的站点管理

1、初识Frontpage

根据打开程序的一般方法，自己试着打开Frontpage。并思考有没有其它的打开方法。

2、新建站点

教师演示：“文件”---“新建”---“站点”，打开“新建”对话框。

学生操作：（1）指定新站点的位置为“D：情感小屋”，并选择站点类型为“只有一个网页的站点”。

（2）观察界面发生了什么变化？在“文件夹列表”中自动生成了哪几个文件或文件夹？它们有什么作用？

3、打开站点

“文件”---“打开站点”。

四、实践与创新的：

1、访问以下网站，描述它们各自的主题和风格，并画出网站的结构图和主页的布局图。

http://.cn2、搜集整理关于赞美父母的诗句、文章、图片或歌曲，分组合作设计“我的父母”网页。（包括页面结构、内容、版面布局、网页的风格和内容，通过表格的形式记录下来）

五、小结：网站规划的一般步骤、Frontpage的站点管理

六、教学反思：

第2课设计网站首页

本课学习目标：

1、知识目标：认识网页的工作原理；了解网页编辑的一般过程。

2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。

3、情感、态度与价值观目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。

教学方法：自学法、演示法、观察法、实践法、小组合作。

教学重点：在网页中插入文字、图片、水平线及网页的保存、预览。

教学难点：在网页中插入文字、图片和水平线。

学习时间：1课时。

学习过程：

引入课题：展示一个包含有文字、图片和水平线的网页，并通过对这三部分的介绍激发学生的学习欲望。学习与探究：

一、在网页中输入文字

小组合作并操作：根据前面所学知识，即在WORD中输入文字的操作，在“D：情感小屋”站点中，双击打开主页文件“index.htm”，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。

二、在网页中插入图片

教师演示：“插入”---“图片”---“来自文件”

学生操作：在“Banner位置”处插入存放在“D：素材”中的Banner图片，并对所插入的图片进行大小调整。

注：为便于上传，网页中图片一般采用容量较小的格式，如JPEG、GIF、PNG等。

三、在网页中插入水平线

学生阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性”。（教师巡回指导）

四、保存网页

同WORD操作相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？

试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。

五、预览网页

方法一：利用FrontPage自带的预览功能;方法二：通过浏览器预览。

练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点？

六、添加新网页

“文件”---“新建”---“网页”

七、实践与创新：

1、根据第1课的规划，参照小宇设计的“我的父母”所示的界面，设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“我的父母”。

2、对新建的网页进行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？

八、小结：

在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。

九、课后反思：

第3课网页中的表格

本课学习目标：

1、知识目标：理解表格在网页设计中的重要作用。

2、技能目标：学会使用表格布局网页；灵活掌握表格调整的方法。

3、情感、态度与价值观目标：了解学校概貌，发现校园之美；养成良好的生活和学习习惯。

教学方法：自学法、演示法、观察法、实践法、小组合作。

教学重点：在网页中插入表格及表格的调整。

教学难点：在网页中插入表格及表格的调整。

学习时间：1课时。

学习过程：

引入课题：通过对“某校园鸟瞰图”与下载的“中学生作文网”的首页作比较，引导学生发现网页中表格的运用。

学习与探究：

一、表格的作用

阅读本部分内容，思考：在网页中使用表格有何作用？

表格可使网页中的文字、图片、动画等素材排列整齐有序，并且不会因浏览窗口大小的改变而改变排列方式。

二、在网页中插入表格

试一试：阅读相关内容，试着在站点“情感小屋”中打开首页文件Index.htm，分别插入四个表格，依次为：2*

3、2*

2、1*4和2*1，宽度都为780像素，水平居中。（教师巡回指导）

三、表格的调整

1、行高和列宽的调整

方法一：手动操作方法二：通过单元格属性或表格属性调整

2、单元格的合并和拆分

教师演示：（1）选中想要合并或拆分的单元格；

（2）单击鼠标右键，在快捷菜单中选择“合并单元格”或“拆分单元格”。

3、插入或删除表格中的行或列

（1）选择相应的行或列；

（2）单击鼠标右键，在快捷菜单中进行相应选择。

4、平均分布行和列

（1）选择需要平均分布的行或列；

（2）单击鼠标右键，在快捷菜单中进行相应选择。

练一练：参照“情感小屋”网站首页布局的内容，调整前面插入的表格，并将在第1课中输入的内容移到表格内。预览网页，测试调整效果。

四、设计网页模板

教师操作：“文件”---“另存为”---选择“Frontpage模板（*.tem）”，并命名模板文件名（如：“情感小屋”）练一练：将网站首页文件Index.htm存储为网页模板，命名为“我的模板”，然后以利用模板的方式新建一个网页。

五、实践与创新：

运用表格重新设计Parents.htm的网页布局，预览时改变浏览器窗口的大小，观察网页的布局是否会发生变化？这说明表格对于网页内容还能起到什么作用？

六、小结：在网页中插入表格、表格的调整和网页模板的设计。

七、课后反思：

第4课网页的美化

本课学习目标：

1、知识目标：了解美化网页的常用方法，理解美化网页对提高网站质量的作用。

2、技能目标：学会在网页中设置背景、音乐、FLASH动画和滚动字幕。

3、情感、态度与价值观目标：提高审美意识，善于发现美，美化生活从自身做起。

教学方法：自学法、演示法、观察法、实践法、小组合作。

教学重点：在网页中设置背景、音乐、FLASH动画和滚动字幕。

教学难点：在网页中设置背景、音乐、FLASH动画和滚动字幕。

学习时间：1课时。

学习过程：

引入课题：前面我们学习了网页制作中最基本的文字、图片、水平线的插入，并且还知道了怎样使用表格使网页中的内容排列的更整齐，层次更分明。这里同学们再考虑你更喜欢什么样的网页？

学习与探究：

一、设置网页的背景

学生活动：阅读课文第一部分，并利用前面所学内容，给自己的网页加上一个背景，使页面更加美观，更能衬托网页的主题。（教师巡回指导）

练一练：打开“情感小屋”站点，并打开主页文件Index.htm，在“网页属性”对话框“颜色”栏中设置文本和背景的颜色，并进行预览。

二、设置表格的背景

比较：观察两幅电视背景墙效果图，比较多色彩背景墙和单色背景墙哪种让客厅更加充满活力？

通过比较，同学们知道了多色彩背景墙可以让房间显得更加生动活泼，在网页中我们也可以通过设置表格或单元格的背景来达到局部色彩的变化，使网页变得生动有活力。

方法：将光标定位在某一单元格内，单击鼠标右键，在快捷菜单中选择“表格属性”或“单元格属性”分别进行设置。

练一练：在你的网页表格中，先后设置不同的背景颜色和背景图片，体验背景对网页的美化作用。

三、插入背景音乐

学生活动：通过阅读课文，小组合作，在“情感小屋”站点中插入一个背景音乐。

教师总结：在网页中单击右键，选择“网页属性”命令，在对话框中进行设置。

四、插入Flash动画

步骤：“插入”----“高级”----“插件”，在“插件属性”对话框中进行设置。

练一练：将光标定位在网页的适当位置，选择插入一个Flash动画文件。反复修改对话框中各参数的值，体会不同参数值的不同效果。

五、插入滚动字幕

小组合作思考操作：怎样可以让你网页中的文字或图片动起来，使它们更加醒目呢？

教师总结：“插入”----“组件”----“字幕”，在“字幕属性”对话框中进行设置。

练一练：将光标定位在输入标题的单元格内，按照上述步骤进行插入字幕的操作。

六、实践与创新：运用本课所学知识，分别对以下三个网页进行美化。

文件名 要求 参考样图

School.htm

设置网页和表格背景 第1课“网页版面布局示意图c ”

Domain.htm 添加滚动字幕“海内存知己，天涯若比邻”；插入一个Flash动画；设置纯文字单元格的背景色。

第1课“网页版面布局示意图d ” Neighbor.htm 设置单元格背景；设置背景音乐

第1课“网页版面布局示意图e ”

一、本课小结：设置网页背景、表格背景、插入背景音乐、Flash动画及滚动字幕。

课后反思：

第5课建立超链接

本课学习目标：

1、知识目标：理解超链接的概念，理解导航栏在网页设计中的重要性。

2、技能目标：学会在网页中插入超链接和导航栏；掌握将链接指向站点内、站点外和电子邮箱的方法。

3、情感、态度与价值观目标：体会万物皆有联系，互相影响，或此消彼长，或相互促进。

教学方法：自学法、演示法、观察法、实践法、小组合作。

教学重点：设置超链接和网站导航栏。

教学难点：设置超链接和网站导航栏。

学习时间：1课时。

学习过程：

引入课题：任何事物都不是独立存在的，考虑你的周围有哪些事物存在着一定的联系？

如：我与同桌是同学，我有老师，有父母„„

学习与探究：

一、设置超链接

学生活动：阅读课文第一部分，小组讨论，完成以下问题：

1、设置超链接的目的是什么？

2、什么是超链接？

3、超链接有哪几种类型？

教师总结：

目的：使网页之间形成一个紧密的整体，能够很容易地从一个网页到达另一个网页。

定义：超链接是指从一个网页指向一个目标的连接关系。

类型：站点内的链接、到其他网站的链接、到邮箱的链接、书签链接。

步骤：“插入”------“超链接”。

大显身手：根据所阅读内容，在“情感小屋”站点中，建立不同类型的链接。

二、设置网站导航栏

学生活动：阅读课文第二部分，考虑

1、为什么要设置网站导航栏？

2、什么是导航栏？

3、建立导航栏的方法有哪些？

三、实践与创新：

1、在你的成长过程中，有多少人为你付出了艰辛的努力？回忆对你帮助较大的1-3人，然后通过书信、电子邮件、电话、QQ等通讯工具表达你的感激之情。

2、网页中的文字建立超链接后，会有什么变化？你能改变超链接文字的默认颜色吗？

四、展示学生作品，查看链接是否正确。

五、小结

设置超链接、设置网站导航栏

六、课后反思：

第6课网站的发布与维护

本课学习目标：

1、知识目标：理解网站空间的概念；了解网站上传的原理。

2、技能目标：掌握网站检查和宣传的方法；学会申请免费的主页空间；熟练使用网站上伟的工具。

3、情感、态度与价值观目标：正确认识自己，诚实地与他人交流，学会展示自己真实的一面。教学方法：自学法、演示法、观察法、实践法、小组合作交流法。

教学重点：申请网站空间与上传网站。

教学难点：申请网站空间与上传网站。

学习时间：1课时。

学习过程：

引入课题：

如何让更多的人走进自己的“情感小屋”了解自己呢？怎样才能使自己的网站发布出去？

学习与探究：

一、网站发布前的检查

学生活动：阅读课文第一部分，考虑：网站发布前要做哪几项检查？

教师总结：

1、检查语法；

2.检查网站的整体情况；

3.检查超链接；

4.检查网页中嵌入式文件的存放路径。

练一练：打开自己的“情感小屋”网站，按照上述项目检查自己的网站是否完善。

二、申请网站空间

学生活动：阅读课文第二部分，小组讨论，完成以下问题：

1、为什么要申请网站空间？

2、怎样申请一个免费的网站空间？

3、你知道的可以提供免费空间的网站有哪些？

教师总结：原因：要想把自己制作的网站发布到Internet上，就必须申请一个特定的地点和空间，用来存放整个网站的信息，这个空间我们通常称为网站空间或主页空间。

申请方法：登录网站---单击申请免费空间的链接---阅读协议并接受协议内容---按要求填写表格后提交—网站发送注册信息到你的邮箱内。

常用免费提供空间的网站：中联网、中华网个人主页、方舟网、中通互联、天禧网等。

大显身手：登录一个可以提供免费空间的网站，申请自己的主页空间。

三、上传网站

学生活动：阅读课文第三部分，小组合作交流：

1、要想将制作好的网站上传到已经申请的免费空间，常用的方式有哪几种？

2、开动脑筋：根据你所学到的知识，把你的的网站上传至你申请的免费空间吧！

3、在浏览器中输入自己网站的网址，访问自己的主页。

四、网站的宣传

学生活动：思考：怎样才能让更多人来访问我们的网站？自己尝试对我们的网站进行宣传？

1、网站登录

2、交换链接

3、论坛发帖

五、课堂小结：网站发布前的检查—申请网站空间—上传网站—宣传网站

六、课后反思：

第7课制作表单网页

本课学习目标：

1、知识目标：了解表单网页的作用，了解表单网页制作与提交。

2、技能目标：学会在网页中插入表单；正确设置表单信息的收集方式。

3、情感、态度与价值观目标：培养学生善于发现问题，勤于解决问题的好习惯。

教学方法：自学法、演示法、观察法、实践法、小组合作交流法。

教学重点：在网页中插入表单及设置表单信息的收集方式。

教学难点：在网页中插入表单及设置表单信息的收集方式。

学习时间：1课时。学习过程：引入课题：

显示一个带有表单的网页，并提交一信息，引入课题。

学习与探究：

一、在网页中插入表单

学生活动：阅读课文第一部分，思考：

1、什么是表单？

2、表单的基本工作原理是什么？

3、怎样插入一个表单？试一试：设计一个表单放在你的网页中？

二、设置表单信息的收集方式

新建站点后，系统会自动生成一个名为“_private”的文件夹，系统默认会将这些信息存入这个文件夹的一个特定文件“form_results.txt”中。方法：将光标定位在表单区域的空白处，单击鼠标右键，选择“表单属性”，打开“表单属性”对话框进行设置。

三、实践与创新

1、参照本课介绍的表单网页，设计“父母在我心中”问卷调查的表单网页，要求：表单中要含有滚动文本框、复选框、单选按钮。并将网页文件上传到网站空间，并修改相应的链接。

2、你能否想办法让反馈信息直接显示在提交表单的网页上？

四、展示学生作品，验证表单是否成功提交，分析出错的原因。

五、小结

在网页中插入表单—设置表单信息的收集方式

六、课后反思

第二篇：信息技术八年级上册网页制作教案及导学案

信息技术八年级上册第二单元第四节《网页的制作》教案及导学案 教材版本：河南大学、河南电子音像出版社

教案部分

学习目标：

1、通过自学演练会在网页中添加文字并对文字进行相关的设置

2、利用自学及小组合作探究掌握图片的插入及调整方法

3、通过复习回顾知道如何在互联网中进行搜索，并能搜索到自己所需的素材并进行下载。能力目标：

1、能利用所学知识进行互联网的搜索，并能对所需内容进行下载保存。

2、培养学生自主学习、自主练习、提出问题、解决问题的能力。

3、培养学生合作学习探究的能力。学习重点：

1、会按自己的需求在互联网上进行搜索，并能下载自己所需的素材。

2、综合运用所学知识进行图片网页的制作。学习难点：

综合运用所学知识进行图片网页的制作。教法与学法：

自学演练、合作探究、教学演示、复习回顾、个别指导 教学环境： 多媒体网络教室 教学过程：

一、激趣导入

同学们肯定去很多地方旅游过，在你们的旅游途中，在些地方的自然景观肯定给你留下了深刻的印象。你或许用你的相机拍下了这美丽的一幕，或许你只是把这种美丽留在了心中。今天，我们就通过制作网页来把这些美图展示出来，让我们用网页一记录下这美好的景象。

二、新课学习任务

1、复习回顾

学生通过回顾讨论，完成导学案中第一部分内容。任务

2、自学演练——为网页添加标题：美丽的大自然 按学案第二部分的要求进行制作 任务

3、搜集素材

因为每个同学到过的地方各不相同，根据自己的需要在互联网上搜索相应的图片，并做相应的记录，然后分类保存。任务

4、在网页中插入图片

参考课本第二部分的内容，把搜集来的图片插入到相应的单元格，并对图片做相应的设置，使整个网页美观大方。任务

5、为图片添加说明

利用任务1所学知识，为每张图片添加相应的说明词。任务

6、学生讨论解疑，教师个别指导

学生们在制作过程中，肯定会遇到各种各样的问题。在即将结束制作之前，利用同学们互帮互助，教师个别指导的方法来让学生掌握本节课的内容。

三、小组评价

学生制作完成之后，小组内对各个组员的作品进行评价，每组挑选出比较好的两个作品进行展评。

四、作品展示评价

小组挑选出的作品利用多媒体进行全班性的展示评价。

五、课堂评价

1、从作品内容和所含知识点评价。评出优秀作业小组、团结协作小组、助人为乐的同学等。

2.评出课前准备、课堂表现优秀的同学。

六、课堂小结

1、利用在网页上输入文字后对文字属性进行设置来增加网页的美感。

2、在制作图片网页之前，我们利用互联网的搜索功能来搜集所需要的素材并对素材进行记录、分类和下载。

3、在进行图片的插入时，可对图片的大小进行调整，同时也可对图片进行修饰。

导学案部分

（信息）1180110 网页的制作

主备：周灿茹 同备：常慧贤 审核：周灿茹 【学习目标】

1、通过自学演练会在网页中添加文字并对文字进行相关的设置

2、利用自学及小组合作探究掌握图片的插入及调整方法

3、通过复习回顾知道如何在互联网中进行搜索，并能搜索到自己所需的素材并进行下载。【学习内容】

一、复习回顾：

1、我们经常用百度来搜索需要的资料，那么在进行搜索的时候如何提炼搜索词呢？请举例说明。

2、给要查询的关键词加上（），可以实现精确的查询。在关键词的前面使用（），也就等于告诉搜索引擎该单词必须出现在搜索结果中的网页上。在关键词的前面使用（），也就意味着在查询结果中不能出现该关键词。

二、自主学习：

1、打开自己上节课创建的站点，然后打开“图片网页”。

2、为网页插入表格，并对表格进行编辑处理。

3、参考课本72页第一部分添加文字标题，为该网页输入文字标题：美丽的大自然，并对其进行设置。

三、搜集素材

1、打开百度，根据自己的需要，提炼搜索词，注意在搜索时要灵活掌握双引号，加号，减号在搜索词中的使用。

2、一些参考网站：

http:// 旅游中国 http://www.xiexiebang.com/ 河南旅游网

四、团队合作探究：

1、根据自己的构思，合理规划表格，让整个表格分为几大块，这样好安排不同地方的图片。

2、参考课本73页第二部分在网而中插入图片，在单元格的合适位置插入相应的图片，并能图片进行调整。

3、除了书上提供的调整图片的方法，我们还可以利用快捷键对图片进行设置。方法：选中图片，然后单击右键，选择图片属性，弹出“图片属性”对话框如右图所示。此时，我们可以利用此对话框来完成对图片的环绕样式、布局、大小的设置。

五、延伸迁移

作业：综合运用所学的知识，制作“美丽的大自然”网页

六、课堂评价交流

1.小组评价，全班评价。从作品内容和所含知识点评价。评出优秀作业小组、团结协作小组、助人为乐的同学等。2.评出课前准备、课堂表现优秀的同学。【学后小记】

第三篇：高中信息技术网站设计与制作教学设计

高中信息技术网站设计与制作教学设计

【教学分析】

一、教材分析

本教学内容为高中信息技术选修模块《网络技术应用》的重要部分，通过学习，学生能够根据任务需求，选择恰当的工具分析网页。在本章中，通过对一些网页的分析，让学生了解构成网页的各种要素，并了解万维网的基本架构，理解网页的作用。通过教学要学生了解并掌握网站的策划构思的过程，掌握素材收集整理的基本方法，学会最基本的网页制作工具软件的使用。

二、学生分析

学生是教学活动的主体，充分了解学生，是取得良好教学效果的必要条件。通过对学生平时上机情况的观察以及课下和学生的谈话交流，我了解到的学生的主要情况是：

1、高一年级学生经过初中阶段的学习，能够较好地运用搜索引擎、Word、PowerPoint 等常用信息技术工具。

2、具备了基本的网络水平。

3、已具备了初步的小组协作探究能力。

三、教学目标

1、知识目标：了解万维网的基本架构，理解网页的作用，掌握网页元素和网页构件的使用，学会使用常用的网页制作工具。

2、能力目标：通过网页作品的欣赏培养学生搜索、下载、处理和应用信息的能力，培养学生对信息技术的实践应用能力、协作能力和创新能力。通过本课的学习可以培养学生的辩证思维和发散思维的能力、逻辑思维能力及语言表达能力。

3、情感态度价值观目标：培养学生独立思考、自主学习、合作讨论的能力，通过自己探究问题，进一步树立学生学习信息技术的自信，提高学生学习网页制作的兴趣。

四、教学重、难点 1、网页设计的基本流程 2、网页的版面设计 3、网页的色彩搭配 【教学策略】

设计教法，培养学生的学习兴趣、培养学生分析问题、解决问题、综合运用信息技术的能力。设计教学方案，为层次稍低一点的学生创造学习的空间，并能使基础较好的学生有知识拓展的空间。

【教学设计理念】

以学生为中心，以任务为载体，以操作为手段，以发现为宗旨，以感悟为目的。【教学方法】

根据学生的特征，结合他们的认知水平，本节课采用以任务驱动法为主，以讲授法、演示法、讨论法为辅的教学方法。结合任务调动学生的自主探究和合作交流。

【课前准备】

分析教学内容，制订教学方案。采集教学过程中所要用到的文件。制作教学课件。

1、自制PowerPoint演示课件

2、多媒体电子网络教室（教师机、学生机、投影仪）

3、制作作品的各种素材。

【教学过程】 引入

打开几个不同类型的优秀网站，让学生欣赏，指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣。这些网站都可以在我们的手中做出来。

新授

一、建立站点。

教师演示站点的建立。学生自主完成建立站点

教师结合学生演示,强调创建站点类型、站点保存位置及名称。

学生活动：学生尝试利用FrontPage创建站点，演示操作创建站点的过程和方法。

二、网站的设计

结构设计、版面设计、交互设计。

三、网页的制作

1、表格的建立。

2、强调“表格属性”窗口的设置，并请学生示范操作。

3、添加网页元素

4、进一步巩固消化网页元素——动画文件的添加方法。

5、教师根据学生实际操作状况，针对性地请学生进行操作示范，并归纳小结图片和动画文件的不同添加方法。

四、网页的保存

1、通过确定保存网页文件的文件名index.htm，引出首页的概念及默认文件名的含义。

2、特别指出图片和动画文件的保存方法，突出站点中images文件夹的作用。

五、小结

选取学生作品展开自评与互评，教师引导学生小结网站实现的基本过程。

六、作业

分小组完成，设计制作一简单小网站。【教学反思】

经过实践操作，制作一个小型网站，完整的完成了网站的设计，全面的掌握了网站当中的各个元素以及它们的各自特点，能够比较灵活的根据自己需求进行规划与设计。达到了既定的教学效果。如果想要突破或者有所超越，课余可以继续做一些更有规模的中型网站，体验过程。总体来说，教学效果比较好。

第四篇：海南省信息技术八年级(上册)《制作Gif动画》教学设计

《制作Gif动画》教案

一、教材内容：

《制作Gif动画》是海南省九年义务教育，海南出版社、三环出版社出版的《信息技术》八年级上册第二章第二节的内容。这节课的主要内容认识“GifAnimator”窗口操作界面、让图像动起来，添加文字，并设置文字动画效果，图像变化效果等知识。

二、学情分析

这一节课的教学对像八年级的学生，他们从小学到初一已经学习了很多应用软件，对应用软件的使用、操作技能、技巧方法的掌握有一定的基础，并且

第一章学习Fireworks软件处理图像的基本操作方法，但利用“GifAnimator”制作“Gif动画”可能比较难于理解，因为第一次学习关于动画的概念与制作。

三、教学目标

△知识与技能：

1、让图像动起来

2、添加文字设置文字动画效果

3、图像变化效果

△过程与方法：

通过小组协作，自主探究，上机实践操作的学习，培养同学们的思维能力、创新能力、解决问题的能力。

△情感与价值观

通过让图像动起来，添加文字并设置文字动画效果，以及图像变化效果的学习增强同学们的学习兴趣，提高他们的信息素养。

四、教学重点、难点。

重点：

1、让图像动起来

2、添加文字及设置文字动画效果

3、图像变化效果

难点：

1、添加文字及设置文字动画效果

2、图像变化效果

3、对操作技能、技巧、方法的掌握及其迁移

五、教学方法

任务驱动法、演示讲解法、小组协作学习法、自主探究法、练习法

六、教学资源：

网络多媒教室、易思控制教学软件、Powerpoint软件、Gif Animator软件、internet，相关图片素材。

七、教学过程

（一）复习引入

师：在上节课中我们已经学习了《动画与动画制作》，主要是学习动画的基本原理，什么是动画，简单说动画是连续播放的一系列的画面，动画的制作过程叫做“关键帧”补间、动画的分类以及制作动画的软件，那下面我们所要学习的是“制作Gif动画”。（口头简述）

（二）创设情境，激情引入

师：利用易思控制教学软件向学生扩播展示一组Gif格式动画和打开某一个网站的页面指出那些是Gif动画。

师：不是不利用图像处理软件，通过“另存为”选择图像类型码 →“Gif”格式就可以完成？（口头简述）

生：不是

师：请同学们试利用Fireworks软件对图像“另存为”→格式“Gif”→”保存”，看一下效果。

生：进行尝试操作实践。

师：通过“另存为” Gif格式肯定不行，所以这一节课，我们一起学习利用“Gif Animator”软件制“Gif 动画”。（口头简述）

（三）讲授新课

师：Gif格式可以将单帧的图像给合起来，然后轮流播放每一帧而成为动画。Gif 动画常用于网页之中。

（1）让图像动起来：(powerpoint演示)

师：布置任务

任务1：打开“Gif Animator”应用软件，认识一下它的操作窗口界面。

任务2：在“Gif Animator”中，打开D盘里的“Gif 动画”文件夹中的图像,让图像动起来。

△学生机D盘里的“Gif 动画”文件里的素材是利用易思控制软件传送的。生：学生看书学习，小组协作、自主探究、模仿上机实践操作。P29-31

师：巡堂指导，适当进行口头提示操作方法及注意事项。

师：利用易思控制教学软件向学生扩播进行演示讲解，上机实践操作。P29-31

简单介绍窗口界面，各工具的使用。

师：如果相片素材大小不一样，能不能在“Gif Animator”中进行调整相同大小？（口头阐述）

生：自主探究，上机实践操作？

师：完全可以的。老师利用易思控制软件向学生扩播演示讲解，上机实践操作对准图像右击→对象属性→“位置及尺寸”标签→输入宽度与高度→确定。

（2）文字动画效果(powerpoint 演示)

师：我们已经学习了在Fireworks软件中可以添加文并设置文字效果，那在“Gif Animator”中是否能添加文字动画效果呢？（口头阐述）

任务1：在刚才制作的图像动画中添加文字并设置其动画效果。

生：看书学习、小组协作、自主探究、上机模仿实践操作。P32-33图2-

9、图2-

10、图2-11。

师：巡堂指导，适当对实践操作方法、步骤以及技巧进行口头提示并个别指导。

师：同学们输入文字的是会出现一系列的“？？？”，你们知道是为什么？ 生：不知道（互相讨论，自主探究。）

师：利用易思控制教学软件向学生扩播演示讲解，上机实践操作。

P32-33中图2-

9、图2-

10、图2-11。

①单击“帧面板”→“添加文本条”→一定要选择中文“字体”（否则就出现“？？？？”）→输入“文字内容”→设置大小、颜色、加粗等

②单击“效果”标签→分别“进入场景”或“退出场景”选择动画效果→单击“开始预览”图2-10

③单击“确定”→“创建为文本条”→自动生成文字动画效果所需的帧。如图2-11。

生：模仿老师的上机实践操作，再次上机练习实践。

（3）图像变化效果（powerpoint 演示）

师：大家看电视或影片中的片头或片尾有一些各种变化的效果，比如电视影片的镜头进行翻页到一边等等效果，那我们能否利用“Gif Animator”对图像变化效果制作呢？（口头阐述）

任务：请同学们在原有的基础对第一张图像及最后一张图像进行变化效果设置。

生：看书学习、小组协作、自主探究、上机模仿实践操作P2-12。

师：巡堂指导，适当对操作步骤、方法以及技巧进行口头提示并个别指导。师：利用易思控制软件向学生广播进行演示讲解，上机实践操作。

单击“视频F/X”→Film→FlapB→Film→打开“添加效果”→单击“确定”。生：模仿老师的实践操作，再次练习上机操作。

拓展任务：P34实践。

八、教学反思：

1、本节课都是以“上机实践操作技能”为主线来完成教学任务，增强同学们的学习兴趣。

2、本节课虽然内容不算太多，但实践操作多易于出现错误，特别对文字动画效果的设置，由于上机实践比较多，时间比较紧张，可能基础差的同学不能按时完成任务。

3、这一节课充分发挥以学生为主体，教师为主导的作用。

4、通过任务驱动、小组协作、自主探究、实践操作，培养同学们的思维能力，创新能力，提高同学们的信息素养。

第五篇：八年级上册信息技术1.6网站的发布与维护[模版]

八年级下册信息技术第6课

网站的发布与维护

教学目的：

1、申请网页空间

2、上传网页

3、网站维护 教学重点：

1、站点的发布

2、网站维护更新

教学难点：站点的上传发布 教学过程: ◆ 申请网站空间

自己的网站建好了，就需要在Internet上找个空间来存放，以便能够让所有的人能访问得到。互联网上的Web空间，有商业收费的，也有免费的。在这里我们主要学会自己在互联网上，申请一个自己的免费网站空间，同时也熟悉老师在校内服务器上给同学们提供的本地站点空间，怎样连接使用。

一、申请一个免费空间

在中联网上申请免费的网页空间。

◇ 首先去到中联网(www.xiexiebang.com.com，FTP站点地址为:go1.icpcn.com 操作步骤：

⑴.启动软件WS-FTP Pro ；

⑵.新建FTP站点zsyzit ； ⑶.连接登录FTP站点zsyzit ；

⑷.在自己所在机器上选中要上传的文件，复制； 登录申请的远程站点空间

将本地网站文件上传到网上空间

三、站点维护与更新

网站已经建好，下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢？

1、推广自己的站点

站点推广主要有两大类方法：一类是通过改进网站内容和服务，吸引用户访问，起到推广效果；另一类是通过网络广告宣传推广站点。在这里主要介绍属于前一类方法的一种——为网页定义关键字，向因特网上的导航台提交本站点的网址和关键词，在页面的原码中，可使用META标签加入主题词，以便于搜索引擎识别检索，使你的站点易于被用户查询到。

向您站点的任意网页中添加关键字，其操作方法如下：

⑴.在“文件”菜单上，单击“属性”命令，再单击“自定义”选项卡，即弹出“网页属性”对话框。

⑵.在“用户变量”框下，单击“添加”，即弹出“用户Meta变量”对话框。⑶.在“名称”框中，键入“keywords”。

⑷.在“值”框中，键入网站的索引关键字，比如“我的情感小屋”等，若有多个关键字可使用逗号作为关键字之间的分隔符。

⑸.单击“确定”，完成。

2、网站的维护与更新

在将自己制作的网页上传到该空间后，浏览者可以浏览网页。但如果你的网站长期不更新，恐怕就会浏览你的网站会越来越少了。网站的更新与维护是创建网站之不可或缺的后期工作。

一般有如下的情况：

⑴.原旧版网站需添加新内容，可在本地编辑好再上传，或覆盖或增加之； ⑵.原旧版网站需删除某些内容，可登录站点空间删除之，或在本地编辑好再上传覆盖之；

⑶.原旧版网站整体更新改版，可登录站点空间删除全部，然后再上传新版网站。

五、操作任务

1、在中联网(www.xiexiebang.com)上申请自己的免费空间,要求： ⑴.能够成功地申请注册； ⑵.顺利激活自己的帐号。

⑶.登录中联网免费空间管理系统，了解相关使用规则。

2、熟悉自己的本地站点空间,要求： ⑴.明确自己的本地帐号； ⑵.更改自己的初始密码

3、发布自己网站到中联网(www.xiexiebang.com)上的免费网页空间中,要求： ⑴.连接登录你的免费空间。⑵.上传文件到空间。⑶.测试浏览免费网页空间中自己的网页。

4、发布网站到本地(校内)的网站空间中,要求： ⑴.连接登录你的校内空间。⑵.上传文件到空间。

⑶.测试浏览校内网页空间中自己的网页。