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和JPGGIF和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寸的显示器，分辨率设置为800600，那么制作网页时也应以此为标准，否则，如果你在1024768的分辨率下制作网页，那么大多数人在浏览网页时，只能看到网页的一部分，要拖动滑块才能看全你的网页，这样反而使网页的整体效果变差。【学生操作练习 教师辅导】【小结】1、 网页的扩展名 2、网页中图片的插入3、水平线如何插入，背景的设置【问题探究】： 1 在设计网页过程中，定义字体时要注意哪些问题？2 为什么在网页中通常都使用GIF或JPG格式的图片文件？3 设置网页的背景时，能否使用较大的图片？有什么缺点？六、板书设计：Frongpage基本操作和综合应用2课时 授课:陈小军一、 教学目标 四、实践教学二、 教学重难点 五、学生操作三、 教学过程 六、练习网业制作站点创建插入表格 七、作业编辑文字插入图片音乐等元素保存七、分组练习C类：1、网页的内容虽然千差万别，但都含有三种基本元素：_。B类：2、小李想给文字“浙江旅游超市”设置超连接，链接的网站地址为：