《网站简单教案.doc》由会员分享，可在线阅读，更多相关《网站简单教案.doc（10页珍藏版）》请在金锄头文库上搜索。
1、第一节 网站设计规划教学目标：1、 让学生了解网站建设的前期准备工作。2、 学会如何规划一个网站。教学重点： 建设一个网站的步骤教学难点： 对网站的构思及策划教学辅助手段：制作或下载一个漂亮的网站（最好是自己制作） 多媒体电脑房软件 教学过程：教师活动学生活动一、 引入上几节课，我们在INTERNET这个信息的海洋中尽情遨游了一番，同时我们也发现许许多多内容丰富、创意新颖、设计独特的网页，不知道你见到这样漂亮可人的网页是否有点心动，你是否也想动手做一个吗？提出问题：你们是否找到了适合你口胃的网站或特别能打动你的主页？选择几个学生来说说。二、 正课首先打开自己先前做好的网站，一定要做的漂亮，能吸
2、引住学生的注意力，同时也让学生表现出对你的钦佩，对你的崇拜，这样学生才有信心跟你学，并且学好。问题1：这是一个什么样的网站？（指内容）问题2：这个网站提供了一些什么功能？问题3：想不想知道这个网站我化了多少时间完成的吗？首先让学生猜猜老师化了多少时间完成的。以第三问题引出了我们今天要讲的内容，告诉学生制作一个网站应该如何着手，需要分成多少个步骤来完成。首先要确定主题，然后查找资料，最后再动手制作。所以说，制作一个网站是一个长期的工作，而不是一朝一夕之事，只有通过不断地改进、完善才能做出一个成功的网站。板书：网站的构思、规划1、首先应确定好站点的主题。创建网站前要先确定站点的主题，只有主题确定之
3、后才会有目的的去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学要慎重考虑好。思考：你们想做一个关于什么内容的网站呢？可以从自身的兴趣、特长、爱好出发来确定站点的主题。通过这么一个小思考，活跃了课堂的气氛，同时也为今后的工作提前做了准备。小结：站点的主题最好是自己擅长或者喜爱的内容，这样制作过程中才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，更能吸引人。任务：让学生利用课余时间考虑好网站的内容，确定好网站的主题。2、规划站点结构确定好站点的主题后，接下来就是要规划好站点的内部结构。风格定位任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完
4、美统一，才能达到理想的效果。主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等等，这需要大家在制作过程中不断探索。风格统一你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。3、几点建议网页命名要简洁。由于一个网站是由许多子页面组成的，为了便于管理网页，最好给这些页面起一些有代表性的而且简洁易记的网页名称。不要过多地使用图片、动画。图片、动画固然能吸引人，但同时也影响访问的速度，因为人的耐心是有限的，人家不愿意把太多的时间化在打开网页上。学生都在说
5、着自己看到的一些优秀网站，其中包括内容方面、界面方面、设计风格方面等等。 对于亲自动手制作一个网站，学生表现出了很大的兴趣，都想一现身手。学生的目光一下子集中到了这个网站上了。学生通过观察，依次回答了老师提出的问题。学生都在议论纷纷，有的说23天，有的说56天，有的说学生议论：有的学生对散文诗比较感兴趣，想做一个关于散文诗欣赏的网站，有的学生是追星族，想做一个关于明星、歌星方面的网站，有的学生对军事很感冒，所以想做一个关于军事武器方面的网站，各有各的想法，可谓包罗万象。让学生不断地到报刊、网上收集资料、图像、图标等素材，将学生收集到的优秀的素材放在校园网上供大家使用。要及时地收集用户的反馈信息
6、。通过用户的反馈信息我们可以了解网站中存在的一些问题，并及时进行调整、修改，这样才能给用户一种负责的印象，才能留住更多的用户。布置任务：要根据自己的情况确定好网站的主题。根据主题收集一些资料。第二节 初步了解制作网页的工具 教学内容：初步了解制作网页的工具frontpage教学目标：了解网页的基本概念学会启动frontpage了解frontpage的工作环境 初步了解frontpage的工作原理 教学重难点：启动frontpage2003，了解工作环境。教学过程： 一、 让学生观看网页，提问：什么是网页？什么是主页、网站，它们之间是什么关系？ 二、 提问：制作网页使用的工具软件是什么？学生看书
7、后回答问题。 三、 怎么启动frontpage呢？教师提示，其启动方式与word,powerpoint方式一样，让学生试启动。 四、 学生认识frontpage的操作介面，观察其与word.powerpoint的操作介面有何异同。 五、 通过观察网页，学生回答构成网页的基本元素。 六、 教师演示frontpage制作网页的方法，说明它们的许多操作与word.powerpoint一样，使学生觉得他们使用很简单，不陌生，初步熟悉frontpage这个制作网页的工具软件。第三节 制作简单的网页 教学内容：初步学习制作简单的网页 教学目标：1、学会创建新网页 2、学会在网页中输入文字并设置文字格式。
8、3、保存网页与打开网页 4、预览网页 教学重点：创建并保存一个简单网页。 教学难点：网页的保存。教学过程： 一、 学会创建网页 让学生回忆word、powerpoint启动以后，会自动创建一个新页面，那frontpage是不是也一样呢？学生演示观察。 怎样再创建一个新页面，与word、powerpoint一样吗？ 二、 学习在网页里输入文字 提示：在网页里输入文字，与word完全一样，学生试练习操作。 提问：在网页里输入文字原来这么简单，那么设置文字格式是不是也很简单呢？和我们前面学过的word、powerpoint一样吗？学生试用交流后，感觉很简单， 操作上一样。 三、 怎么保存网页？ 提示
9、：他们的保存与我们前面所学的软件操作是一样的，学生试操作，互相交流，回答教师提问，并让一名学生演示操作过程。 四、 打开保存的网页。 学生试练习操作，然后叙述操作的过程和感受。 五、 预览网页 想知道自己做好的网页是什么样子吗？让学生单击预览，观察他们与制作好的页面有什么区别？ 六、 总结。 第四节 网页和网站 教学内容：网页和网站 教学目标：了解网站与网页的关系； 学会网站的创建和管理 教学重点：学习站点的建立。 教学难点：站点文件夹建立与设置。教学过程： 一、 认识网站与网页的关系 指导学生观看网站，提问，网站与网页之间有什么关系？ 学生查阅课本后回答问题。 二、 学会网站的创建和管理 (
10、1) 为什么要创建网站？学生在制作网站时，经常出现拷贝到别的计算机后，出现图片丢失的现象，什么原因？ (2) 教师演示如何创建网站。 (3) 教师演示在网站里新增空白网页，添加图片后并保存，让学生观看屏幕会的什么提示？ (4) 教师在网站里进行网页的切换，让学生观察到网站里的网页管理非常方便。 三、 网页的属性 学生根据以往的经验，试打开网页的属性设置窗口。并引导学生修改网页的标题，背景。 四、 学生练习 几名学生在电脑上合作演示制作一个简单的小网站。 第五节 网页的美化教学内容：初步学习网页的美化教学目标：1、学习给文字增加边框和底纹2、添加水平线教学重点：网页的美化。教学难点：文字的边框和
11、底纹。 水平线的设置。教学过程： 一、 引言 在前节课，我们学习了通过给文字设置格式，美化了文字，在这节课，我们将学习另一种美化文字的方法，它将使我们网页上的文字更加漂亮。 二、 给文字添加边框与阴影 让学生看课本，怎样进入设置对话框？ 进入设置边框与阴影对话框，观察操作界面，学生试操作练习，对于练习中的问题，教师给予讲解。学生体会到操作上的简便，只要会进入操作界面，操作上就简单多了。 三、 添加水平线 先让学生观察网页上的水平线，认识水平线及其在网页中的作用。 阅读课本上的图示，了解怎样进入设置水平线的对话框，学生试操作。提问：怎样设置已添加的水平线呢？教师通过操作讲解，让学生明白，修改水平
12、线的属性，一般都是在要修改对象上单击鼠标右键，在其快捷菜单里就可找到其属性设置按钮。 四、 总结本节课内容。第六节 插入图片和背景 教学内容：插入图片和背景 教学目标：1、学会在网页中插入图片。 2、学会给网页添加背景。 教学重点：在网页中插入图片和设置背景教学难点：网页中图片格式的设置。教学过程： 一、 引言。 上节课，我们学习了在网页中输入文字和添加水平线，但网页中只有文字而没页有图片是不行的，那么怎样插入图片呢？ 二、 在网页中插入图片 提示：在网页中插入图片的方法和powerpoint是一样的，让学生试操作，分别插入剪贴画、来自文件。并调整图片的大小，观察其与powerpoint的区别
13、。 三、 设置图片的对齐方式 提示：我们在前面学习的文字的对齐方式，图片的对齐方式与其一样吗？请同学们试一试，然后再看看课本。 学生演示并回答问题，认识到他们的对齐方式是一样的，但在其图片属性里的对齐方式有更多种。 四、 给网页添加背景 引言：网页的背景是白色的，太缺少色彩了，那怎样给网页添上背景颜色呢？同学们看书讨论后，尝试练习。并认识到还可用图片做背景。 一人上机演示。 五、 总结本节课内容。 第七节 让网页更丰富(一) 教学内容：让网页更丰富(一) 教学目标：1、学会在网页中插入背景音乐 2、学会在网页中插入视频 教学重点：网页的背景音乐。 教学难点：网页中的视频控件。教学过程： 一、
14、引言： 我们上网时，打开一些网页，会出现动听的音乐，还能在网上看电影，这节课，我们就学习如何在网页里插入背景音乐和视频。 二、 在网页里插入背景音乐 同学们看书，了解插入背景音乐的对话框打开步骤，尝试在网页中插入音乐，然后预览网页。 怎样设置背景音乐的播放次数？学生观看背景音乐设置对话框后让一个上机演示。 三、 在网页中插入视频 学生阅读书本后尝试练习，预览网页。 观看课本， 了解视频文件的播放方式，然后尝试练习。 四、 总结本节课内容。 八节 让网页更丰富(二)教学内容：让网页更丰富 教学目标：1、学会在网页中插入滚动字幕 2、学会设置悬停按钮教学重点：网页中web组件的使用。教学难点：滚动字幕效果的设置。教学过程： 一、 在网页中插入滚动字幕 引言：我们晚上看电视的时候，经常看到上面滚动的广告条，那就是字幕，在网页中我们也经常看到字幕，其实，字幕的制作非常简单，现在我们一起学习字幕的制作。 学生
