b6浙江省衢州市仲尼中学高三信息技术《Frontpage基本操作和综合应用》教案.doc

知识改变命运 百度提升自我
本文为自本人珍藏 版权所有 仅供参考
本文为本人珍藏，有较高的使用、参考、借鉴价值！！
本文为本人珍藏，有较高的使用、参考、借鉴价值！！
浙江省衢州市仲尼中学高三信息技术《Frontpage基本操作和综合应用》教案
一、 教材分析
Frontpage必修教材《信息技术基础》第六章中的内容，是信息技术会考和高考的必考内容，也是高中信息技术教学的重点内容，在高考的总分中占10%。这一部分内容是多媒体作品创作与合成的基础。
二、 学情分析：
虽然经过了两年的信息技术学习，很多同学仍然不知道如何做网页，甚至连基本的操作都完成不了，所以这部分的复习从基本的操作界面到一个网页的制作展开。
三、 教学目标：
知识目标：
1、学会分类管理，建立树型目录结构。
2、掌握网页制作过程。
3、学会对网页中基本素材的简单处理。（如用PS处理图片）
过程与方法：
通过教师的课堂演示使学生对高考模拟卷上的EXCEL综合题加深理解，然后通过半节课的实际操作起到巩固提高作用。
四、 教学重点和难点
重点：
1、 熟练掌握网页制作的基本操作。
2、 掌握超链接及网页属性、表格属性、单元格属性设置。
难点：
1、 超链接的创建。
2、 网页中文字、动画等元素的插入。
五、 教学流程
（一）网页制作
FrontPage2000默认的视图方式是“网页”，因此，在下图的右侧标明“new_page_1.htm”的网页编辑窗口中，可以直接进行网页的编辑。虽然FrontPage2000 具有“所见即所得”的功能，但网页中的某些效果还必须在浏览器中才能看出。
[例2-1] 在“huanbao”网站中建立第一个网页，页面如图所示，取名为“welcome.htm”。

操作步骤：
1． 打开站点
启动FrontPage2000，单击菜单“文件（F）”菜单中的“打开站点（W）”命令，在弹出的“打开站点”对话框中选定名为“huanbao”的站点，再单击“打开（O）”按钮。
2． 语言设置
在网页编辑窗口中的空白处右击，单击快捷菜单中的“网页属性”命令，打开“网页属性”对话框，单击“语言”标签，将语言代码定义为“简体中文（GB2312）”，如图所示，最后单击“确定”按钮。

3． 文字编辑
文字编辑是制作网页最基本的操作。在网页编辑窗口中，可以像在Word中一样直接输入文字，进行编辑和排版，不同之处在于：
（1）字体
在网页中使用各种不同的字体，虽然会使网页看起来更加美观，但是如果访问者的电脑中没有安装相应的字体，那么浏览器只能用系统默认的字体来显示，通常默认的字体是宋体，这样不但无法看出设计者预期的效果，可能还会因为字体不兼容而造成乱码，使访问者无法正常浏览页面。所以，在制作网页时，应尽量使用常规字体，如果某些地方（如页面大标题）一定要用特殊的字体进行美化，可以把这些文字做成图片，以保证正常浏览。
（2）字号
在FrontPage中，字号从 1号到7号，加上普通型共有8种，最大的字号是7号字（36磅），最小的字号是1号字（8磅），默认的是普通型。当然还可以单击格式工具栏的增大字号按钮 或减小字号 按钮来改变字的大小。
操作步骤：
① 选定标题“绿色家园”，进行如下设置：字体为黑体，字号为7号字，颜色为绿色，居中排列。
② 选定正文，并设置如下：采用默认的字体和字号，颜色为黑色，居中排列。
4． 插入图片
插入图片可使网页丰富多彩。在网页中可以使用的图片类型有多种，但最常用的是GIF和JPG格式的图片，因为这两种图片的文件长度较小，有利于提高网页的浏览速度。所以，插入其他格式的图片后，在页面存储时，系统会自动将图片格式转换成GIF或JPG格式。
信息卡：GIF和JPG
GIF和JPG都属于压缩的图形格式。
GIF图形采用非失真的压缩方式，最多只能显示256种颜色。在图形的压缩过程中，不改变图片的清晰度，而减少色彩的丰富程度，因此，当色彩超过256色的图片转换成GIF格式后，颜色将会发生改变。
JPEG图形采用失真式压缩方式，在图形的压缩过程中，不改变图片的色彩，而改变图片的清晰度，因此，压缩后的图形虽然会有失真，但它却可以支持24位真彩色。

所以，一些高反差、色彩单调的图片，如商标、卡通等，宜采用GIF格式，而需要显示具有细微色彩变化的图片，如照片、色彩丰富的电子美术作品等，则宜采用JPG格式。
插入图片的方法是：将插入点移到要插入图片的位置，依次单击“插入（I）”菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”对话框，如图所示。

如果要插入的图片已经保存在当前的网站中，可以直接在图的列表框中选取，然后单击“确定”按钮。否则，单击“浏览”按钮 ，从“选择文件”对话框中选择所需图片，单击“确定”按钮，将图片插入到网页中。
在“图片”对话框中，还可以单击“剪贴画（C）”按钮，插入Office剪贴画；单击“扫描（S）”按钮，插入从扫描仪获取的图片。
操作步骤：
① 依次单击“插入（I）”菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”对话框，单击“浏览”按钮，从弹出的“选择文件”对话框中选择所需图片“zhuzi.gif”，单击“确定”按钮，插入图片。
② 拖动图片到页面左侧适当位置。
5． 插入动画
在网页制作中，经常使用一些小动画，使页面生动活泼，这些小动画文件用专门的工具制作，也以GIF作为文件的扩展名。
操作步骤：
① 依次单击“插入（I）” 菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”对话框，单击“浏览”按钮，从“选择文件”对话框中选择所需图片“diqiu1.gif”，单击“确定”按钮，插入动画。
② 拖动动画到标题下方适当位置。
6． 插入水平线
水平线是贯穿网页宽度的细灰条，用来分隔文本或加着重符。插入水平线可以帮助我们将各类相关信息组合到一起，但同一个页面中水平线不宜过多。
插入水平线的方法是：先将插入点移到目标位置，再单击“插入（I）”、菜单中的“水平线（L）”命令。
如果要设置水平线的外观，可以双击水平线，打开“水平线属性”对话框，如图所示。

调整水平线的宽度、高度、对齐方式以及颜色，就可以改变它的外观。
操作步骤：
① 将插入点移到小动画前。
② 单击“插入（I）” 菜单中的“水平线（L）”命令。
③ 双击水平线，在“水平线属性”对话框中，将宽度设置为50%，其余参数采用默认值，单击“确定”按钮。
7． 设置背景
大多数网页都应用背景图案来为网页增色，这些背景可以是一幅大图片，也可以是若干个小图片的重复使用（即“平铺”）。选择背景图案时，要注意与文本相协调，而且背景的应用不要妨碍文本的阅读。另外，背景图案越小，网页的下载速度就越快。
设置背景的操作步骤：
① 单击“格式（O）”菜单中的“背景（K）”命令，出现“页面属性”对话框，且“背景”标签已被打开，如图所示。

② 单击“浏览（B）”按钮，在“选择文件”对话框中浏览文件夹内容，从中搜索到所需背景图案后，单击“确定”按钮，关闭“选择文件”对话框，再单击“确定”按钮，关闭“页面属性”对话框，背景图案即可插入页面。
页面制作完成，可以单击“预览”标签，观察一下效果。
（二）网页保存
单击“文件（F）”菜单中的“保存文件（S）”命令，弹出“另存为”对话框，如图所示。

在“文件名（N）”列表框中输入“welcome”后，单击“保存（S）”按钮。如果要保存的页面含有图片、动画、声音等元素，FrontPage还会继续询问是否保存这些嵌入的文件，如图所示。

此时最好将这些文件保存起来，以保持它们在网页中的位置，否则，当网站发生迁移时，可能因找不到这些图片、动画等文件而无法显示。另外最好将它们保存到Images文件夹中，使网站保持清洁，便于管理和维护。
信息卡：分辨率与屏幕大小
制作网页时，要充分考虑大多数人的需求，才能使你的网页看起来更完美。比如大多数人使用15寸的显示器，分辨率设置为800×600，那么制作网页时也应以此为标准，否则，如果你在1024×768的分辨率下制作网页，那么大多数人在浏览网页时，只能看到网页的一部分，要拖动滑块才能看全你的网页，这样反而使网页的整体效果变差。
【学生操作练习 教师辅导】
【小结】
1、 网页的扩展名 2、网页中图片的插入 3、水平线如何插入，背景的设置
【问题探究】：
1． 在设计网页过程中，定义字体时要注意哪些问题？
2． 为什么在网页中通常都使用GIF或JPG格式的图片文件？
3． 设置网页的背景时，能否使用较大的图片？有什么缺点？

六、板书设计：
Frongpage基本操作和综合应用
2课时 授课:陈小军
一、 教学目标 四、实践教学
二、 教学重难点 五、学生操作
三、 教学过程 六、练习
网业制作――站点创建――插入表格 七、作业
――编辑文字――插入图片音乐等元素
――保存

七、分组练习
C类：
1、网页的内容虽然千差万别，但都含有三种基本元素：______________________________。
B类：
2、小李想给文字“浙江旅游超市”设置超连接，链接的网站地址为：,应该给“浙江旅游超市”文字添加的超链接内容是：____________________。
A类：
3、网站制作成功后将网站上传到服务器，发现主页中部分图片没有正常显示，试分析一下可能的原因 。
八、作业布置
高考模拟卷、frontpage专题复习

分类练习参考答案：
C类： 文字、图像、超链接
B类：
A类：图片未上传、图片文件名被更改、图片的路径被更改
6