初中信息技术网站制作教案

《初中信息技术网站制作教案》由会员分享，可在线阅读，更多相关《初中信息技术网站制作教案（23页珍藏版）》请在金锄头文库上搜索。

1、网站设计规划教学目标：1、 让学生了解网站建设的前期准备工作。2、 学会如何规划一个网站。教学重点： 建设一个网站的步骤教学难点： 对网站的构思及策划教学辅助手段：制作或下载一个漂亮的网站（最好是自己制作） 多媒体电脑房软件 教学过程：教师活动学生活动一、 引入上几节课，我们在INTERNET这个信息的海洋中尽情遨游了一番，同时我们也发现许许多多内容丰富、创意新颖、设计独特的网页，不知道你见到这样漂亮可人的网页是否有点心动，你是否也想动手做一个吗？提出问题：你们是否找到了适合你口胃的网站或特别能打动你的主页？选择几个学生来说说。二、 正课首先打开自己先前做好的网站，一定要做的漂亮，能吸引住学生

2、的注意力，同时也让学生表现出对你的钦佩，对你的崇拜，这样学生才有信心跟你学，并且学好。问题1：这是一个什么样的网站？（指内容）问题2：这个网站提供了一些什么功能？问题3：想不想知道这个网站我化了多少时间完成的吗？首先让学生猜猜老师化了多少时间完成的。以第三问题引出了我们今天要讲的内容，告诉学生制作一个网站应该如何着手，需要分成多少个步骤来完成。首先要确定主题，然后查找资料，最后再动手制作。所以说，制作一个网站是一个长期的工作，而不是一朝一夕之事，只有通过不断地改进、完善才能做出一个成功的网站。板书：网站的构思、规划1、首先应确定好站点的主题。创建网站前要先确定站点的主题，只有主题确定之后才会有

3、目的的去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学要慎重考虑好。思考：你们想做一个关于什么内容的网站呢？可以从自身的兴趣、特长、爱好出发来确定站点的主题。通过这么一个小思考，活跃了课堂的气氛，同时也为今后的工作提前做了准备。小结：站点的主题最好是自己擅长或者喜爱的内容，这样制作过程中才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，更能吸引人。任务：让学生利用课余时间考虑好网站的内容，确定好网站的主题。2、规划站点结构确定好站点的主题后，接下来就是要规划好站点的内部结构。风格定位任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，

4、才能达到理想的效果。主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等等，这需要大家在制作过程中不断探索。风格统一你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。3、几点建议网页命名要简洁。由于一个网站是由许多子页面组成的，为了便于管理网页，最好给这些页面起一些有代表性的而且简洁易记的网页名称。不要过多地使用图片、动画。图片、动画固然能吸引人，但同时也影响访问的速度，因为人的耐心是有限的，人家不愿意把太多的时间化在打开网页上。学生都在说着自己看

5、到的一些优秀网站，其中包括内容方面、界面方面、设计风格方面等等。 对于亲自动手制作一个网站，学生表现出了很大的兴趣，都想一现身手。学生的目光一下子集中到了这个网站上了。学生通过观察，依次回答了老师提出的问题。学生都在议论纷纷，有的说23天，有的说56天，有的说学生议论：有的学生对散文诗比较感兴趣，想做一个关于散文诗欣赏的网站，有的学生是追星族，想做一个关于明星、歌星方面的网站，有的学生对军事很感冒，所以想做一个关于军事武器方面的网站，各有各的想法，可谓包罗万象。让学生不断地到报刊、网上收集资料、图像、图标等素材，将学生收集到的优秀的素材放在校园网上供大家使用。要及时地收集用户的反馈信息。通过用

6、户的反馈信息我们可以了解网站中存在的一些问题，并及时进行调整、修改，这样才能给用户一种负责的印象，才能留住更多的用户。布置任务：要根据自己的情况确定好网站的主题。根据主题收集一些资料。第一节 教学内容：初步了解制作网页的工具frontpage 教学目标：了解网页的基本概念 学会启动frontpage 了解frontpage的工作环境 初步了解frontpage的工作原理 教学过程： 一、 让学生观看网页，提问：什么是网页？什么是主页、网站，它们之间是什么关系？ 二、 提问：制作网页使用的工具软件是什么？学生看书后回答问题。 三、 怎么启动frontpage呢？教师提示，其启动方式与word,p

7、owerpoint方式一样，让学生试启动。 四、 学生认识frontpage的操作介面，观察其与word.powerpoint的操作介面有何异同。 五、 通过观察网页，学生回答构成网页的基本元素。 六、 教师演示frontpage制作网页的方法，说明它们的许多操作与word powerpoint一样，使学生觉得他们使用很简单，不陌生，初步熟悉frontpage这个制作网页的工具软件。 第二节 教学内容：初步学习制作简单的网页 教学目标：1、学会创建新网页 2、学会在网页中输入文字并设置文字格式。 3、保存网页与打开网页 4、预览网页 教学过程： 一、 学会创建网页 让学生回忆word、powe

8、rpoint启动以后，会自动创建一个新页面，那frontpage是不是也一样呢？学生演示观察。 怎样再创建一个新页面，与word、powerpoint一样吗？ 二、 学习在网页里输入文字 提示：在网页里输入文字，与word完全一样，学生试练习操作。 提问：在网页里输入文字原来这么简单，那么设置文字格式是不是也很简单呢？和我们前面学过的word、powerpoint一样吗？学生试用交流后，感觉很简单， 操作上一样。 三、 怎么保存网页？ 提示：他们的保存与我们前面所学的软件操作是一样的，学生试操作，互相交流，回答教师提问，并让一名学生演示操作过程。 四、 打开保存的网页。 学生试练习操作，然后叙

9、述操作的过程和感受。 五、 预览网页 想知道自己做好的网页是什么样子吗？让学生单击预览，观察他们与制作好的页面有什么区别？ 六、 总结。 第三节教学内容：初步学习网页的美化 教学目标：1、学习给文字增加边框和底纹 2、学习添加水平线 教学过程： 一、 引言 在前节课，我们学习了通过给文字设置格式，美化了文字，在这节课，我们将学习另一种美化文字的方法，它将使我们网页上的文字更加漂亮。 二、 给文字添加边框与阴影 让学生看课本，怎样进入设置对话框？ 进入设置边框与阴影对话框，观察操作界面，学生试操作练习，对于练习中的问题，教师给予讲解。学生体会到操作上的简便，只要会进入操作界面，操作上就简单多了。

10、 三、 添加水平线 先让学生观察网页上的水平线，认识水平线及其在网页中的作用。 阅读课本上的图示，了解怎样进入设置水平线的对话框，学生试操作。提问：怎样设置已添加的水平线呢？教师通过操作讲解，让学生明白，修改水平线的属性，一般都是在要修改对象上单击鼠标右键，在其快捷菜单里就可找到其属性设置按钮。 四、 总结本节课内容。 第四节 教学内容：插入图片和背景 教学目标：1、学会在网页中插入图片。 2、学会给网页添加背景。 教学过程： 一、 引言。 上节课，我们学习了在网页中输入文字和添加水平线，但网页中只有文字而没页有图片是不行的，那么怎样插入图片呢？ 二、 在网页中插入图片 提示：在网页中插入图片

11、的方法和powerpoint是一样的，让学生试操作，分别插入剪贴画、来自文件。并调整图片的大小，观察其与powerpoint的区别。 三、 设置图片的对齐方式 提示：我们在前面学习的文字的对齐方式，图片的对齐方式与其一样吗？请同学们试一试，然后再看看课本。 学生演示并回答问题，认识到他们的对齐方式是一样的，但在其图片属性里的对齐方式有更多种。 四、 给网页添加背景 引言：网页的背景是白色的，太缺少色彩了，那怎样给网页添上背景颜色呢？同学们看书讨论后，尝试练习。并认识到还可用图片做背景。 一人上机演示。 五、 总结本节课内容。 第五节 教学内容：让网页更丰富(一) 教学目标：1、学会在网页中插入

12、背景音乐 2、学会在网页中插入视频 教学过程： 一、 引言： 我们上网时，打开一些网页，会出现动听的音乐，还能在网上看电影，这节课，我们就学习如何在网页里插入背景音乐和视频。 二、 在网页里插入背景音乐 同学们看书，了解插入背景音乐的对话框打开步骤，尝试在网页中插入音乐，然后预览网页。 怎样设置背景音乐的播放次数？学生观看背景音乐设置对话框后让一个上机演示。 三、 在网页中插入视频 学生阅读书本后尝试练习，预览网页。 观看课本， 了解视频文件的播放方式，然后尝试练习。 四、 总结本节课内容。 第六节 教学内容：让网页更丰富(二) 教学目标：1、学会在网页中插入滚动字幕 2、学会设置悬停按钮 教

13、学过程： 一、 在网页中插入滚动字幕 引言：我们晚上看电视的时候，经常看到上面滚动的广告条，那就是字幕，在网页中我们也经常看到字幕，其实，字幕的制作非常简单，现在我们一起学习字幕的制作。 学生们看书后，尝试练习，很容易便做出了字幕。 提示：同学们观察字幕的属性设置对话框，我们还可对字幕进行怎样的设置？ 学生回答后，让学生一个个地进行尝试，体会字幕的每一个属性，然后回答教师的提问： “延迟”和“数量”分别对字幕的速度有什么影响？ 用自己的话描述字幕的表现方式？ “文本对齐方式”指的是什么？ 二、 设置悬停按钮 引言：当我们浏览网页的时候，经常会发现有些按钮，当鼠标移过它们上方时，这些按钮会产生一

14、些变化，这种按钮，就叫做悬停按钮。下面，我们就学习悬停按钮的制作。 学生看书，了解制作悬停按钮的步骤，然后尝试练习。 教师提问：“按钮文本”指的是按钮的什么？ 什么是“效果颜色“？ 教师提示：有“悬停按钮“的网页，必须保存后才能看到悬停按钮。 三、 总结本结内容。 第七节 用表格来规划网页(一) 教学内容：创建表格，表格的编辑，单元格的合并与拆分 教学目标：学会创建表格，认识表格的行与列； 编辑表格，学会调整表格的行高与列宽； 学会合并单元格与拆分单元格 教学过程： 一、 学习创建表格 教师让学生观看一个网页，再删去网页上的元素，让学生了解表格在网页制作中的作用。 教师指导学生认识表格中的行与列，行数与列数。 教师教给学生创建表格的方法与步骤，使学生认识到创建表格要知道所要创建表格的行数与列数。 二、 表格的编辑 在网页中，我们发现表格的行高与列宽并不一定是均匀的，在实际制作网页时，我们必须要