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


第七节 让网页更丰富(一)
    教学内容：让网页更丰富(一)
  教学目标：1、学会在网页中插入背景音乐
            2、学会在网页中插入视频
  教学重点：网页的背景音乐。
  教学难点：网页中的视频控件。
教学过程：
  一、 引言：
  我们上网时，打开一些网页，会出现动听的音乐，还能在网上看电影，这节课，我们就学习如何在网页里插入背景音乐和视频。
  二、 在网页里插入背景音乐
  同学们看书，了解插入背景音乐的对话框打开步骤，尝试在网页中插入音乐，然后预览网页。
  怎样设置背景音乐的播放次数？学生观看背景音乐设置对话框后让一个上机演示。
  三、 在网页中插入视频
  学生阅读书本后尝试练习，预览网页。
  观看课本， 了解视频文件的播放方式，然后尝试练习。
  四、 总结本节课内容。
   
八节 让网页更丰富(二)
  教学内容：让网页更丰富
  教学目标：1、学会在网页中插入滚动字幕
            2、学会设置悬停按钮
教学重点：网页中web组件的使用。
  教学难点：滚动字幕效果的设置。
教学过程：
  一、 在网页中插入滚动字幕
  引言：我们晚上看电视的时候，经常看到上面滚动的广告条，那就是字幕，在网页中我们也经常看到字幕，其实，字幕的制作非常简单，现在我们一起学习字幕的制作。
  学生们看书后，尝试练习，很容易便做出了字幕。
  提示：同学们观察字幕的属性设置对话框，我们还可对字幕进行怎样的设置？
  学生回答后，让学生一个个地进行尝试，体会字幕的每一个属性，然后回答教师的提问：
  “延迟”和“数量”分别对字幕的速度有什么影响？
  用自己的话描述字幕的表现方式？
  “文本对齐方式”指的是什么？
  二、 设置悬停按钮
  引言：当我们浏览网页的时候，经常会发现有些按钮，当鼠标移过它们上方时，这些按钮会产生一些变化，这种按钮，就叫做悬停按钮。下面，我们就学习悬停按钮的制作。
  学生看书，了解制作悬停按钮的步骤，然后尝试练习。
  教师提问：“按钮文本”指的是按钮的什么？
  什么是“效果颜“？
  教师提示：有“悬停按钮“的网页，必须保存后才能看到悬停按钮。
  三、 总结本结内容。
 
  第九节 用表格来规划网页(一)
教学内容：创建表格，表格的编辑，单元格的合并与拆分
  教学目标：1、学会创建表格，认识表格的行与列；
             2、编辑表格，学会调整表格的行高与列宽；学会合并单元格与拆分单元格
  教学重点：用表格的创建。
教学难点：表格的编辑
教学过程：
  一、 学习创建表格
  教师让学生观看一个网页，再删去网页上的元素，让学生了解表格在网页制作中的作用。
  教师指导学生认识表格中的行与列，行数与列数。
  教师教给学生创建表格的方法与步骤，使学生认识到创建表格要知道所要创建表格的行数与列数。
  二、 表格的编辑
  在网页中，我们发现表格的行高与列宽并不一定是均匀的，在实际制作网页时，我们必须要调整行的高度与列的宽度，来满足我们制作网页的需要，那么，怎么调整表格 的行高与列宽呢？
  让学生看课本，观看调整的方法，然后让一个学生演示并讲解自己的操作方法，再让几个学生在电脑上进行演示。
  三、 单元格的拆分与合并
  让学生观看网页上的表格，学生会发现单元格并不一致，引出单元格的合并与拆分。
  让学生自己查阅课本，出方法，进行演示。
  四、 练习
  学生试创建以下表格：
       

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。