初中信息技术网站制作教案(20页).doc

《初中信息技术网站制作教案(20页).doc》由会员分享，可在线阅读，更多相关《初中信息技术网站制作教案(20页).doc（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15、中的作用。 教师指导学生认识表格中的行与列，行数与列数。 教师教给学生创建表格的方法与步骤，使学生认识到创建表格要知道所要创建表格的行数与列数。 二、 表格的编辑 在网页中，我们发现表格的行高与列宽并不一定是均匀的，在实际制作网页时，我们必须要调整行的高度与列的宽度，来满足我们制作网页的需要，那么，怎么调整表格 的行高与列宽呢？ 让学生看课本，观看调整的方法，然后让一个学生演示并讲解自己的操作方法，再让几个学生在电脑上进行演示。 三、 单元格的拆分与合并 让学生观看网页上的表格，学生会发现单元格并不一致，引出单元格的合并与拆分。 让学生自己查阅课本，找出方法，进行演示。 四、 练习 学生试创建

16、以下表格： 第八节 用表格来创建网页(二) 教学内容：学习表格属性的设置，初步学习用表格规划网页 教学目标：较熟练的设置表格的属性，初步学会用表格来规划网页。 教学过程： 一、 设置表格的属性 (1) 让学生观看网页中的表格，及预览后的效果，学生提出疑问，表格怎么看不见了呢？ (2) 有的表格怎么边框线与别的表格不一样？ (3) 有的表格和单元格还有背景色，这怎么设置呢？ 教师告诉学生，这与以前我们对水平线、图片的设置方法一样，都是在属性里面设置的，同样，表格的这些效果，也是在表格的属性里面进行设置的。 教师告诉学生，进入属性设置的方法都是一样的，都是在对象上单击鼠标右键，从而进入属性设置的。

17、 教师引导学生观察表格的属性设置窗口，了解基本的概念。 二、 用同样的方法学习单元格属性的设置。 三、 初步学习用表格规划网页。 教师演示，学生观察，了解用表格创建网页的作用。 第十一课 把网页链接起来(一) 教学内容：网页、网站的超级链接 教学目标：(1)了解超级链接的基本概念； (2)学会网页之间的超链接； (3)学会其他网站的超链接。 教学过程： 一、 超级链接的概念 学生都上过网页，又在四年级幻灯片中接触过超链接，因此 很容易理解什么是超链接。教师引导学生浏览网页，指出什么是超链接。 二、 用文字和图片建立超链接 让学生从书上查阅资料，联系幻灯片中的超链接，制作网页之间的超链接，再让一个学生在电脑上试做演示，大家共同评价。 三、 链接到其他网站 教师通过上网，给学生演示，了解网页到网站的链接。让学生看课本后，学生试练。 四、 总结 第十二课 把网页链接起来(二) 教学内容：文件与邮件的链接 教学目标：网页与文件、电子邮件的链接 教学过程： 一、 复习上一节的内容 二、 学习网页与文件的超链接 (1) 建立直观认识，通过浏览网页，让学生观察什么样的链接是与文件的链接。 (2) 教师演示制作与文件的超链接。 (3) 几名学生分别在电脑上为大家演示制作。 三、 学习电子邮件的超链接 用同样的方法学习电子邮件的超链接。 四、总结。