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

知识改变命运百度提升自我 1 本文为自本人珍藏版权所有仅供参考 本文为本人珍藏，有较高的使用、参考、借鉴价值！ 本文为本人珍藏，有较高的使用、参考、借鉴价值！ 浙江省衢州市仲尼中学高三信息技术Frontpage 基本操作和综合应 用教案 一、教材分析 Frontpage 必修教材 信息技术基础 第六章中的内容， 是信息技术会考和高考的必考内容， 也是高中信息技术教学的重点内容，在高考的总分中占10% 。这一部分内容是多媒体作品创 作与合成的基础。 二、学情分析： 虽然经过了两年的信息技术学习，很多同学仍然不知道如何做网页，甚至连基本的操作都完 成不了，所以这部分的复习从基本的操作界面到一个网页的制作展开。 三、教学目标： 知识目标： 1、学会分类管理，建立树型目录结构。 2、掌握网页制作过程。 3、学会对网页中基本素材的简单处理。（如用 PS处理图片） 过程与方法： 通过教师的课堂演示使学生对高考模拟卷上的EXCEL 综合题加深理解， 然后通过半节课的实 际操作起到巩固提高作用。 四、教学重点和难点 重点： 1、 熟练掌握网页制作的基本操作。 2、 掌握超链接及网页属性、表格属性、单元格属性设置。 难点： 1、 超链接的创建。 2、 网页中文字、动画等元素的插入。 五、教学流程 （一 ）网页制作 FrontPage2000 默认的视图方式是 “网页”， 因此，在下图的右侧标明 “new_page_1.htm” 的网页编辑窗口中，可以直接进行网页的编辑。虽然FrontPage2000 具有“所见即所得” 的功能，但网页中的某些效果还必须在浏览器中才能看出。 例 2-1 在 “huanbao” 网站中建立第一个网页，页面如图所示， 取名为“welcome.htm ” 。 知识改变命运百度提升自我 2 操作步骤： 1 打开站点 启动 FrontPage2000 ，单击菜单“文件（F） ”菜单中的“打开站点（W ） ”命令，在弹出 的“打开站点”对话框中选定名为“huanbao”的站点，再单击“打开（O） ”按钮。 2 语言设置 在网页编辑窗口中的空白处右击，单击快捷菜单中的“网页属性”命令，打开“网页属 性”对话框，单击“语言”标签，将语言代码定义为“简体中文（GB2312 ） ” ，如图所示，最 后单击“确定”按钮。 3 文字编辑 文字编辑是制作网页最基本的操作。在网页编辑窗口中，可以像在Word 中一样直接输 入文字，进行编辑和排版，不同之处在于： （1）字体 在网页中使用各种不同的字体，虽然会使网页看起来更加美观，但是如果访问者的电脑 中没有安装相应的字体，那么浏览器只能用系统默认的字体来显示，通常默认的字体是宋 体，这样不但无法看出设计者预期的效果，可能还会因为字体不兼容而造成乱码，使访问 者无法正常浏览页面。所以，在制作网页时，应尽量使用常规字体，如果某些地方（如页 面大标题）一定要用特殊的字体进行美化，可以把这些文字做成图片，以保证正常浏览。 知识改变命运百度提升自我 3 （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剪贴画；单击“扫 知识改变命运百度提升自我 4 描（ S） ”按钮，插入从扫描仪获取的图片。 操作步骤： 依次单击“插入（I ） ”菜单中的“图片（P） ” “来自文件（ F） ”命令，打开“图片” 对话框，单击“浏览”按钮，从弹出的“选择文件”对话框中选择所需图片“zhuzi.gif” ， 单击“确定”按钮，插入图片。 拖动图片到页面左侧适当位置。 5 插入动画 在网页制作中， 经常使用一些小动画，使页面生动活泼，这些小动画文件用专门的工具 制作，也以GIF 作为文件的扩展名。 操作步骤： 依次单击“插入（I ） ” 菜单中的“图片（P） ” “来自文件（ F） ”命令，打开“图片” 对话框，单击“浏览”按钮，从“选择文件”对话框中选择所需图片“diqiu1.gif” ，单击 “确定”按钮，插入动画。 拖动动画到标题下方适当位置。 6 插入水平线 水平线是贯穿网页宽度的细灰条，用来分隔文本或加着重符。插入水平线可以帮助我们 将各类相关信息组合到一起，但同一个页面中水平线不宜过多。 插入水平线的方法是：先将插入点移到目标位置，再单击“插入（I ） ” 、菜单中的“水 平线（ L） ”命令。 如果要设置水平线的外观，可以双击水平线，打开“水平线属性”对话框，如图所示。 调整水平线的宽度、高度、对齐方式以及颜色，就可以改变它的外观。 操作步骤： 将插入点移到小动画前。 单击“插入（ I ） ” 菜单中的“水平线（L） ”命令。 双击水平线，在“水平线属性”对话框中，将宽度设置为50% ，其余参数采用默认 值，单击“确定”按钮。 7 设置背景 大多数网页都应用背景图案来为网页增色，这些背景可以是一幅大图片，也可以是若干 个小图片的重复使用（即“平铺”） 。选择背景图案时，要注意与文本相协调，而且背景的应 用不要妨碍文本的阅读。另外，背景图案越小，网页的下载速度就越快。 设置背景的操作步骤： 单击“格式（O ） ”菜单中的“背景（K） ”命令，出现“页面属性”对话框，且“背 景”标签已被打开，如图所示。 知识改变命运百度提升自我 5 单击“浏览（B） ”按钮，在“选择文件”对话框中浏览文件夹内容，从中搜索到所 需背景图案后，单击“确定”按钮，关闭“选择文件”对话框，再单击“确定”按钮，关 闭“页面属性”对话框，背景图案即可插入页面。 页面制作完成，可以单击“预览”标签，观察一下效果。 （二）网页保存 单击“文件（ F） ”菜单中的“保存文件（S） ”命令，弹出“另存为”对话框，如图所示。 在“文件名（N） ”列表框中输入“welcome”后，单击“保存（S） ”按钮。如果要保存 的页面含有图片、动画、声音等元素，FrontPage 还会继续询问是否保存这些嵌入的文件， 如图所示。 知识改变命运百度提升自我 6 此时最好将这些文件保存起来，以保持它们在网页中的位置，否则，当网站发生迁移时， 可能因找不到这些图片、动画等文件而无法显示。另外，最好将它们保存到Images 文件夹 中，使网站保持清洁，便于管理和维护。 信息卡：分辨率与屏幕大小 制作网页时，要充分考虑大多数人的需求，才能使你的网页看起来更完美。比如大多数 人使用 15 寸的显示器，分辨率设置为800×600，那么制作网页时也应以此为标准，否则， 如果你在1024× 768 的分辨率下制作网页，那么大多数人在浏览网页时，只能看到网页的一 部分，要拖动滑块才能看全你的网页，这样反而使网页的整体效果变差。 【学生操作练习教师辅导】 【小结】 1、 网页的扩展名 2 、网页中图片的插入3、水平线如何插入，背景的设置 【问题探究】 ： 1 在设计网页过程中，定义字体时要注意哪些问题？ 2 为什么在网页中通常都使用GIF 或 JPG格式的图片文件？ 3 设置网页的背景时，能否使用较大的图片？有什么缺点？ 六、板书设计： 七、分组练习 C类： 1、网页的内容虽然千差万别，但都含有三种基本元素：_。 B类： 2、小李想给文字“浙江旅游超市”设置超连接，链接的网站地址为：www.zjlycs.com,应 该给“浙 江旅游超市”文字添加的超链接内容是：_。 A类： 3、网站制作成功后将网站上传到服务器，发现主页中部分图片没有正常显示，试分析一下 可能的原因。 八、作业布置 高考模拟卷、 frontpage专题复习 分类练习参考答案： C类：文字、图像、超链接 B类： http:/www.zjlycs.com A类：图片未上传、图片文件名被更改、图片的路径被更改 Frongpage 基本操作和综合应用 2 课时授课 :陈小军 一、教学目标四、实践教学 二、教学重难点五、学生操作 三、教学过程六、练习 网业制作站点创建插入表格七、作业 编辑文字插入图片音乐等元素 保存