初级中学信息技术网站制作教案文档格式.docx

初级中学信息技术网站制作教案文档格式.docx

《初级中学信息技术网站制作教案文档格式.docx》由会员分享，可在线阅读，更多相关《初级中学信息技术网站制作教案文档格式.docx（12页珍藏版）》请在冰豆网上搜索。

问题3：

想不想知道这个网站我化了多少时间完成的吗？

首先让学生猜猜老师化了多少时间完成的。

以第三问题引出了我们今天要讲的内容，告诉学生制作一个网站应该如何着手，需要分成多少个步骤来完成。

首先要确定主题，然后查找资料，最后再动手制作。

所以说，制作一个网站是一个长期的工作，而不是一朝一夕之事，只有通过不断地改进、完善才能做出一个成功的网站。

板书：

网站的构思、规划

1、首先应确定好站点的主题。

创建网站前要先确定站点的主题，只有主题确定之后才会有目的的去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学要慎重考虑好。

思考：

你们想做一个关于什么内容的网站呢？

可以从自身的兴趣、特长、爱好出发来确定站点的主题。

通过这么一个小思考，活跃了课堂的气氛，同时也为今后的工作提前做了准备。

小结：

站点的主题最好是自己擅长或者喜爱的内容，这样制作过程中才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，更能吸引人。

任务：

让学生利用课余时间考虑好网站的内容，确定好网站的主题。

2、规划站点结构

确定好站点的主题后，接下来就是要规划好站点的内部结构。

①风格定位

任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的效果。

主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等等，这需要大家在制作过程中不断探索。

②风格统一

你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。

这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。

3、几点建议

①网页命名要简洁。

由于一个网站是由许多子页面组成的，为了便于管理网页，最好给这些页面起一些有代表性的而且简洁易记的网页名称。

②不要过多地使用图片、动画。

图片、动画固然能吸引人，但同时也影响访问的速度，因为人的耐心是有限的，人家不愿意把太多的时间化在打开网页上。

学生都在说着自己看到的一些优秀网站，其中包括内容方面、界面方面、设计风格方面等等。

对于亲自动手制作一个网站，学生表现出了很大的兴趣，都想一现身手。

学生的目光一下子集中到了这个网站上了。

学生通过观察，依次回答了老师提出的问题。

学生都在议论纷纷，有的说2~3天，有的说5~6天，有的说……

学生议论：

有的学生对散文诗比较感兴趣，想做一个关于散文诗欣赏的网站，有的学生是追星族，想做一个关于明星、歌星方面的网站，有的学生对军事很感冒，所以想做一个关于军事武器方面的网站，各有各的想法，可谓包罗万象。

让学生不断地到报刊、网上收集资料、图像、图标等素材，将学生收集到的优秀的素材放在校园网上供大家使用。

③要及时地收集用户的反馈信息。

通过用户的反馈信息我们可以了解网站中存在的一些问题，并及时进行调整、修改，这样才能给用户一种负责的印象，才能留住更多的用户。

布置任务：

①要根据自己的情况确定好网站的主题。

②根据主题收集一些资料。

第一节

教学内容：

初步了解制作网页的工具frontpage

教学目标：

了解网页的基本概念

学会启动frontpage

了解frontpage的工作环境

初步了解frontpage的工作原理

一、让学生观看网页，提问：

什么是网页？

什么是主页、网站，它们之间是什么关系？

二、提问：

制作网页使用的工具软件是什么？

学生看书后回答问题。

三、怎么启动frontpage呢？

教师提示，其启动方式与word,powerpoint方式一样，让学生试启动。

四、学生认识frontpage的操作介面，观察其与word.powerpoint的操作介面有何异同。

五、通过观察网页，学生回答构成网页的基本元素。

六、教师演示frontpage制作网页的方法，说明它们的许多操作与wordpowerpoint一样，使学生觉得他们使用很简单，不陌生，初步熟悉frontpage这个制作网页的工具软件。

第二节

初步学习制作简单的网页

1、学会创建新网页

2、学会在网页中输入文字并设置文字格式。

3、保存网页与打开网页

4、预览网页

一、学会创建网页

让学生回忆word、powerpoint启动以后，会自动创建一个新页面，那frontpage是不是也一样呢？

学生演示观察。

怎样再创建一个新页面，与word、powerpoint一样吗？

二、学习在网页里输入文字

提示：

在网页里输入文字，与word完全一样，学生试练习操作。

提问：

在网页里输入文字原来这么简单，那么设置文字格式是不是也很简单呢？

和我们前面学过的word、powerpoint一样吗？

学生试用交流后，感觉很简单，操作上一样。

三、怎么保存网页？

他们的保存与我们前面所学的软件操作是一样的，学生试操作，互相交流，回答教师提问，并让一名学生演示操作过程。

四、打开保存的网页。

学生试练习操作，然后叙述操作的过程和感受。

五、预览网页

想知道自己做好的网页是什么样子吗？

让学生单击预览，观察他们与制作好的页面有什么区别？

六、总结。

第三节

教学内容：

初步学习网页的美化

1、学习给文字增加边框和底纹

2、学习添加水平线

一、引言

在前节课，我们学习了通过给文字设置格式，美化了文字，在这节课，我们将学习另一种美化文字的方法，它将使我们网页上的文字更加漂亮。

二、给文字添加边框与阴影

让学生看课本，怎样进入设置对话框？

进入设置边框与阴影对话框，观察操作界面，学生试操作练习，对于练习中的问题，教师给予讲解。

学生体会到操作上的简便，只要会进入操作界面，操作上就简单多了。

三、添加水平线

先让学生观察网页上的水平线，认识水平线及其在网页中的作用。

阅读课本上的图示，了解怎样进入设置水平线的对话框，学生试操作。

提问：

怎样设置已添加的水平线呢？

教师通过操作讲解，让学生明白，修改水平线的属性，一般都是在要修改对象上单击鼠标右键，在其快捷菜单里就可找到其属性设置按钮。

四、总结本节课内容。

第四节

插入图片和背景

1、学会在网页中插入图片。

2、学会给网页添加背景。

一、引言。

上节课，我们学习了在网页中输入文字和添加水平线，但网页中只有文字而没页有图片是不行的，那么怎样插入图片呢？

二、在网页中插入图片

在网页中插入图片的方法和powerpoint是一样的，让学生试操作，分别插入剪贴画、来自文件。

并调整图片的大小，观察其与powerpoint的区别。

三、设置图片的对齐方式

我们在前面学习的文字的对齐方式，图片的对齐方式与其一样吗？

请同学们试一试，然后再看看课本。

学生演示并回答问题，认识到他们的对齐方式是一样的，但在其图片属性里的对齐方式有更多种。

四、给网页添加背景

引言：

网页的背景是白色的，太缺少色彩了，那怎样给网页添上背景颜色呢？

同学们看书讨论后，尝试练习。

并认识到还可用图片做背景。

一人上机演示。

五、总结本节课内容。

第五节

让网页更丰富

（一）

1、学会在网页中插入背景音乐

2、学会在网页中插入视频

一、引言：

我们上网时，打开一些网页，会出现动听的音乐，还能在网上看电影，这节课，我们就学习如何在网页里插入背景音乐和视频。

二、在网页里插入背景音乐

同学们看书，了解插入背景音乐的对话框打开步骤，尝试在网页中插入音乐，然后预览网页。

怎样设置背景音乐的播放次数？

学生观看背景音乐设置对话框后让一个上机演示。

三、在网页中插入视频

学生阅读书本后尝试练习，预览网页。

观看课本，了解视频文件的播放方式，然后尝试练习。

第六节

让网页更丰富

（二）

1、学会在网页中插入滚动字幕

2、学会设置悬停按钮

一、在网页中插入滚动字幕

我们晚上看电视的时候，经常看到上面滚动的广告条，那就是字幕，在网页中我们也经常看到字幕，其实，字幕的制作非常简单，现在我们一起学习字幕的制作。

学生们看书后，尝试练习，很容易便做出了字幕。

同学们观察字幕的属性设置对话框，我们还可对字幕进行怎样的设置？

学生回答后，让学生一个个地进行尝试，体会字幕的每一个属性，然后回答教师的提问：

“延迟”和“数量”分别对字幕的速度有什么影响？

用自己的话描述字幕的表现方式？

“文本对齐方式”指的是什么？

二、设置悬停按钮

当我们浏览网页的时候，经常会发现有些按钮，当鼠标移过它们上方时，这些按钮会产生一些变化，这种按钮，就叫做悬停按钮。

下面，我们就学习悬停按钮的制作。

学生看书，了解制作悬停按钮的步骤，然后尝试练习。

教师提问：

“按钮文本”指的是按钮的什么？

什么是“效果颜色“？

教师提示：

有“悬停按钮“的网页，必须保存后才能看到悬停按钮。

三、总结本结内容。

第七节用表格来规划网页

（一）

创建表格，表格的编辑，单元格的合并与拆分

学会创建表格，认识表格的行与列；

编辑表格，学会调整表格的行高与列宽；

学会合并单元格与拆分单元格

一、学习创建表格

教师让学生观看一个网页，再删去网页上的元素，让学生了解表格在网页制作中的作用。

教师指导学生认识表格中的行与列，行数与列数。

教师教给学生创建表格的方法与步骤，使学生认识到创建表格要知道所要创建表格的行数与列数。

二、表格的编辑

在网页中，我们发现表格的行高与列宽并不一定是均匀的，在实际制作网页时，我们必须要调整行的高度与列的宽度，来满足我们制作网页的需要，那么，怎么调整表格的行高与列宽呢？

让学生看课本，观看调整的方法，然后让一个学生演示并讲解自己的操作方法，再让几个学生在电脑上进行演示。

三、单元格的拆分与合并

让学生观看网页上的表格，学生会发现单元格并不一致，引出单元格的合并与拆分。

让学生自己查阅课本，找出方法，进行演示。

四、练习

学生试创建以下表格：

第八节用表格来创建网页

（二）

学习表格属性的设置，初步学习用表格规划网页

较熟练的设置表格的属性，初步学会用表格来规划网页。

一、设置表格的属性

（1）让学生观看网页中的表格，及预览后的效果，学生提出疑问，表格怎么看不见了呢？

（2）有的表格怎么边框线与别的表格不一样？

（3）有的表格和单元格还有背景色，这怎么设置呢？

教师告诉学生，这与以前我们对水平线、图片的设置方法一样，都是在属性里面设置的，同样，表格的这些效果，也是在表格的属性里面进行设置的。

教师告诉学生，进入属性设置的方法都是一样的，都是在对象上单击鼠标右键，从而进入属性设置的。

教师引导学生观察表格的属性设置窗口，了解基本的概念。

二、用同样的方法学习单元格属性的设置。

三、初步学习用表格规划网页。

教师演示，学生观察，了解用表格创建网页的作用。

第九节用表格创建网页（三）

学习较复杂的表格

利用表格的嵌套来规划网页

一、教师演示，让学生知道表格可以嵌套，再观察一些网页，了解嵌套在网页制作中的重要作用。

二、教师讲解网页的运行内涵，学生了解到网页打开时的过程，告诉学生，表格的嵌套最多不要超过三层，否则，网页的打开会比较慢。

三、学生练习。

第十节网页和网站

网页和网站

了解网站与网页的关系；

学会网站的创建和管理

一、认识网站与网页的关系

指导学生观看网站，提问，网站与网页之间有什么关系？

学生查阅课本后回答问题。

二、学会网站的创建和管理

（1）为什么要创建网站？

小学生在制作网站时，经常出现拷贝到别的计算机后，出现图片丢失的现象，什么原因？

（2）教师演示如何创建网站。

（3）教师演示在网站里新增空白网页，添加图片后并保存，让学生观看屏幕会的什么提示？

（4）教师在网站里进行网页的切换，让学生观察到网站里的网页管理非常方便。

三、网页的属性

学生根据以往的经验，试打开网页的属性设置窗口。

并引导学生修改网页的标题，背景。

四、学生练习

几名学生在电脑上合作演示制作一个简单的小网站。

第十一课把网页链接起来

（一）

网页、网站的超级链接

（1）了解超级链接的基本概念；

（2）学会网页之间的超链接；

（3）学会其他网站的超链接。

一、超级链接的概念

学生都上过网页，又在四年级幻灯片中接触过超链接，因此很容易理解什么是超链接。

教师引导学生浏览网页，指出什么是超链接。

二、用文字和图片建立超链接

让学生从书上查阅资料，联系幻灯片中的超链接，制作网页之间的超链接，再让一个学生在电脑上试做演示，大家共同评价。

三、链接到其他网站

教师通过上网，给学生演示，了解网页到网站的链接。

让学生看课本后，学生试练。

四、总结

第十二课把网页链接起来

（二）

文件与邮件的链接

网页与文件、电子邮件的链接

一、复习上一节的内容

二、学习网页与文件的超链接

（1）建立直观认识，通过浏览网页，让学生观察什么样的链接是与文件的链接。

（2）教师演示制作与文件的超链接。

（3）几名学生分别在电脑上为大家演示制作。

三、学习电子邮件的超链接

用同样的方法学习电子邮件的超链接。

四、总结。