frongtpage第一课时.doc

1、frongtpage 第一课时【课型】新授课【教学目标】一、 知识与技能目标：1.认识 frongtpage 功能特性2.知道如何启动与退出 frongtpage3.认识 frontpage 的几种视图4.学会 frontpage 的一些基本操作：文件的新建、打开；文本的编辑；图片的插入语编辑；二、过程与方法：学生通过教师 的讲解与演示初步认识 frontpage，病掌握基本的操作三、情感态度与价值观：学生通 过这节课认识到网页制作的 实用性，培养学生在 这方面的兴趣。【教学重、难点】重点：frontpage 基本操作难点：frontpage 基本操作【教学方法】讲授法，举例法、讨论法【教学内

2、容策略】整体上还是通过教师讲解演示，再通 过具体任务让学生进 行练习的这样一个过程。具体的来讲呢，首先再导入上用过一些精美的网 页展示来激发学生 兴趣，在 讲解演示的过程中，因为 frontpage 一些操作与上学期学的 word、excel 中一些东西是大同小异的，因此一些操作就没有讲的很具体细致，而是在学生 实际练习中让他们进行自主性探索学 习。【教具】黑板、粉笔、课本、多媒体 【教学过程】导入精美网页展示，网页中有哪些 组成元素：文字、 图片。用 frontpage 制作网页二、新授（一）frontpage 简介FrontPage2003 是 Microsoft 公司推出的 Office

3、2003 组件之一，是一个网页制作和网站维护工具。它虽然没有 Dreamweaver 那么专业，但是它提供的“所见即所得”的网页创作环境却可以让我们轻松愉快地制作出自己喜爱的网页。它的工作方式与 Word 非常相似，有了使用Word 的基 础， FrontPage2003 是很容易掌握的。 （二）frontpage 的启动与退出开始 程序 Microsoft officeMicrosoft FrontPage（三）frontpage 窗口简介对比 word、excel（四）frontpage 视图网站的 7 种视图模式的功能如下：（1）网页设计视图。该视图是网页的编辑场所，它的主体是网页编辑器

4、，用户可在网页编辑器中制作和编辑网页。选择 “视图”“网页”命令，即可切换到该视图。（2）文件夹视图。该视图用于显示网站的层次结构，用户可以在该视图中查看网站中包含的所有内容。选择“ 视图”“文件 夹”命令，即可切换到该视图。（3）报表视图。该视图采用表格的形式 对站点进行分析，并将网站中网页的数量、超链接的数量和状态等信息显示出来。选择 “视图”“报表”命令，即可切换到该视图。（4）导航视图。该视图非常直观地显示出了一个网站的组织关系和逻辑层次。用户可以十分方便地在该视图中对网页进行移动位置、重命名、添加和删除网页等操作。选择“视图”“导航”命令，即可切换到该视图。（5）超链接视图。该视图将

5、网站中所有的内部和外部超 链接的状 态显示在一个列表中，并用图标表示超链接已通过验证或已中断。 选择“ 视图”“超链 接”命令，即可切换到该视图。（6）任务视图。该视图以列表的形式显示网站中的所有已完成或尚未完成的任务，并在各个列标题下提供有关各项任务的当前信息。 选择“ 视图”“ 任务”命令，即可切换到该视图。（7）远程网站视图。该视图的主要功能是向互 联网发布文件，用户可使用该视图发布整个网站或有选择地发布个别文件。 选择“ 视图”“选程网站”命令，即可切换到该视图。（五）网页1.新建（与 excel 一样，新建空白文档）2.打开： 文件 打开 选择 要打开的文件打开方式 frontpag

6、e1. 2.（六）基本操作1.应用文本文本是网页中最基本的元素，它可以体现网页设计者的意图与思想。1输入文本用户可以按照以下操作步骤，在网页中输入文本：（1）打开要输入文本的网页。（2）将插入点置于网页中要输入文本的位置，用户可以像在 Word 中输入文本一样在网页中输入文本。2格式化文本在网页中输入完文本后，可以对其进行格式化，以使其整齐美观。格式化文本的具体操作如下：（1）选中要格式化的文本，选择“ 格式”“字体”命令， 弹 出“字体”对话框，如图 8.3.2 所示。（2）图片应用 如果网页中全部是文字，则既影响整个页面的美观性，也会使浏览者感到疲劳，因此，在网页中适当地添加图片是非常有必

7、要的。1插入图片用户可以在网页中插入剪贴画、图片、艺术字以及自选图形，根据插入图片类型的不同，FrontPage 2003 有不（2）插入图片文件。在网页中插入图片文件的具体操作如下：1）将插入点置于网页中要插入图片文件的位置。2）选择“插入”“图片”“来自文件”命令， 弹出“图片”对话框。3）在该对话框中选择要插入的图片文件，单击“ 插入”按钮，即可将其插入到网页中。同的处理方法。 2编辑调整图片在网页中插入图片后，因为网页有固定的版面和样式，所以，还需要对其中的图片进行相应的调整，以使其能正确显示，也更加符合设计者的要求。编辑调整图片的具体操作如下：（1）在需要调整的图片上单击鼠标右键，从

8、 弹出的快捷菜单 中选择“图片属性”命令，弹出“图片属性”对话框。（2）在“外观” 选项卡中设置 图片的环绕样式、布局及其大小。（3）在“常规” 选项卡中设置 图片的名称。（4）设置完成后，单击“ 确定 ”按钮即可。除此之外，用户还可以使用图 片工具栏中的工具按钮调整 图片的位置、 倾斜、旋转、对比度以及亮度等参数。3插入水平线在网页中插入水平线的具体操作如下：（1）将插入点置于网页中要插入水平线的位置。（2）选择“插入”“水平线”命令，即可在当前位置插入一条水平线。（3）如果要设置该水平线的属性，可用鼠标右键单击该水平线，在弹出的快捷菜单中选择“水平线属性”命令，在弹出的“水平线属性”对话框中设置水平线的大小、宽度、高度以及颜色等属性。 三、实践练习习题，问题：打开文件出错，用浏览器；新建出错【教学反思】学生平时上网接触网页较多， 对网站制作比较感兴趣，上 课积 极性较好，此外因为大家觉得和 word 等有 类似性，不太难，因此都想跃跃欲试，上下来觉得学生比较积极主动的学，单页因此，在老师讲时有出现 不耐烦听的学生，此外，由于 frontpage 大部分学生没有接触过，所以虽然内容不难，但有一些学生 还是无从下手， 对那些学生要特 别指导。此外从这些操作上发现很多同学把学过的忘了。