最新版辽师大版五年级下册信息技术教学设计
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2、建立网页，输入汉字
（1）在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资源。
（2）在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。
这样，一个只有文字的网页就建立好了。
3、保存网页
单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。
3、学生动手操作“练技能”的内容，教师巡视并指导。
三、总结：
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
进入frontpage世界
课时
1
备课教师
教师姓名
参与教师
教学目标
1、学会启动FrontPage 2003；2、认识FrontPage 2003的操作窗口；3、学会建立网站的简单操作；4、培养学生的审美观念。
教学难点
怎样打开已有的网页
教学准备
搜集素材和课件
教学过程
修改
一．引入新课
目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。
二．讲授新课
1、建立新站点
（1）打开FrontPage，单击“文件”→“新建”→“站点”，打开“新建”对话框。
（2）选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。
3、在教授网页背景设置时，让学生先去试用各种颜色为背景的效果，从中总结出怎样设置背景视觉效果更好。
4、学生操作
在网页中插入两条水平线。
5、教师巡视、指导。
三、小结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
用图片美化网页
课时
1
备课教师
教师姓名
参与教师
教学目标
（3）在对话框中，在“行数”输入需要的行数（例中为5），在“列数”输入需要的列数（例中为4），同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。
（4）最后单击【确定】按钮，屏幕上就会出现一张空的表格。
2、学生操作
在网页建立一个表格，插入图片和文字。
教师巡视、指导。
小结
1、学生归纳本结课所学知识。
教学重点
FrontPage 2003的界面基本组成及相应功能
教学难点
建一个只有一个网页的网站操作
教学准备
搜集素材和课件
教学过程
修改
一、激发导入
1、教学中在“看一看”阶段，引导学生对照Word2003的操作界面。
二、讲授新课
1、一个网站是由许多网页组成的。网站就好比一本书，网页就好比一张张书页。浏览网站时，首先看到的网页就是这个网站的主页。主页好比目录，是一个网站的“入口”，进入主页后就可以浏览网站内的其他网页了。
教师电子备课教案
教学内容
网页欣赏
课时
1
备课教师
教师姓名
参与教师
教学目标
1、了解网页的主要组成元素2、了解网页的结构3、培养学生审美
教学重点
1、网页的元素组成2、网页的基本结构
教学难点
1、网页元素的理解2、网页结构的划分
教学准备
搜集素材和课件
教学过程
修改
一、组织教学、导入新课
（教师先展示几个网页的图片）精彩的网络世界吸引着无数人的眼球，对我们同学来说，它也被披上了神秘的色彩。有些同学也想在互联网上建立自己的空间，但又觉得这是非常高深的事情。其实这一切并不是那么困难。从这节课开始，我们就学习如何做网页。首先我们先来欣赏几个网页。
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
网站的设计
课时
1
备课教师
教师姓名
参与教师
教学目标
1、网站的规划流程；2、确定网站主题；3、收集资料；
4、画出网站的结构图。
教学重点
设计一个简单网站
教学难点
画出网站结构图
教学准备
搜集素材和课件
教学过程
修改
一．引入新课
（2）在网页上把光标移到要插入图片的位置。
（3）单击“插入”→“图片”→“来自文件”，打开“图片”对话框。
（4）单击“从计算机上选择一个文件”按钮，弹出“选择文件”对话框。
（5）单击“查找范围”后的小方块按钮，选择图片文件所在的位置。
（6）选择图片文件，“班级合影”，单击“确定”按钮。
①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。
1、掌握在网页中插入图片的方法2、掌握网页中插入图片的大小和透明色的设置
教学重点
图片大小和透明色的设置
教学难点
图片文件的查找，图片透明色的设置
教学准备
搜集素材和课件
教学过程
修改
一、引入新课
仅有文字的网页显得有些单调，今天，我们在网页上挂上我们的全家福“班级合影”图片。
二、讲授新课
1、插入图片
（1）在文件夹列表中，双击new_page_1.htm,打开网页。
②网页上常用的图形格式有Gif和Jpeg两种。Gif主要用于网页上一些颜色比较简单的图形，如小插图、Icon、Logo、字体等。Gif也支持单一颜色的透明设定，还可以做出动画。Jpeg也称Jpg，是一种图形压缩格式，文件较小，它主要用于色彩数较多的图形，也支持全彩，网络上的照片主要是这种格式。
2、学生动手操作源自文库
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
综合实践——直面洋快餐
课时
2
备课教师
教师姓名
参与教师
教学目标
1、利用frontpage，运用前面所学知识与技能，完成你要设计的网站主页制作2、展示给同学，谈谈制作的思路及体会
教学重点
网站的制作过程，特别是网站主题的确定
教学难点
怎样引导学生确定恰当的网站主题
教师巡视，指导。
三、小结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
让文字动起来
课时
1
备课教师
教师姓名
参与教师
教学目标
1、建立动态文字；
2、利用Web组件中的“交互式按钮”建立动态效果的文字块。
教学重点
在网页中插入WEB组件
教学难点
设置WEB组件属性
教学准备
2、认识FrontPage2003窗口。
⑴文档名称；
⑵文档视图区；
⑶网页基本视图模式。
3、新建一个网站
⑴单击“网站”选项，出现“网站模板”对话框。
⑵单击“新建普通网页”的下拉按钮。
⑶输入新建网站存放的位置：“G:\My\Site”，单击“确定”，网站自动建立。
4、学生动手操作，教师巡视指导。
三、总结
单击“确定”按钮就完成了对网页和图片的保存。
三、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
表格在网页中的运用
课时
1
备课教师
教师姓名
参与教师
教学目标
1、掌握在网页中插入表格的方法2、掌握表格单元格的设置与内容的添加
教学重点
网页中表格的插入、编辑和设置
教学难点
2、上机操作，学生间可以交流。
这是一节实习课，学生自主完成，教师巡视指导。
3、学生以小组为单位，展示自己的网页，学生进行评论。
三、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
表格中背景的设置
课时
1
备课教师
教师姓名
参与教师
教学目标
1、建立动态字幕2、利用WEB组件中的“交互式按钮”建立动态效果的文字块。
我们的校园生活丰富多彩，班级活动活泼有趣，怎样让远方的伙伴了解我们的校园生活呢？为了更好地展示我们班级的风采，让更多的人认识和欣赏我们，我们可以制作班级网站，发布到因特网上，让更多的人了解我们班。
二．讲授新课
1．在因特网上，利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来，使其变成一张有序的网，为人们展现丰富的主题内容。
3、保存图片
在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。
在“保存嵌入式文件”对话框内，选择图片文件bjhy.jpg，单击“改变文件夹”，打开“改变文件夹”对话框。选中“images”，单击“确定”按钮，图片文件bjhy.jpg就存放在“images”内了。
在网页中插入表格的行列数的确定
教学准备
搜集素材和课件
教学过程
修改
一、组织教学
网页的图片和文字看上去很整齐，这是在网页中应用了表格对这些文字和图片进行定位。
二、讲授新课
1、插入表格
（1）将光标移到你要插入表格的位置，即插入点。
（2）单击【表格】菜单，选择【插入】选项，并在选择项中单击【表格】选项，出现插入表格对话框。
二、讲授新课
1、欣赏网页
在欣赏的同时，我们应该注意以下这些网页基本上都是由哪些元素组成的。
（1）打开浏览器，输入网址，让学生欣赏网页。
（2）学生上机练习。
2、请学生带着下面几个问题浏览网页，以小组为单位进行讨论，教师巡视并指导。
（1）观察打开的网页，看看上面都有哪些元素？
（2）这些元素在网页中怎样布置的？这样的结构有什么特点？
三、思考与练习
为自己的班级网站设计一个欢迎首页。
四、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
做一个简单的网页
课时
1
备课教师
教师姓名
参与教师
教学目标
1．在网页中输入文字；2．编辑网页中的文字；
3、学会用软件打开一个已有的网页。
教学重点
打开一个已有的网页，进行文本的编辑
教学准备
教学过程
修改
一、组织教学
1、通过一个优秀学生网站电脑作品首页的讲解，引导学生去完成一个自己选定制作的网站的首页的制作。把前面所学的知识在这节课中进行串联，从而达到知识的融会贯通。让学生对网站的设计流程再一次进行巩固，对网站的建设有一个新的认识。
二、学生实践
1、按照网站规划流程，设计出书面规划。
（2）单击【表格】菜单，选择【属性】，然后单击【单元格】选项，或单击鼠标右键，选择【单元格属性】选项，将会出现一个对话框。
（3）在单元格属性对话框中，我们可以设置单元格的多种属性。
（4）设置完毕后，单击【应用】按钮，可以预览一下设置效果。
（5）单击【确定】按钮，设置结束。
学生上机操作
将“可爱的小动物”网页的表格背景设置成不同的背景颜色。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
插入水平线和设置背景
课时
1
备课教师
教师姓名
参与教师
教学目标
1、掌握在网页中插入水平线的操作2、掌握水平线属性的设置方法3、掌握网页背景的设置
教学重点
在网页中插入水平线的方法和给网页设置背景的操作
教学难点
设置水平线的属性，设置图片背景及图片的选择
2．网站规划
网站是由多个网页链接组成的，在开始制作网站前最好做好整体规划。
（1）确定网站主题。网站的主题决定制作网站的风格，决定网站所包含的网页信息。
（2）搜集素材。通过多种渠道搜集网站所需要的各种素材。
（3）筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理，筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。4．做好网站建设规划。根据我们筛选、整理的素材，按照不同的分类，规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。
教学准备
搜集素材和课件
教学过程
修改
一、组织教学
水平线是网页中比较重要的一个部分，在网页中加入水平线可以使网页的布局清晰，那么这节课我们就来学习插入水平线。
二、讲授新课
请跟我学
1、将光标移到要加入水平线的地方，单击[插入]菜单→水平线，这时页面上出现一条水平线。
2、双击这条水平线，弹出“水平线属性”对话框，设置水平线的“宽度”，“高度”“对齐方式”“颜色”等，这时网页的水平线已将文字和图片分隔开了。
教学过程
修改
一、组织教学
我们经常会看到网页中有些文字会动起来，很好看，这节课我们就来学习。
二、讲授新课
将光标定位在要插入字幕的单元格中
1.单击“插入”→“组件”→“字幕”，弹出“字幕属性”对话框；
2.输入文字；
3．然后设置“方向”“速度”“表现方式”“文本对齐方式”等。
4.单击“确定”按钮。
4、学生动手操作，教师巡视指导。
5、预览网页
（1）在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。
（2）在FrontPage窗口中单击“预览”按钮，进行预览。
（3）观察使用两种预览方法所显示的预览效果。
6、学生动手操作，教师巡视指导。
三、总结
1、学生归纳本结课所学知识。
教学重点
在网页中插入WEB组件
教学难点
设置WEB组件属性
教学准备
教学过程
修改
一、组织教学
让学生观察两个网页，找出它们的不同点，从而导入新课，来设置表格背景。
二、讲授新课
1、设置单元格的属性
设置某个单元格的属性，也可同时设置多个单元格的属性。步骤如下：
（1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选定该单元格）；
（1）在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资源。
（2）在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。
这样，一个只有文字的网页就建立好了。
3、保存网页
单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。
3、学生动手操作“练技能”的内容，教师巡视并指导。
三、总结：
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
进入frontpage世界
课时
1
备课教师
教师姓名
参与教师
教学目标
1、学会启动FrontPage 2003；2、认识FrontPage 2003的操作窗口；3、学会建立网站的简单操作；4、培养学生的审美观念。
教学难点
怎样打开已有的网页
教学准备
搜集素材和课件
教学过程
修改
一．引入新课
目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。
二．讲授新课
1、建立新站点
（1）打开FrontPage，单击“文件”→“新建”→“站点”，打开“新建”对话框。
（2）选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。
3、在教授网页背景设置时，让学生先去试用各种颜色为背景的效果，从中总结出怎样设置背景视觉效果更好。
4、学生操作
在网页中插入两条水平线。
5、教师巡视、指导。
三、小结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
用图片美化网页
课时
1
备课教师
教师姓名
参与教师
教学目标
（3）在对话框中，在“行数”输入需要的行数（例中为5），在“列数”输入需要的列数（例中为4），同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。
（4）最后单击【确定】按钮，屏幕上就会出现一张空的表格。
2、学生操作
在网页建立一个表格，插入图片和文字。
教师巡视、指导。
小结
1、学生归纳本结课所学知识。
教学重点
FrontPage 2003的界面基本组成及相应功能
教学难点
建一个只有一个网页的网站操作
教学准备
搜集素材和课件
教学过程
修改
一、激发导入
1、教学中在“看一看”阶段，引导学生对照Word2003的操作界面。
二、讲授新课
1、一个网站是由许多网页组成的。网站就好比一本书，网页就好比一张张书页。浏览网站时，首先看到的网页就是这个网站的主页。主页好比目录，是一个网站的“入口”，进入主页后就可以浏览网站内的其他网页了。
教师电子备课教案
教学内容
网页欣赏
课时
1
备课教师
教师姓名
参与教师
教学目标
1、了解网页的主要组成元素2、了解网页的结构3、培养学生审美
教学重点
1、网页的元素组成2、网页的基本结构
教学难点
1、网页元素的理解2、网页结构的划分
教学准备
搜集素材和课件
教学过程
修改
一、组织教学、导入新课
（教师先展示几个网页的图片）精彩的网络世界吸引着无数人的眼球，对我们同学来说，它也被披上了神秘的色彩。有些同学也想在互联网上建立自己的空间，但又觉得这是非常高深的事情。其实这一切并不是那么困难。从这节课开始，我们就学习如何做网页。首先我们先来欣赏几个网页。
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
网站的设计
课时
1
备课教师
教师姓名
参与教师
教学目标
1、网站的规划流程；2、确定网站主题；3、收集资料；
4、画出网站的结构图。
教学重点
设计一个简单网站
教学难点
画出网站结构图
教学准备
搜集素材和课件
教学过程
修改
一．引入新课
（2）在网页上把光标移到要插入图片的位置。
（3）单击“插入”→“图片”→“来自文件”，打开“图片”对话框。
（4）单击“从计算机上选择一个文件”按钮，弹出“选择文件”对话框。
（5）单击“查找范围”后的小方块按钮，选择图片文件所在的位置。
（6）选择图片文件，“班级合影”，单击“确定”按钮。
①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。
1、掌握在网页中插入图片的方法2、掌握网页中插入图片的大小和透明色的设置
教学重点
图片大小和透明色的设置
教学难点
图片文件的查找，图片透明色的设置
教学准备
搜集素材和课件
教学过程
修改
一、引入新课
仅有文字的网页显得有些单调，今天，我们在网页上挂上我们的全家福“班级合影”图片。
二、讲授新课
1、插入图片
（1）在文件夹列表中，双击new_page_1.htm,打开网页。
②网页上常用的图形格式有Gif和Jpeg两种。Gif主要用于网页上一些颜色比较简单的图形，如小插图、Icon、Logo、字体等。Gif也支持单一颜色的透明设定，还可以做出动画。Jpeg也称Jpg，是一种图形压缩格式，文件较小，它主要用于色彩数较多的图形，也支持全彩，网络上的照片主要是这种格式。
2、学生动手操作源自文库
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
综合实践——直面洋快餐
课时
2
备课教师
教师姓名
参与教师
教学目标
1、利用frontpage，运用前面所学知识与技能，完成你要设计的网站主页制作2、展示给同学，谈谈制作的思路及体会
教学重点
网站的制作过程，特别是网站主题的确定
教学难点
怎样引导学生确定恰当的网站主题
教师巡视，指导。
三、小结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
让文字动起来
课时
1
备课教师
教师姓名
参与教师
教学目标
1、建立动态文字；
2、利用Web组件中的“交互式按钮”建立动态效果的文字块。
教学重点
在网页中插入WEB组件
教学难点
设置WEB组件属性
教学准备
2、认识FrontPage2003窗口。
⑴文档名称；
⑵文档视图区；
⑶网页基本视图模式。
3、新建一个网站
⑴单击“网站”选项，出现“网站模板”对话框。
⑵单击“新建普通网页”的下拉按钮。
⑶输入新建网站存放的位置：“G:\My\Site”，单击“确定”，网站自动建立。
4、学生动手操作，教师巡视指导。
三、总结
单击“确定”按钮就完成了对网页和图片的保存。
三、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
表格在网页中的运用
课时
1
备课教师
教师姓名
参与教师
教学目标
1、掌握在网页中插入表格的方法2、掌握表格单元格的设置与内容的添加
教学重点
网页中表格的插入、编辑和设置
教学难点
2、上机操作，学生间可以交流。
这是一节实习课，学生自主完成，教师巡视指导。
3、学生以小组为单位，展示自己的网页，学生进行评论。
三、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
表格中背景的设置
课时
1
备课教师
教师姓名
参与教师
教学目标
1、建立动态字幕2、利用WEB组件中的“交互式按钮”建立动态效果的文字块。
我们的校园生活丰富多彩，班级活动活泼有趣，怎样让远方的伙伴了解我们的校园生活呢？为了更好地展示我们班级的风采，让更多的人认识和欣赏我们，我们可以制作班级网站，发布到因特网上，让更多的人了解我们班。
二．讲授新课
1．在因特网上，利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来，使其变成一张有序的网，为人们展现丰富的主题内容。
3、保存图片
在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。
在“保存嵌入式文件”对话框内，选择图片文件bjhy.jpg，单击“改变文件夹”，打开“改变文件夹”对话框。选中“images”，单击“确定”按钮，图片文件bjhy.jpg就存放在“images”内了。
在网页中插入表格的行列数的确定
教学准备
搜集素材和课件
教学过程
修改
一、组织教学
网页的图片和文字看上去很整齐，这是在网页中应用了表格对这些文字和图片进行定位。
二、讲授新课
1、插入表格
（1）将光标移到你要插入表格的位置，即插入点。
（2）单击【表格】菜单，选择【插入】选项，并在选择项中单击【表格】选项，出现插入表格对话框。
二、讲授新课
1、欣赏网页
在欣赏的同时，我们应该注意以下这些网页基本上都是由哪些元素组成的。
（1）打开浏览器，输入网址，让学生欣赏网页。
（2）学生上机练习。
2、请学生带着下面几个问题浏览网页，以小组为单位进行讨论，教师巡视并指导。
（1）观察打开的网页，看看上面都有哪些元素？
（2）这些元素在网页中怎样布置的？这样的结构有什么特点？
三、思考与练习
为自己的班级网站设计一个欢迎首页。
四、总结
1、学生归纳本结课所学知识。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
做一个简单的网页
课时
1
备课教师
教师姓名
参与教师
教学目标
1．在网页中输入文字；2．编辑网页中的文字；
3、学会用软件打开一个已有的网页。
教学重点
打开一个已有的网页，进行文本的编辑
教学准备
教学过程
修改
一、组织教学
1、通过一个优秀学生网站电脑作品首页的讲解，引导学生去完成一个自己选定制作的网站的首页的制作。把前面所学的知识在这节课中进行串联，从而达到知识的融会贯通。让学生对网站的设计流程再一次进行巩固，对网站的建设有一个新的认识。
二、学生实践
1、按照网站规划流程，设计出书面规划。
（2）单击【表格】菜单，选择【属性】，然后单击【单元格】选项，或单击鼠标右键，选择【单元格属性】选项，将会出现一个对话框。
（3）在单元格属性对话框中，我们可以设置单元格的多种属性。
（4）设置完毕后，单击【应用】按钮，可以预览一下设置效果。
（5）单击【确定】按钮，设置结束。
学生上机操作
将“可爱的小动物”网页的表格背景设置成不同的背景颜色。
2、教师总结本节课学习情况。
教学反思
教师电子备课教案
教学内容
插入水平线和设置背景
课时
1
备课教师
教师姓名
参与教师
教学目标
1、掌握在网页中插入水平线的操作2、掌握水平线属性的设置方法3、掌握网页背景的设置
教学重点
在网页中插入水平线的方法和给网页设置背景的操作
教学难点
设置水平线的属性，设置图片背景及图片的选择
2．网站规划
网站是由多个网页链接组成的，在开始制作网站前最好做好整体规划。
（1）确定网站主题。网站的主题决定制作网站的风格，决定网站所包含的网页信息。
（2）搜集素材。通过多种渠道搜集网站所需要的各种素材。
（3）筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理，筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。4．做好网站建设规划。根据我们筛选、整理的素材，按照不同的分类，规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。
教学准备
搜集素材和课件
教学过程
修改
一、组织教学
水平线是网页中比较重要的一个部分，在网页中加入水平线可以使网页的布局清晰，那么这节课我们就来学习插入水平线。
二、讲授新课
请跟我学
1、将光标移到要加入水平线的地方，单击[插入]菜单→水平线，这时页面上出现一条水平线。
2、双击这条水平线，弹出“水平线属性”对话框，设置水平线的“宽度”，“高度”“对齐方式”“颜色”等，这时网页的水平线已将文字和图片分隔开了。
教学过程
修改
一、组织教学
我们经常会看到网页中有些文字会动起来，很好看，这节课我们就来学习。
二、讲授新课
将光标定位在要插入字幕的单元格中
1.单击“插入”→“组件”→“字幕”，弹出“字幕属性”对话框；
2.输入文字；
3．然后设置“方向”“速度”“表现方式”“文本对齐方式”等。
4.单击“确定”按钮。
4、学生动手操作，教师巡视指导。
5、预览网页
（1）在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。
（2）在FrontPage窗口中单击“预览”按钮，进行预览。
（3）观察使用两种预览方法所显示的预览效果。
6、学生动手操作，教师巡视指导。
三、总结
1、学生归纳本结课所学知识。
教学重点
在网页中插入WEB组件
教学难点
设置WEB组件属性
教学准备
教学过程
修改
一、组织教学
让学生观察两个网页，找出它们的不同点，从而导入新课，来设置表格背景。
二、讲授新课
1、设置单元格的属性
设置某个单元格的属性，也可同时设置多个单元格的属性。步骤如下：
（1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选定该单元格）；