尽管用FrontPage制作网页对于学生来说是全新的知识，但由于FrontPage与Word同属于Office家族的成员，在许多功能上有太多的相似之处，我们可以在这实行\拿来主义\，把在Word中学习到的表格知识拿到FrontPage中，如插入表格，插入或删除行或列，合并或拆分单元格，设置行高或列宽，在单元格中插入文字或图片，设置单元格中文字或图片的对齐方式，对单元格中的文字设置字体，字号，字的颜色等操作，这体现了知识的迁移思想。 3、归纳提高分析：
本节课涉及到的知识可以归纳为以下几点:
(1)创建网站站点，选择\只有一个网页的站点\类型。
(2)通过\文件夹列表\打开要编辑的网页，了解网站的建设情况。
(3)用表格来规划网页的版面。根据网站结构对插入的表格进行拆分，合并单元格，设置行高，列宽，插入或删除行，列等。
(4)在单元格中插入文字和图片，设置单元格中的文字或图片的对齐方式，设置文字的字体，字号，颜色等。
(5)在FrontPage中，当网页包含图像元素时，这样的网页被保存时，图片是采用嵌入式保存的，即同一个网页中的图像和文字被分开保存。通常要将所有的图片保存在images文件夹中，这样有助于使站点的结构更加清晰，便于管理。 (三)教学补充： 1、什么叫网站站点 ：
创建网站站点的操作并不难，难的是学生对于\网站站点\这个概念不理解。什么是网站站点网站站点就是一组内容相关的网页的集合体。打个形象的比喻，站点就象一本书，而网页就象书中的一篇一篇的文章。书把文章集中在一起，而站点把网页集中在一起。 2、文件夹列表：
创建站点之后，会在FrontPage窗口出现一个新的列表框，叫做\文件夹列表\，用来显示当前打开的站点中所有的文件和文件夹。通过\文件夹列表\框，我们可以清楚了解网站的建设情况。也可以利用文件夹列表为站点添加新的网页。单击〖常用〗工具栏上的〖文件夹列表〗按钮可以打开或关闭\文件夹列表\框。
3、在FrontPage中插入表格与在Word中插入表格，有些不同，如下图所示。 在Word软件中插入表格 在FrontPage软件中插入表格
在FrontPage中，由于表格主要是为规划网页版面服务的，所以与Word相比主要有以下几点不同:
(1)在插入表格对话框中，增加了\边框粗细\的设置。为了让用表格规划过的网页版面看起来更加美观，可以把\边框粗细\的值设置为\，将表格的边框线隐藏起来。
(2)通常在指定宽度时，选用\百分比\，并将值设置为\，表示表格与页面同宽。 (3)可以调整\单元格边距\和\单元格间距\。
4、在制作网页时，要插入的素材图片很多，有些图片可以直接使用，有些图片则需要进行一些处理。在FrontPage中的\图片\工具栏可以对插入的图片进行简单的处理，在Word软件中也有类似的\图片\工具栏。对比两者的\图片\工具栏，我们会发现FrontPage中的\图片\工具栏在处理图片上功能更强。 FrontPage的\图片\工具栏 Word的\图片\工具栏
第4课 美景装饰 修饰首页
(一)本课教学目标： 1、能够打开保存的站点。
2、能够为网页设置背景颜色或背景图片，并为网页添加背景音乐。 3、能够在网页中插入组件，如滚动字幕和悬停按钮。 4、培养学生自学能力和小组合作学习意识。 (二)教学设计与教学建议： 1、课堂引入分析：
制作好的网页看起来整齐多了，但白色的背景使得网页看起来不太美观，静止的页面让网页的视觉效果不够吸引人。本节课的主要任务就是美化网页。因此在课堂的引入部分可以这样设计:
首先，教师可以让学生打开第3课制作的主页，想办法让自己的主页更漂亮。这个环节可以采用小组合作共同探究的学习方式，然后让做得漂亮的小组汇报探究学习的成果。 其次，教师出示一个带有\滚动字幕\和\悬停按钮\的网页，让学生观察，并说一说与自己制作的网页相比有哪些优点。讨论在生活中是否见过这样的效果。
学习在网页中插入\滚动字幕\和\悬停按钮\，学生可参考教材或教师提供的学习资料进行自主学习，如果自学有困难也可采用小组合作的方式进行学习。这样可以兼顾到对知识技能掌握不同程度的学生，同时也体现了学生在课堂教学中得主体地位。 2、重点内容分析：
本节课的重点是美化网页，为网页添加背景颜色，背景图片或背景声音，插入滚动字幕和悬停按钮，让网页在视觉和听觉上更具冲击力。
让学生想办法使自己的主页更漂亮。在完成这个任务中，学生可能会想到用以下这些手段来美化网页:
(1)设置字体，字号，字的颜色。 (2)插入艺术字。
(3)为网页添加背景颜色或背景图片。 (4)设置表格的边框和底纹。 (5)设置单元格的边框和底纹。
为网页添加背景颜色和图片，与在Word或PowerPoint中的操作相似，因此只要告诉学生是在\网页属性\对话框中进行设置就可以了，让学生自己尝试做。本节课的难点放在插入滚动字幕和悬停按钮上。
在生活和学习中，学生经常在公交车，地铁，火车站，机场，银行，商场等地方看到\滚动字幕\。 \悬停按钮\这种效果也很常见，如使用各种软件时，当鼠标指向工具按钮时，按钮的颜色会发生变化。当学生理解了什么是\滚动字幕\和\悬停按钮\之后，操作起来也就变得容易了。
3、归纳提高分析：
本节课涉及到的知识可以归纳为以下几点： (1)打开保存的站点。
(2)插入组件——字幕和悬停按钮，可以使网页具有动态效果，网页更加生动。 (3)为网页添加背景颜色，背景图片或背景声音，可以增加网页的视觉和听觉效果。 需要注意的是:
(1)要想浏览网页经过修饰的效果，一定要先保存网页，再预览。
(2)字幕和悬停按钮的效果在\普通\网页模式下是看不到，在\预览\网页模式下可以看到。 (三)教学补充：
1、在\网页属性\对话框中为网页设置背景，是针对整个网页进行设置的。而实际上我们在因特网上看到的许多精彩的网页，不同的内容会有不同的背景，这是怎么做出来的呢其实非常简单，带有不同背景的网页是用表格规划的，每一个单元格都是一个独立的部分，只要选好单元格，设置单元格的底纹，就可以达到目的。效果如右图所示。
2、在网页中除了把文字做成悬停按钮外，还可以用图片制作悬停按钮，效果是鼠标悬停之前为一张图片，鼠标悬停之后换成另外一张图片。打开教材22页，按图4-8所示打开\悬停按钮属性\对话框，然后按下图所示操作: ①单击\自定义\②单击\浏览\④单击\确定\③选择图片
第一次通过\浏览\插入的图片是鼠标悬停前要显示的图片。 ⑤单击\浏览\⑦单击\确定\⑥选择图片 鼠标悬停前 鼠标悬停后
第二次通过\浏览\插入的图片是鼠标悬停后要显示的图片。
第5课 卡通世界 设置共享边框
(一)本课教学目标：
1、利用\文件夹列表\为站点创建新的文件夹。
2、利用\文件夹列表\为站点添加新的网页，并将网页保存到站点中指定的文件夹里，会更改网页标题。
3、运用\共享边框\制作一组风格统一的网页。 (二)教学设计与教学建议： 1、课堂引入分析：
通过第1单元的学习，学生已经掌握了一般网页的制作过程，会用表格规划网页的版面，由于只制作了主页，所以还体会不到网页之间可以跳跃访问的神奇。本节课将围绕网站中的\卡通世界\栏目利用\共享边框\制作一组风格统一的网页。为了让学生理解什么是\共享边框\，什么是\网页标题\，在课堂的引入部分，教师可以这样设计:
首先，出示一组利用\共享边框\制作的风格统一的网页，让学生通过IE浏览器欣赏，在欣赏的过程中教师提出要求:
(1)在IE浏览器的窗口中，网页的文件名是什么 在什么位置可以看到 在标题栏上显示了什么 通过显示的内容你能知道什么。
(2)观察这组网页的内容，说一说它们有什么特点：
其次，教师更改其中一个网页的\共享边框\部分，让学生观察其他几个网页有什么变化 让学生通过讨论归纳出\共享边框\的特点。 教师小结\网页标题\和\共享边框\知识点。
理解了什么是\网页标题\和\共享边框\，操作也就变得容易了。教师可以准备一些学习资料和素材，让学生通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程(提倡)，也可以是教师演示操作过程。 2、重点内容分析：
本节课的重点可以归纳为两点： (1)更改网页标题：
对于新建的网页，默认的文件名为new_page_1。htm，在进行保存的时候，与Word软件有所不同的是多了一项\网页标题\，这是一个非常重要的知识点，如果学生弄不清楚什么是\网页标题\，那么在后面制作网站的过程中就会出现站点结构混乱的现象。
由于站点中的网页一般都是用英文字母或数字命名的，因此通过网页文件名不能直观看出网页的内容，如果将\网页标题\改成中文，则能够更清晰地反映网页的内容。在浏览网页时，浏览器的地址栏显示的是网页的文件名，而在标题栏中则会直接显示出网页的中文名，这使得站点结构变得更为清晰，为今后网站的建设带来极大的便利。如下图所示。 网页标题 网页文件名
(2)设置\共享边框\：
本节课围绕网站中的\卡通世界\栏目，学习了利用\共享边框\制作一组风格统一的网页。对于学生来说，理解\共享边框\的概念是重点，也是难点，解决了这个问题，设置\共享边框\也就变得容易了。\共享边框\实际是多个网页共享的区域，或者说是公共部分，可以放置任何对象，如文本，悬停按钮或图片等。使用\共享边框\的好处是，当站点中的网页非常多时，其中一个网页的\共享边框\部分被修改了，其他与之共享的网页会同时改变，这会大大减少修改网页的工作量。 3、归纳提高分析：
本节课涉及到的知识可以归纳为以下几点：