frongtpage第一课时.doc

frongtpage第一课时【课型】新授课【教学目标】一、 知识与技能目标： 1.认识frongtpage功能特性2.知道如何启动与退出frongtpage3.认识frontpage的几种视图4.学会frontpage的一些基本操作：文件的新建、打开；文本的编辑；图片的插入语编辑；二、过程与方法：学生通过教师的讲解与演示初步认识frontpage，病掌握基本的操作三、情感态度与价值观：学生通过这节课认识到网页制作的实用性，培养学生在这方面的兴趣。【教学重、难点】重点：frontpage基本操作难点：frontpage基本操作【教学方法】讲授法，举例法、讨论法【教学内容策略】整体上还是通过教师讲解演示，再通过具体任务让学生进行练习的这样一个过程。具体的来讲呢，首先再导入上用过一些精美的网页展示来激发学生兴趣，在讲解演示的过程中，因为frontpage一些操作与上学期学的word、excel中一些东西是大同小异的，因此一些操作就没有讲的很具体细致，而是在学生实际练习中让他们进行自主性探索学习。【教具】黑板、粉笔、课本、多媒体 【教学过程】一、 导入精美网页展示，网页中有哪些组成元素：文字、图片。用frontpage制作网页二、新授（一）frontpage简介FrontPage2003是Microsoft公司推出的Office2003组件之一，是一个网页制作和网站维护工具。它虽然没有Dreamweaver那么专业，但是它提供的“所见即所得”的网页创作环境却可以让我们轻松愉快地制作出自己喜爱的网页。它的工作方式与Word非常相似，有了使用Word的基础，FrontPage2003是很容易掌握的。 （二）frontpage的启动与退出开始程序Microsoft officeMicrosoft FrontPage（三）frontpage窗口简介对比word、excel（四）frontpage视图网站的7种视图模式的功能如下：（1）网页设计视图。该视图是网页的编辑场所，它的主体是网页编辑器，用户可在网页编辑器中制作和编辑网页。选择“视图”“网页”命令，即可切换到该视图。（2）文件夹视图。该视图用于显示网站的层次结构，用户可以在该视图中查看网站中包含的所有内容。选择“视图”“文件夹”命令，即可切换到该视图。（3）报表视图。该视图采用表格的形式对站点进行分析，并将网站中网页的数量、超链接的数量和状态等信息显示出来。选择“视图”“报表”命令，即可切换到该视图。（4）导航视图。该视图非常直观地显示出了一个网站的组织关系和逻辑层次。用户可以十分方便地在该视图中对网页进行移动位置、重命名、添加和删除网页等操作。选择“视图”“导航”命令，即可切换到该视图。（5）超链接视图。该视图将网站中所有的内部和外部超链接的状态显示在一个列表中，并用图标表示超链接已通过验证或已中断。选择“视图”“超链接”命令，即可切换到该视图。（6）任务视图。该视图以列表的形式显示网站中的所有已完成或尚未完成的任务，并在各个列标题下提供有关各项任务的当前信息。选择“视图”“任务”命令，即可切换到该视图。（7）远程网站视图。该视图的主要功能是向互联网发布文件，用户可使用该视图发布整个网站或有选择地发布个别文件。选择“视图”“选程网站”命令，即可切换到该视图。（五）网页1.新建（与excel一样，新建空白文档）2.打开：文件打开选择要打开的文件打开方式frontpage（六）基本操作1.应用文本文本是网页中最基本的元素，它可以体现网页设计者的意图与思想。1输入文本用户可以按照以下操作步骤，在网页中输入文本：（1）打开要输入文本的网页。（2）将插入点置于网页中要输入文本的位置，用户可以像在Word中输入文本一样在网页中输入文本。2格式化文本在网页中输入完文本后，可以对其进行格式化，以使其整齐美观。格式化文本的具体操作如下：（1）选中要格式化的文本，选择“格式”“字体”命令，弹出“字体”对话框，如图8.3.2所示。（2）图片应用 如果网页中全部是文字，则既影响整个页面的美观性，也会使浏览者感到疲劳，因此，在网页中适当地添加图片是非常有必要的。1插入图片用户可以在网页中插入剪贴画、图片、艺术字以及自选图形，根据插入图片类型的不同，FrontPage 2003有不（2）插入图片文件。在网页中插入图片文件的具体操作如下：1）将插入点置于网页中要插入图片文件的位置。2）选择“插入”“图片”“来自文件”命令，弹出“图片”对话框。3）在该对话框中选择要插入的图片文件，单击“插入”按钮，即可将其插入到网页中。同的处理方法。2编辑调整图片在网页中插入图片后，因为网页有固定的版面和样式，所以，还需要对其中的图片进行相应的调整，以使其能正确显示，也更加符合设计者的要求。编辑调整图片的具体操作如下：（1）在需要调整的图片上单击鼠标右键，从弹出的快捷菜单中选择“图片属性”命令，弹出“图片属性”对话框。（2）在“外观”选项卡中设置图片的环绕样式、布局及其大小。（3）在“常规”选项卡中设置图片的名称。（4）设置完成后，单击“确定”按钮即可。除此之外，用户还可以使用图片工具栏中的工具按钮调整图片的位置、倾斜、旋转、对比度以及亮度等参数。3插入水平线在网页中插入水平线的具体操作如下：（1）将插入点置于网页中要插入水平线的位置。（2）选择“插入”“水平线”命令，即可在当前位置插入一条水平线。（3）如果要设置该水平线的属性，可用鼠标右键单击该水平线，在弹出的快捷菜单中选择“水平线属性”命令，在弹出的“水平线属性”对话框中设置水平线的大小、宽度、高度以及颜色等属性。 三、实践练习习题，问题：打开文件出错，用浏览器；新建出错【教学反思】学生平时上网接触网页较多，对网站制作比较感兴趣，上课积极性较好，此外因为大家觉得和word等有类似性，不太