Frontpage（共3篇）
Frontpage 篇1
珠联璧合, 相得益彰
———Front Page 2003与Photo Shop 7.0在课件制作中的完美结合
朱
(江苏省泗阳中等专业学校, 江苏泗阳
在现代科技与现代教育紧密结合并飞速发展的今天, 尽管多媒体手段被誉为教育系统的一道靓丽的“风景线”, 但并不是说只要在多媒体教室使用了电脑, 使用了投影仪就算是多媒体教学, 就能激发学生的学习兴趣。作为教师, 我们要充分地使用课件, 使学生很愉快地接受那些“枯燥”的知识, 达到好的教学效果。
那么在互联网与校园网“雄霸天下”的今天, 课程整合和资源共享已经被我们提到了相当的高度。因此, 当代网络技术的发展还要求教师制作的课件要以网页的形式来表达, 才能真正实现课程整合和资源共享。
一
用来制作网页的软件很多。其中Front Page是最流行, 功能最强大的软件之一。Front Page是Microsoft公司专门为制作Web页面而开发的, 在制作网页课件时, 使用起来十分方便。
然而, 在实际的教学中我发现, 单纯用Front Page制作出来的课件, 虽然很多结构严谨, 构思新颖, 但上课时的效果却不好, 我总结了一下, 原因有以下几点。
(一) 单纯用Front Page 2003制作网页课件, 一般都会使用背景色或是背景图片, 使网页课件显得更有生机。
然而在设置完背景图片后, 看到的网页课件的背景总有些别扭, 感觉就像计算机桌面上的墙纸。严重影响网页课件的美观, 另外打开速度缓慢, 从而影响上课的效果。
(二) Front Page 2003有巨大的自带图片库, 也可以把各种
我们需要的图片直接用于网页课件制作, 但收集来的图片并不都那么合乎心意。例如:初中语文第三册 (人民教育出版社中学语文室编著) 《三峡》一课中写的“重岩叠嶂, 隐天蔽日, 自非亭午夜分不见曦日”, “有时朝发白帝, 暮到江陵, 其间千二百里, 虽乘奔御风不以疾也。”等的经典名句, 那么在制作网页课件时, 用一张带用朦胧色彩的中国山水画作为背景是最好不过的。然而收集来的中国山水画大多都是直接把画原版地扫描进电脑, 未作任何处理直接制成了光盘或上传到网上, 颜色要么太浅要么太深, 而单纯地用Front Page 2003是没有办法对图片进行修改的。在这种情况下, 制作者要么放弃, 要么制作出来的效果总会让人感觉不舒服, 结果费了好大的力气, 还是达不到预期的效果。
(三) 网页课件一定离不开按钮, 在Front Page 2003中, 我们
通过插入图片的方法, 可以获得各种精美的按钮, 但在获取按钮之后, 要想在按钮上添加文字并使文字立体化, 随心所欲地变换按钮或图标的位置, 单纯地用Front Page 2003是根本没有办法做到的, 会使得制作者放弃很多精美而适用的按钮或图标, 从而采用一些最为简单的按钮或图标, 造成“千篇一律”的网页课件, 自然在教学中产生不到良好的效果。
(四) 常上网的人都会看别人制作的网页, 从中学习他人的优点和长处, 用于自己的网页课件制作中。
比如说浏览一个地理方面的网站, 打开其主页, 发现一幅图像中不同的位置可以链接到不同网页上, 精通Front Page的人可能知道单纯地用Front Page 2003也是可以做出这样的效果来的, 那就是运用图像映射来实现。用这种方式来制作网页课件的制作者一定知道, 这种方法模拟图像映射有一定的优点, 它可以在各种不同的浏览器中安全使用, 但这种方法操作起来很不方便, 主要体现在分割图片时操作比较麻烦。另外, 在拼接时也不大方便, 尤其对于一些形状比较奇特的图片操作起来更为困难, 有时
云
甚至无法进行模拟。
以上几点是我在实践制作网页课件中总结的几点不成熟的意见, 如何解决这些问题呢?我通过多年的实践认为最好的方法是使用Photo Shop 7.0。
二
读者可能会很惊讶, Photo Shop 7.0虽是迄今为止最优秀的平面图像处理软件之一, 深受广大电脑美术爱好者的青睐, 但它与Front Page 2003有什么样的关联呢?它又是如何解决Front Page 2003中的那些问题呢?它与Front Page 2003的结合能给我们网页课件制作效果带来哪些直观的好处呢?
其实, 网页是放在制作网页的软件里做的, 可在制作网页软件工具Front Page 2003中达不到期望的效果, 我们是否可以把它拿出来用图片的形式, 放到Photo Shop 7.0中进行图像处理, 再以图片的形式把它放回到Front Page 2003中进行超链接等一系列网页处理, 便可以达到预期的效果。
(一) 用Photo Shop 7.0可以制作出有强烈网页视觉冲击力的网页课件
老师们都力求把网页课件做得生动, 有吸引力。在制作一个网页课件时, 首先要有一条制作主线。画面构图要合理, 主要的文字及图片一定要突出。同时, 网页上的文字一定要与画面协调, 对于一个优秀网页课件来说, 就是能在瞬间抓住人们的目光, 所以要想让我们的作品能在短短的时间内引起注意, 通常我们要采取加强网页冲击力的办法, 达到教学上的一些要求, 而这些要求只要通过Photo Shop 7.0就能最为简便地完成。
在Photo Shop 7.0中可以利用其滤镜功能对图片进行各种各样艺术化的处理。上面文章内提到的要制作要朦胧色彩的中国山水画就可以运用“柔化”滤镜来实现, 做出具有蒙太奇手法的背景来, 给网页课件制作抹上了亮丽的背景。
(二) 利用Photo Shop 7.0强大的图像编辑功能
Photo Shop本来就是图形图像处理的最佳软件, 而它的图像编辑功能更是起着心脏的作用, 而这是用Front Page 2003无法达到的。
1. 一个网页课件的品质好坏与其分辨率和大小尺寸是息息相关的, 同样大小的网页, 其分辨率越高网页就越清晰。
每单位尺寸含有的像素数目是决定分辨率的主要因素。因此, 要保证网页课件制作的效果清晰, 只能在Photo Shop 7.0中来处理, 有的时候, 我们从网上拷贝了一张图片, 把它放大一看, 出现了马赛克的效果, 那么就只有放在Photo Shop 7.0中将它的分辨率调高, 使图片放大一些也较为清晰。
2. 图层功能是Photo Shop 7.
0中一种非常有用的功能, 也是使用最多的功能, 而在把网页作为图片来处理时一样重要。它的作用就相当于将各个图形对象放在不同的图层中, 利用图层把各个图像对象分隔起来。可以非常方便地进行修改是图层功能的最大优点。
图层可以独立存在而易于修改, 同时还可以控制透明度, 颜色混合模式, 从而能够产生许多特殊的效果。这也是FrontPage 2003中没有办法实现的。
3. Photo Shop 7.
0能够无限地还原和重复操作, 只要没有保存并关闭图像, 还原与重做操作都有效。熟练地运用还原和重做功能将给工作带来极大的便利。
(三) Photo Shop 7.0中强大的网页图像制作功能
随着互联网的发展, 网页制作的盛行。众多的图像处理软件都增加了网页制作方面的功能。Photo Shop 7.0也不例外。例如, 新增的分割工具, 优化图像功能的增加, 为制作网页带来更大的便利。尤其是再结合Photo Shop 7.0的一个附件Image Ready3.0, 将使Photo Shop网页制作发挥得更为出色, 结合两者的优点, 可以很轻松地制作出网页图像、网页动画和网页, 那么利用Photo Shop 7.0与Image Ready3.0制作网页课件比单纯用Front Page 2003优势何在呢?我认为主要有以下几点。
1. 图像下载速度比单纯用Front Page 2003的速度要快。
对于图像显示效果而言, 图像色彩当然是越丰富越好, 这样可以很清晰的欣赏图像;但是对于浏览者和学生来说, 就意味着要等待更多的时间才能浏览图像, 因为图像色彩越丰富图像文件就越大, 其在网络上传输也越慢。用Front Page 2003的制作者一定会遇到这种问题而无法解决。在Photo Shop 7.0中便可以解决此问题, 它可以合理地选择分辨率, 图像格式和图像尺寸, 以控制图像的文件大小, 在保证图像清晰的同时, 加快图像下载传输的速度。
2. 使用Image Ready3.0的好处。
用Photo Shop 7.0一样具有图像处理的功能, 以及能够进行图像压缩和最优化, 并可以输出为适用于网页使用的3种标准的图像格式, 即GIF、JPEG和PNG格式。但是它没有具备Image Ready3.0这么完全的Web的功能, 利用它与Photo Shop的结合, 可以顺利制作出比较淡雅、简洁的网页课件的背景色彩及网页课件按钮, 还可以用文字工具在按钮随意增加需要的文字。制作悬停按钮;设置热区;它可以把一张图像分割成几个区域, 把它们都做上超链接, 放在网上, 看起来其实是一张图像;还可以创建网页动画, 等等。这些是单纯使用Front Page 2003不可能达到的。
使用Photo Shop 7.0和Image Ready3.0, 虽然可以制作出网页, 但更多的则是用来制作网页图像, 以便于应用到其他网页编辑软件中去。所以我们制作网页课件时把它们与Front Page2003结合起来使用才是最好的选择。
制作网页课件是一件集脑力、体力、经验为一体的事情, 要不断地学习、学习、再学习。全面提升电脑应用及审美的水平, 不断地总结经验, 才能制作出让人耳目一新的网页课件来。在网络及计算机软件如此发达的今天, 只有把各种各样的制作软件乃至编程软件结合起来, 才能达到完美效果, 才能够真正地达到“只有想不到, 没有做不到”的境界。
Frontpage 篇2
（一）第一节 启动frontpage2000建立站点和图片收集
一、教学目的：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。
二、教学重点：创建站点，收集图片，启动frontpage2000。
三、教学时间：2课时
四、教学步骤：
1、启动FrontPage 2000 单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。
2、FrontPage 2000的界面说明
FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。工具栏单击【查看】菜单，选择【工具栏】，在出现的下拉菜单中列出了几种不同的②、工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。
③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。
④、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。普通显示方式是最常用的显示方式，一般是在此方式下工作。
HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。
预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。什么是站点？
站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如：http://或http://”，按回车键。输入“很高兴能认识您，希望能和您交朋友！”，按回车键；输入“谢谢您参观我的网页，再见！”，按回车键。
4、字体设置
（1）、选定文字 选定文字的方法有两种：
①一种方法是将鼠标指针移到待选文字段的开头，按住鼠标左键，不要松手，然后向右下方拖动，将该段文字涂黑；
②另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头，然后左手按着Shift键，右边按光标移动键（如←、↑、→、↓键），也可将所选定文字涂黑。（2）、修饰文字
修饰文字是指文字的字体、字型、大小（字号）、颜色、效果的设置。例：选定“这是我的第一个主页”文字后，设定文字属性的操作有以下两种： ①单击【格式】菜单项，选择【字体】后出现字体对话框；
②或单击鼠标右键，在弹出的对话框中单击【字体】选项，也将出现字体对话框。③这时在对话框中的字体设为“隶书”，字型为“加粗”，大小为“6（24磅）”，颜色为“红色”，效果为默认。单击【确定】按钮即可完成文字修饰。例中其他字体修饰的操作也类似进行。
5、保存网页
单击常规工具栏上的“
”，或单击【文件】菜单再选择【保存文件】，就可以把正在编辑的网页保存起来。或直接按Ctrl＋S键也可以保存网页。
如果你是在修改已经保存过的网页，修改过的网页将被重新保存。但如果是新建的网页，单击“ ”后会出现对话框。
在对话框中的【文件名】栏内输入网页的文件名（如“First”），单击【保存】按钮，该网页就会保存到当前的站点上。FrontPage 2000保存文件的类型主要有网页文件（.htm）、FrontPage模板（.tem）、文本文件（.txt）、超文本模板文件（.htt）等。
6、关闭网页
（1）、单击【文件】菜单并选择【关闭】，或直接按Alt＋F4键，如果此时网页文件未保存，就会出现一个提示对话框。
（2）、当单击对话框中的【是】按钮时，将出现保存网页对话框，输入网页文件名并单击【保存】按钮后，网页文件将被关闭；当单击【否】按钮时，该网页文件不保存并关闭；当单击【取消】按钮时，该网页文件不关闭，并返回主编辑窗口。
7、打开网页
（1）、单击“ ”工具图标，或单击【文件】菜单并选择【打开】，或直接按Alt＋O键，出现一个打开文件对话框。
（2）、在对话框中单击【查找范围】下拉列表框，选择文件路径。在文件列表区中列出被选中该文件路径下的所有文件。
（3）、选中一个文件，然后单击【打开】按钮，或直接双击该文件名即可打开文件。
8、预览网页
网页编辑完成后，可以用浏览器预览一下网页的效果。有两种预览网页的方式：
（1）、一种是单击FrontPage 2000主编辑窗口下面的【预览】标签，就打开一个FrontPage编辑器自带的浏览器，看完之后，单击【普通】标签，又切换到编辑状态。
（2）、另一种是单击【常规】工具栏的“ ”图标按钮（或直接按Ctrl＋Shift＋B键，或单击【文件】菜单并选择【在浏览器中预览】菜单项），将启动已安装好的浏览器并打开该网页。如果在预览之前没有把修改后的或新建的网页保存起来，则将弹出一个对话框提示你应该首先保存该网页。
注意：在预览窗口中看到的是网页在发布后的大致样式。要看到网页在poser软件，修改完图片后，只要退出该软件，网页图片就会自动更新。【类型】：我们可以选择图片的类型，GIF或者是JPEG。在“质量”栏内一般设定为70-80就行了。
【替代表示】：如果当前图片较大，分辨率也较高，我们应该在【低分辨率】中选定一个备用的低分辨率图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此外，在“文本”栏内默认值为图片文件名加上文件长度，这是当
该图片不能显示时，这些说明文字会显示出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。
2、图像的外观
单击【图片属性】对话框中的【外观】选项卡。在这个对话框中，我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。布局栏：
单击【对齐方式】下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试试看。
利用【边框粗细】可以在图片周围加上一个指定宽度的边框。值为0时，边框不显示。设置【水平间距】和【垂直间距】的值，可以改变图片与相邻内容（如文字）之间的距离。默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的【大小】栏中调整“宽度”、“高度”的值（单位为像素或百分比）。选择“保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的“变形”现象。
图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。三）上机操作：
在网页中插入合适的图片。第四节 项目符号与编号列表
一、教学目的：学习使用项目符号，理清条理，理解做事步骤。
二、教学重点：编号列表，图片项目符号列表，多级列表。
三、教学时间：2课时
四、教学步骤： 一）编号列表
编号列表是在实际应用中最为常见的一种列表，编号列表的各列表项以某种形式的顺序进行排列。下面我们以一个实例说明。其操作步骤如下：
1、新建一个空白网页，输入“我的兴趣和爱好”标题，按回车键；
2、单击“ ”工具图标，在网页中出现“1.”，在这个编号后面输入“看书”；
3、按回车键后，在“2.”后面输入 “上网”；
4、重复上述步骤，直到出现编号“5.”。在其后面输入“踢足球”，然后按Shift＋回车键，再输入“打网球”，按回车键；
5、在编号“6.”行上按回车键，该编号就会在屏幕上消失了；
6、将网页文件保存起来，并在浏览器中浏览。
另外，在编号列表中，列表符号可以是数字，也可以是其他符号，这些符号有：（1）大写罗马数字：如Ⅰ.、Ⅱ.、Ⅲ.、Ⅳ.、„；（2）小写罗马数字：如ⅰ.、ⅱ.、ⅲ.、ⅳ.、„；（3）大写英文字母：如A.、B.、C.、D.、„；（4）小写英文字母：如a.、b.、c.、d.、„。当需要改变列表编号时，其操作过程大致如下：
1、将光标定位在一个列表所在行的任意位置。
2、然后单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表
属性对话框。（或者单击【格式】菜单，选择【项目符号和编号】菜单项亦可。）
3、此时在对话框中打开的是【编号】选项卡。
4、单击不同的选择框，然后单击【确定】按钮，就可以选择不同样式的项目编号。二）项目符号列表
与编号列表不同，在项目符号列表中各列表项都是通过一个特殊符号引出的。下面以一个项目符号列表的实例来说明。其操作步骤如下：
1、新建一个空白网页，输入“我喜欢看的文学名著”，按回车键；
2、或单击“
”工具图标，在网页中出现一个黑点列表符号，在列表符号后面输入“《三国演义》（罗贯中）”；
3、按回车键后，在下一行又出现一个黑点列表符号，依次输入“《水浒传》（施耐庵）”，按回车键；
4、重复上述步骤，直到把“《西游记》（吴承恩）”、“《神曲》（但丁）”全部输入计算机中；
5、在最后出现的黑点列表符号行上，再按一次回车键，该黑点就会在屏幕上消失了；
6、将网页文件保存起来，并在浏览器中浏览。三）图片项目符号列表
图片项目符号列表是一种特殊形式的列表，列表符号均由指定的图片引出列表项。在FrontPage2000中，用于列表的图片可以是软件自带的图片，也可以是你所指定的图片。下面我们以一个图片项目符号列表的实例操作进行讲述。具体操作过程如下：
1、新建一个空白网页，输入“21世纪的科学技术”，按回车键。选定这段文字，并设置为6号字、宋体、加下划线；
2、单击【格式】菜单项，然后选择【项目符号和编号】菜单项，出现项目符号和编号方式对话框，此时打开的是【图片项目符号】选项卡。
3、选择【指定图片】，单击【浏览】按钮，出现选择图片对话框。
4、单击对话框右下角的【剪贴画】按钮，就会弹出【剪贴画库】。选择并单击【Web符号】选项，从中选择一种图片（例中是“ ”），选中后单击“ ”插入剪辑按钮。网页上就会出现这个图片符号。
提示：如果要指定磁盘图片文件作为项目符号，则在【选择图片】对话框中单击“ ”按钮，出现一个选择文件对话框后，再选定硬盘目录上的一个图片文件，依次单击【确定】按钮后即可。
5、在图片符号后，输入“信息科学技术”，并按回车键；
6、重复上述步骤，直到把“生物科学技术”、“材料科学技术”等全部输入计算机中；
7、在最后的图片项目符号行上按回车键，该符号就会在屏幕上消失了；
8、将网页文件保存起来，并在浏览器中浏览。四）多级列表
前面分别介绍了几种列表方式。但在实际应用中，各种列表往往同时混合使用，有时还需要使用多级嵌套列表。
下面创建一个多级列表的实例。其操作过程如下：
1、从【样式】下拉菜单中选择“标题3”，输入“我最喜欢的电影”，按回车键；
2、单击“ ”工具图标，在编号“1.”后面输入“最喜欢的中国电影”，按回车键。接着再输入“最喜欢的外国电影”；
3、以下是“最喜欢的中国电影”嵌套列表的操作：
把插入点移到列表项目“最喜欢的中国电影”的末尾，按回车键，新出现编号为“2.”的空列表行；
连续两次单击“ ”工具图标（增加缩进），或连续按Ctrl＋M键，新出现的编号“2.”消失，后面的标号恢复正常。光标比上一行的位置缩进了两个字符，在光标位置出现了新的标号“1.”。
单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表属性对话框。此时打开的是【编号】选项卡。
在【编号】选项卡中选择大写罗马数字列表方式，然后单击【确定】按钮，列表符号变为“Ⅰ.”。接着输入“开国大典”，按回车键；输入“生死抉择”，按回车键；输入“花季雨季”。
4、以下是“最喜欢的外国电影”嵌套列表的操作：
把插入点移到列表项目“最喜欢的外国电影”的末尾，按回车键，新出现编号为“3.”的空列表行；连续两次单击“ ”工具图标（增加缩进），或连续按Ctrl＋M键，新出现的编号“3.”消失。在光标位置出现了新的标号“1.”。
单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表属性对话框。此时打开的是【编号】选项卡。
单击【无格式项目列表】选项卡，并从中选择方块符号列表方式。然后单击【确定】按钮，列表符号变为“ ”。接着输入“魂断蓝桥”，按回车键；输入“生死时速”，按回车键；输入“飘”。
5、在结尾的项目符号行上连续按回车键，直到该符号在屏幕上消失为止；
6、将网页文件保存起来，并在浏览器中浏览。五）、上机操作：
初二frontpage试讲稿 篇3
在讲新课之前,首先大家先回想一下上节课我们学习的内容。。谁能告诉我上节课我们学习了什么？？？。。。嗯对。我们学习了如何创建网站，如何制作主页和子页，还有电子邮件的超链接，大家再想一想我们当时做的主页是用的哪项工具完成的？？。。。是用表格做成的，同学们看一下，就是这幅，，，同学们请观察一下他的特点，，，同学们你们知道如何快捷的制作这种网页吗？？？。。好，那同学们在思考一下，除了复制粘贴以外再有没有更好的方法呢？？？。。那么同样的一块设计区域我们能不能用其他工具再做一遍呢？？？，请同学们带着问题来听我们这节要讲的新课——框架网页的制作。
好，大家在来看一下这组网页，，这就是一副已经做好的框架网页，同学们先从字面意义上理解一下“框架”的意思。。对，就好像一个相框一样的东西，，所以说，框架网页就是一种网页，当在浏览器中显示时，框架网页中具有多个称为框架的区域。每个框架中都可以显示不同的网页。，，它相对于表格网页有着布局合理，条理清晰的特点，，还有当制作有些特殊的网页的时候也需要用到框架网页，比如说网页中需要出现滚动条啊，需要网页中大部分窗口内容保持不变呀，还有需要网页中显示另一 个网站内容呀等等，，请同学们先看一下课本第84页到85页上半部分的内容，，，好，下面请同学们来跟着我一起试着新建一个框架网页，，，，单击“开始”-----office-----frontpage，，好，打开软件后，单击新建按钮旁边的下拉菜单，选择“网页”，弹出“网页模板”窗口，，选择上方的框架选项卡，，然后根据教材选择“横幅和目录”，单击“确定”，好，，现在打开的就是课本上图4-2-2的样图，这个框架网页将一个显示界面分成了三部分，每一个部分都可以插入一个或新建一个单独完整的网页，我们可以看到每一个方框内都有两个键----“设置初始按钮”和“新建网页”，，大家可以想一想他们的功能，，对，新建网页的意思就是在这个框架内重新打开一个网页，重新制作编辑，而设置初始网页就是将原来已经制作好的网页直接放到这个框架内，好，请同学们先自己阅读85页下半部分的内容并尝试自己操作，我先看看大家做的结果，看看谁做的最好，，好，有几位同学做的非常好，那不会做的同学没关系，现在请同学们跟着我的步骤一起再来一遍，，，，首先在顶部的框架内单击“新建网页”，，然后单击插入----图表------艺术字，在艺术字样式上，同学们不必选和课本上的一样的字型，完全可以选自己喜欢的自由设 计，，，然后输入“能源与环境”，，好，调整一下字的位置大小，方法和之前学过的word一样，，好，然后编辑左边的这个框架，同样的，，新建一个网页，在这里我们需要一个表格，，单击表格----插入===表格，，这里我们需要的是一组6行1列的表格，，好，，调整一下表格的位置，大小，在6个方格内分别输入首页，相关知识，能源现状，环境保护，未来能源，，好，文字居中，，最后，右边的框架我们需要做的事“设置初始网页”，不知道上节课要求同学们做的网页做好了没有？，，嗯好，都做好了我们就将做好的“首页”网页连接进入框架，，在“插入超链接”对话框中找到首页网页，，，单击确定，好，这样我们就做好了一个简单的框架网页，，我想问一下同学们做好一个文件后最重要的是什么？？？，，对 是保存，现在单击“保存”按钮，弹出另存为对话框，，然后将文件名改成“nyhj”，能源与环境的开头字母，，确定，在弹出“保存嵌入式文件” 时，将网页中包含的图片资料保存到“images”文件中，好，确定，在又一次弹出的另存为对话框中将文件名改为“ny”，，单击确定，在这里，我要强调一下，制作框架网页，每一部分框架页都要分别保存，而且要注意保存时的名称以及保存位置，，好，大家 可以切换到预览模式看一下效果，，接下来同样的，请同学们阅读86页“编辑框架网页”这部分内容并自己尝试操作，哪里有问题可以随时举手提问，有些同学如果有兴趣可以多尝试页面中的一些功能，，好，有几位同学做的非常好，现在我为大家在重新操作一遍刚才做的不太理想的同学请注意听，，切回设计视图，在页面的任意位置单击右键，选择“框架属性选项”，也可以在菜单栏中选择“框架”-----“框架属性”，，弹出“框架属性”对话框，这上面有着框架的各种状态，如果相对框架的某些效果进行修改，在这个对话框中都可以实现，同学们可以试着改变最下面的“显示滚动条”中的内容，来看看效果，，好，，如果需要隐藏框架中的分割线，那么就单击对话框中的“框架网页”按钮，在“框架”选项卡中取消“显示边框”就可以了，，好，，，在菜单框架栏中，还有两项常用选项“拆分框架”和“删除选项”，其中拆分框架也可以“ctrl”键并拖动框架边缘，也可以达到拆分效果，其他方法和word，excel，相同，同学们可以自己试一试，，，好，有些同学在刚才做好的框架预览中发现，我们只连接了一个网页，那上节课做好的其他网页在哪里连接呢？？？？好，我们现在就做目标框架的链接，在设计视图中，选中左侧表格中的“相关知识”四个字，右键，，选择“超链接”，在“插入超链接”对话框列表中选择制作好的网页“相关知识”，这时同学们可以思考，我们的链接网页需要在右侧框架中显示，，这如何做到呢？？？可以点击“目标框架”按钮，在弹出的对话框中选择“网页默认值”也可以直接选则左侧的框架样子，，好，确定，这样一个链接就做好了，以此类推，同学们请把左侧的表格内容分别链接到其他几个制作好的网页，，，好，，做好以后保存一下，点击工具栏中的“预览”，，好，刚才我看到有几个同学做的很有自己的想法，请他们为大家做一下操作，并给大家讲一下自己这样做的想法，，，好，，这节课我们讲的主要内容就是框架网页的特点，新建和保存的方法，还有框架属性的变更，框架的拆分删除以及目标框架的链接，，希望大家尽量掌握它们的方法，至于网页的样式以及颜色、布局等，大家要像某某某学习，在操作正确的前提下，尽量的发挥自己的想象力，提高自己的审美能力，同时，，需要同学们完成的作业是，以小组为单位，制作一个以“美丽家乡”为主题的框架网页，要求内容丰富，界面美观大方，下节课我们小组之间相互展示，评议，教学过程：
1、创设情境、导入新课
（1）、教师展示一副表格制作的网页，引导学生找出它的特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。
（2）、教师又提问：有没有更好的方法呢？相同的区域我们能否再做一遍呢？从而导入新课——框架网页的制作。
设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。
2、任务驱动、自主学习
（1）、教师展示一个框架网页，引导学生理解框架网页的概念。（2）、出示任务一：框架网页的新建。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第84页第二标题的实践学习。
（3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。要求学生认真聆听教师的讲解，注意观察，按要求模仿操作。
6（5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第85页第三部分的实践学习。
（6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。
（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。对于基础扎实的同学完成任务后可进行拓展学习。
（8）、教师在示范操作一遍，然后请个别有创新的学生做操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。
设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。
3、展示作品、课堂小结
（1）、教师做课堂总结、点评，并鼓励完成作品比较好的学生。（2）、布置作业。