FrontPage全套教案（推荐）由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“frontpage全套教案”。
Frontpage网页制作知识准备
教学目标：
1、通过对网站的赏析活动，进一步认识网站、首页，为网页制作做知识储备。
2、培养学生的合作学习能力、探究问题的兴趣与能力。
3、培养学生的鉴赏能力。
4、激发学生为祖国信息产业的发展作贡献的爱国情感。
教学重点：
1、首页的地位和作用
2、首页的功能模块
3、网站的形式、内容与主题之间的关系
教学难点：
正确理解网站的形式、内容与主题之间的关系
课时：1课时
教学步骤：
一、导入：
近年来，我国的信息产业飞速发展，人们的经济文化水平日益提高，越来越多的家庭拥有了个人电脑，网络也由昔日的谢玉堂前燕，飞入了寻常百姓家。足不出户，鼠标轻轻一点，你就可以浏览到世界各地的信息，就可以和世界各地的朋友们聊天，你还可以给世界各地的朋友们发E-mail。网络的确给人们带来了极大的快捷与方便。
作为一名初中生，你想不想也能在网上拥有自己的一片天空、一个家园呢？
今天我们就开始你网上家园的建设之路。
二、小组分工、合作学习：
（一）介绍基本概念
鉴赏一个网站，我们一般要从以下几个方面着手，一个是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。第二个就是网站的首页。所谓网站的首页，就是指你打开一个网站后看到的第一页。下面
我们小组内分工合作，小组内讨论分析以下三个问题：
1、每个网站的主题是什么？。
2、首页在网站中有什么地位和作用？
3、首页有哪些功能模块？
（二）小组合作学习，初步探讨鉴赏网站的方法
学生之间相互讨论，探究问题的答案
多数学生得出结论，小组选代表汇报讨论成果
教师小结
一个网站必须有一个明确的主题，就好像我们写文章也要有明确的中心一样，否则，浏览者就会有不知所云的感觉。
第二个问题的答案显而易见，不再提问，教师直接小结提问学生一起回答。
首页是浏览者打开一个网站后第一眼看到的就是网站的首页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。
能不能用一个词来概括一下首页的地位与作用？
第三个问题，仍由小组选代表汇报结论
哪个小组来告诉大家你们讨论的结果？
教师小结：
首页一般有四个共有的模块，（1)徽标（logo）和网站的名称：
一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。
（2)首页大标题（banner）：
一般放网站主题词或图片，商业性的网站放置广告条。
（3)导航栏：
就像一本书或杂志的目录一样，但比书籍或杂志的目录更为重要，因为书籍我们可以一页一页的从头向后翻，而我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏览者知道自己身处网站的什么位置。
（4)版权和联系方式：一般放在网页的底部，主要功能是版权声明和听取浏览者的意见或建议。
（三）再次小组合作学习，深入领会如何鉴赏网站
鉴赏获奖的学生网页作品，激发学生的积极性与自信心同时更深入的学习如何鉴赏一个网站。
我给大家带来了几个获全国一等奖的学生网页作品，你可以在你的电脑D盘student文件夹下看到她们。
小组合作，讨论分析以下三个问题：
1、这些网站的首页的布局各有什么特点？（教师演示）
2、各网站的主题色和配色有什么特点？
3、网站的形式、内容与主题之间有什么关系呢？
小组讨论
汇报分别讨论成果
三、延伸：
接下来，同学们可以自由浏览一些其他的网站，把你认为较好的网站推荐给大家。
四、总结
下面我们来一起回顾一下这节课我们都学了哪些内容。
1、首页在网站中起着关键的作用，它主要有四个共有的模块：他们人别是Logo，Banner，导航，还有版权和联系方式；
2、首页的布局主要有三种样式，一种是“口”字型，一种是“厂”字型，还有一种是“POP”型；
3、网页的在色彩的选择上也要为表现主题服务；
4、网站的要有一个明确的主题，要以内容为核心，以形式为辅助，内容和形式共同为表现主题服务。
好，有了以上的知识作为奠基，你就可以充分发挥你的想象，好好描绘一下你的网站的蓝图了。
第二节 启动frontpage2003建立站点和图片收集
教学目的：
掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。
教学重点：
创建站点，收集图片，启动frontpage2003。
教学时间：
2课时
教学步骤：
1、启动FrontPage 2003 单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。
2、FrontPage 2003的界面说明
FrontPage 2003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。
①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。
工具栏单击【查看】菜单，选择【工具栏】，②、在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。
③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。
④、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。普通显示方式是最常用的显示方式，一般是在此方式下工作。
HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。
预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。
什么是站点？
站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如：http://www.daodoc.com或http://www.daodoc.composer软件，修改完图片后，只要退出该软件，网页图片就会自动更新。【类型】：我们可以选择图片的类型，GIF或者是JPEG。在”质量”栏内一般设定为70-80就行了。
【替代表示】：如果当前图片较大，分辨率也较高，我们应该在【低分辨率】
中选定一个备用的低分辨率图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此外，在”文本”栏内默认值为图片文件名加上文件长度，这是当该图片不能显示时，这些说明文字会显示出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。
2、图像的外观
单击【图片属性】对话框中的【外观】选项卡。在这个对话框中，我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。
布局栏：
单击【对齐方式】下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试试看。
利用【边框粗细】可以在图片周围加上一个指定宽度的边框。值为0时，边框不显示。
设置【水平间距】和【垂直间距】的值，可以改变图片与相邻内容（如文字）之间的距离。
默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的【大小】栏中调整”宽度”、”高度”的值（单位为像素或百分比）。选择”保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的”变形”现象。
图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。
（三）练习操作：
在网页中插入合适的图片。
FrontPage基本使用方法
教学目的：
1、学习了解FrontPage的基本使用方法
2、了解“模板”的使用
3、掌握FrontPage基本使用方法，制作一个简单的网页
教学重点：
文字、图片、超级链接、保存
教学难点：
超级链接
课时分配：
1课时
教学过程：
一、导入：
HTML语言难记难掌握，使用FrontPage可以远离HTML的烦恼，轻轻松松地制作主页。
二、启动FrontPage（学生动手）。
套用模板（老师演示，学生动手）。
选择“新建”，在众多样式中选择需要套用的模板。本节课选“普通网页”即空白网页。
三、网页属性（老师演示，学生动手）。
选择“文件”菜单下的“属性”，网页属性的主要内容有：标题、背景和文本颜色、超级链接设置。
标题任取。但为了区别超级链接是否被访问过，最好用大家约定俗成的颜色（没被访问的链接用蓝色，已访问过的链接用紫色，正在点击的链接用红色）。如果想加背景，可在“背景”中选beijing.jpg。
四、制作方法（老师演示，学生动手）。
1、标题：例如输入“欢迎浏览我班网页”。
2、文字：与WPS类似自己输入。
3、图片：“插入”→“图片”→合适图片；图片往往能起到画龙点睛的作用。
4、超级链接：超级链接是网页中最重要的功能，通过链接可访问其他网站和网页。
例如：让别人访问“我的简介”这个链接，可这样：选中“我的简介”→右击→URL→“链接到计算机上的文件”→个人简历.htm。
5、保存（学生动手）。
文件保存于“我的文档”中，文件名自定。
五、制作简易网页（学生动手）。
六、教师讲评。
小
结：本节学习网页制作最基本步骤，要想主页吸引人，以后将学习对文字、图片的排版布局、美化加工。
