八年级信息技术frontpage教案(1—10)

八年级信息技术教案 第 1 课时：FrontPage 启动与退出 教学目标：了解 frontpage 的界面 教学重点：掌握 frontpage 的启动与退出方法 教学难点： 情感态度价值观：培养学生对网页软件的认识和了解。 教学过程： 具体操作： 1.启动 FrontPage：双击桌面上的 FrontPage 快捷方式图标；开始→程序→Microsoft FrontPage； 右击一个扩展名为 htm 或 html 网页文件，选"编辑"。 2.打开或隐藏视图栏、文件夹列表和网页文档 a.点"视图→视图栏"打开或隐藏视图栏。点"视图→文件夹列表"打开或隐藏文件夹列表。 b.右击扩展名为 htm 或 html 网页文件(如 index.htm)，选"编辑"，系统默认用 FrontPage 打开 网页。 c.点"文件→打开"或点常用工具栏中的"打开"按钮，从本地磁盘或网络驱动器中打开网页文 档，从任意 Web 网站打开网页，打开最近打开过的网页文档。 3.在 FrontPage 编辑器中预览网页 a.点普通视图按钮，观察刚才打开的 index.htm 网页。 b.点 HTML 视图按钮，观察 index.htm 网页。 c.点预览视图按钮，观察 index.htm 网页。 4.FrontPage 视图方式：网页视图，文件夹视图，报表视图，导航视图，超级链接接视图， 任务视图。 5.保存网页：点"文件→保存(另存为)"或点常用工具栏中的"保存"按钮，将新建的网页或从万 维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。 6.关闭网页：点"文件→关闭"或文档窗口中的"X"按钮，关闭当前网页。 教学反思： 第 2 课时：站点的创建 教学目标：掌握利用 frontpage 创建站点的方法 教学重点：站点的创建 教学难点： 情感态度价值观：培养学生的信息素养。 教学过程： 我们先运行 Frontpage2000，在控制窗的菜单栏里选择“新建→站点”（如图 1）。 （图 1） （图 2） 在接下来弹出的窗口中你可以看到图 2。Frontpage2000 自带有一些网站的模板（意思就是按照它的意思去做），我们一般不使用这些模板，我们在左边的模板选择窗里选“空站点”， 然后在右边的“选项，指定新站点的位置”中敲入你想保存这个网站的文件夹地址。一般第一 次使用 Frontpage2000 的时候它自动就生成了一个新站点，保存的“我的文档”的“My Webs” 文件夹中。你也可以重新建立一个文件夹作为网站的存放点。我们在以下称保存网站的文件 夹为“网站文件夹”或者是“主文件夹”。 建立好了新站点，你会发现 Frontpage2000 的标题栏就变成是“C:\My Documents\My Webs”里，这样的话就表示你已经打开了某个网站。或许你还创建了其他网站，我们可以通 过 Frontpage2000 的菜单栏里面的“文件→打开站点”来打开其他站点（如图 3）。 （图 3） （图 4） 在弹出的窗口下放选择保存网站的文件夹地址（如图 4），再按“打开”按纽就打开了。 一般运行了 Frontpage2000 的同时它就自行打开了最近编辑的一个站点。有时你不想编辑 此站点可以点击菜单栏的“文件→关闭站点“关闭它。 创建了好了新站点的同时，你按控制窗的按纽栏里面 的打开文件夹列表或者到网站文件夹看一下，是不是多了两个新文件夹？一个叫“images” 的文件夹是供我们用来保存本网站中的图片文件的，在制作网页之前你先把要用到的图片都 保存到这里。还有一个叫“_private”的文件夹，而且日后你会发现在“images”文件夹或 者文件夹中出现许多象“_vti_cnf”之类莫名其妙的文件夹，其实这是系统用来做缓存的文 件夹，我们不要认为它是垃圾就把它删了，有用的，不要删了。 为了方便管理，你也可以自己添加一些文件夹用来保存其他内容，比如添加一个名为 “webs”的文件夹用来保存网站的其他网页，这样大家管理起来就不会觉得很凌乱了。 添加文件夹有两中方法，第一个方法是先关闭 Frontpage2000，再到网站文件夹里新建一个 文件夹，建好之后再重新运行 Frontpage2000 你按控制窗按纽栏里 的打开文件夹列表看一下，就会发现多了一个新的文件夹。另一个方法就是直接在文件夹列 表中添加（如图 5）。 这里要注意一下，凡是添加的文件夹，或者是保存在文件夹里面的所有东西，都必须是以英 文命名的。不然就会出现连接错误而不能浏览。总之一句话，网站里的所有东西都用英文 名：） （图 5） （图 6） 当然你也可以从网站中删除某些文件或者文件夹，具体做法和新建文件夹差不多，大家多实 践一下。 到了这里，或许你会认为什么主页，什么第二个主页，什么主页又不是网站什么的，一头雾 水。那你可以看一下图 6，这样能好理解一点：）或者是这样解释：图 6 中的“主文件夹” 就是刚才打比方说的家，“主文件”就是家里的客厅，当然可以有许多主文件的。但是你要 记住，一个网站中真正的主页名必须是“index.htm”或者是“index.html”，也是唯一的， 为什么要这样做笔者以后会解释。而“子文件夹”就是指家里的厨房，“子文件”就是指厨 房里的装饰或者是用具。同样你也可以有许多的“子文件夹”和“子文件”的。 这样说能理解了吗？ 教学反思： 第 3 课时：表格的设计 教学目标：利用表格的设计来布局网页 教学重点：绘制布局表格 教学难点： 情感态度价值观：培养学生的审美观 教学过程： 　　1.创建布局表格 　　打开一个空白网页，并切换到“设计”视图下，单击“表格”菜单中的“布局表格和单元格” 命令，随后在右侧弹出一个任务窗口（如图），在该任务窗口下面程序提供了多种表格布局 模板，在此单击其中需要的模板即可将该模板添加到网页中。 　2.绘制布局表格 　　如果你对模板中提供的布局表格不太满意，还可以用手工绘制的方法创建一个布局表格。 创建时首先在“新建表格和单元格”项中单击“绘制布局表格”，随后将指针移到操作窗口最左 端，然后拖动鼠标即可绘制表格。 　　3.设置表格属性 　　插入表格后，还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。 　　提示：在设置表格时，如果要想覆盖网页的默认边距，并让布局表格跨到文档窗口的边 缘，可以将表格中的各个边距的属性都设置为 0。 　　在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签 来完成。在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标 签。每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单， 选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。 第 4 课时：网页的布局 教学目标：掌握美化表格的操作技巧 教学重点：对表格的美化 教学难点： 情感态度价值观：培养学生对网页布局的审美观和网络素养 教学过程： 一、轻轻松松插入表格 点击“表格”菜单中的“插入表格”，在弹出的对话框中可以对所需表格的行列数及边框属性进 行设置。插入一个大概样子的表格，自己调整它在整个网页中的位置，为之后填充内容做好 准备。 　 二、对表格外观进行前所未有的美化 鼠标左击已经插入的表格，弹出的菜单中选择“表格属性”选项。弹出的对话框可以让你对表 格的外观进行设置。基本上除了行列数这些需要使用插入行列等菜单完成的功能，在此设置 的大都和表格的外观有关。 　 FrontPage 2002 的新功能：表格自动套用格式提供了快速和容易的方法，来创建具有专业外观的表格。用户可以选择他们想要使用的样式，可以自动更改表格的边框、底纹和颜色。 使用新的填充表格，用户可以将一个单元格的内容快速地重复输入到该单元格右侧的单元格 （向右填充），或输入其下面的单元格（向下填充）。当用户想要将相同内容复制到多个单 元格中时，该功能将节约用户的时间。拆分表格让用户能够将任何位置的表格快速和容易地 拆开。当用户想要在表格的各行之间添加文本或图形时，这会很方便。 §在FrontPage中编辑任何表格时，单击该表格，并从表格菜单中选择表格自动套用格式。 从几个表格格式和设计中选择，以创建想要的外观。 § 从表格菜单中单击插入，插入五个新行，然后选择行或列。在想要复制的内容下面，添 加所需数量的行。选中想要复制的文本和想要填充的单元格。从表格菜单中选择表格填充， 然后选择向下填充或向右填充，以匹配突出显示的单元格。 § 在表格中间挑选一个单元格，然后从表格菜单中选择拆分表格。 三、简单填充完内容。 只需点击鼠标在表格中与插入的地方，就可以输入文字或者创建图像，或者导入文字图像等 等，简简单单的操作之后，一张有条有理的网页就做好了。 　 教学反思： 第 5 课时：编辑网页 教学目标：了解和掌握利用 frontpage 编辑网页的方法 教学重点：视图与模式的应用 教学难点： 情感态度价值观：培养和提高学生的网页制作能力 教学过程： 1.视图与模式（一）现在进入 FrontPage。单击任务栏“开始”按钮，选择“程序”选项，单击“Microsoft FrontPage”选项就可以了。可能你会发现 FrontPage 界面和 Word 很相似[图 2－1]，这是因 为编辑 WEB 页面和编辑 Word 文档有很多同样的设置，这些设置所用的图标和 Word 中的是 一样的。 FrontPage2000 界面 视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FrontPage 共有 6 种视图[如图 2－1 左]，使用不同的视图可以从不同的侧面查看设计的 WEB 站点。对 一个 WEB 站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。 建立站点可能很快，但是如果没有这 6 种视图的帮助，维护起来就很困难了。 这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。 2.视图与模式（二） 下面看一看同一个 WEB 站点在不同视图中是怎样显示的。 (1)单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮 ，窗口中 增加了一个文件夹列表框[图 2－2]。网页视图是用来显示选中的网页的，双击文件夹列表 中的某一个 HTM 文件，在最右方的工作区中就会显示该网页的内容。 注意，此时工作区的左下角有三个切换显示模式的选项卡[图 2－3]。单击“普通”选项卡， 就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选 项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模 式，在预览模式下，是不能编辑网页的。也可以切换到 HTML 模式直接对网页对应的 HTML 文 本文件进行编辑，从而为网页作一些特殊的设置，前提是你要懂一点 HTML 语言（在教程附 录中有相关说明）。(2)文件夹视图以列表的形式给出了当前 WEB 站点的文件夹和文件夹里包含的文件[图 2-4]。 由于一个 WEB 站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有 必要。比如，可以把所有的图形文件放入 IMAGES 文件夹。FrontPage 还提供了一个_PRIVATE 文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个 SOUND 文件 夹，用来存放 WEB 站点用到的声音文件：选中站点的根目录，然后单击“文件”菜单的“新 建”项，在弹出的子菜单中选择“文件夹”命令。在输入 SOUND，新文件夹就建立好了[图 2-5]。 其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文 件放在这些目录里。 (3)报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链 接进站点了，哪些没有。(4)导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个 网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏 把这种层次关系表现出来。 (5)超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设 置了多少超级链接，以及是什么类型的链接。 (6)任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可 以通过任务列表知道工作的进展情况了。 3.创建网页 这一节我们讨论怎样创建页面。　 创建页面最简单的方法就是单击 FrontPage“常用”工具栏的“新建”按钮。它的右方有一 个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹 和任务。默认状态下是新建网页。 如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单 的“新建”命令来新建网页能够有更大的选择。 单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到 FrontPage 提供的许多网页模板[图 2-6]，我们可以用这些模板来建立相应的网页。在右下角的预览框 里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网 页了。然后点确定。 使用模板可以不用总是从空白网页开始编辑，这样就省力很多。 4.修饰文本 怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。 字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可 以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你 设置的字体。不过，使用常用字体是一个好习惯。 字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了。 工具栏上的 B、I、U 图标的作用是：按下 B 按钮 ，被选中的文字就会变为粗体 按下 I 按钮 ，被选中的文字就会变为斜体 按下 u 按钮 ，被选中的文字就会带下画线 字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头[图 2-9]，选择适当的颜色， 字的颜色就改变了。 教学反思： 第 6 课时：编辑网页(2) 教学目标：掌握网页制作中编辑技巧 教学重点：注意编辑网页时的层次感 教学难点： 情感态度价值观：培养学生对网页的制作素养 教学过程： 1.项目符号和编号 设计网页应该层次分明，结构清晰。这可以通过 FrontPage 的列表功能解决。 选中要列表的内容，单击“格式”工具栏上的“项目符号”按钮 ，默认情况下，项目符号 是一个小黑点。你也可以选择其它的项目符号，单击“格式”菜单，选择“项目符号和编号” 命令。选择“图片项目符号”选项卡，单击“浏览”按钮，点“剪贴画”，再点 Web 符号按 钮，选择合适的图片，单击“确定”按钮。 对有顺序的内容列表可以使用编号。单击“格式”菜单的“编号”按钮 。现在有一个问题， “站点的主题”、“站点的共享边框”两行是属于“设计站点风格”的内容，可是也编号了。 解决的方法是把这两项选中，单击工具栏上的“增加缩进”按钮 ，再次单击“增加缩进” 按钮，这样就可以了[图 2-12]。要把这两项改为其他编号方式，可以选择“格式”菜单的“项 目符号和编号按钮”，在编号框里选择合适的编号形式，单击“确定”按钮。 怎样解决列表分级太多而显得不简洁的问题？方法是把子列表折叠起来，称为“折叠大 纲”。将鼠标光标移到要折叠的列表的上一级处，单击鼠标右键，选择“列表属性”命令， 将“启用折叠大纲”和“开始时折叠复选框”选中，单击“确定”按钮。 打开它时只要单 击它就打开了。 2.插入水平线 在网页中适时的插入水平线可以使层次分明。最简单的方法是插入水平线使需要分隔的部分 分开。把插入点调整到插入水平线的位置，选择“插入”菜单的“水平线”命令。 双击插入的线条，在弹出的“水平线属性”对话框里单击“颜色”下拉列表， 选择相应的 颜色，可以改变线条颜色。在对话框中有“窗口宽度百分比”和“像素”选项，它们的作用是通过调整宽度数值设置线条的宽度，但是这个数值的单位却是由它后面的选择决定，调整 “高度”的数值，可以改变线条高度。 单击水平线，选中它。按 ALT ENTER 键，也可直接进入水平线对话框。 水平线变化有限，装饰性不强。我们还可以插入更丰富的线条来修饰页面，那就是线条图像。 线条图像就是一个特别狭长的图像。将水平线选中，按 DEL 键，将水平线删除，选择“插入” 菜单的“图片”命令，单击“剪贴画”选项。选择“图片”选项卡，这里把 FrontPage 提供 的剪贴画按类别放在了下面的列表框中，选择“WEB 框架”，选择小石头图像，单击“插入 剪辑”按钮。由小石头构成的线条就插入完成了。 如果想把线条缩短一点，可以在线条上单击鼠标右键，选择“图像属性”命令，打开“图片 属性”对话框，选择“外观”选项卡，选择“指定大小”，将宽度的单位设置为百分比，将 宽度调整为 80，单击“确定”按钮。 3.插入时间标记 在 Internet 上我们经常看到许多网页上都有一个最新更新日期，用来告诉用户页面上一次 更新是什么时候，这是怎么做的呢？看完下面的部分你就知道了。 时间标记当活动网页被重新编辑或自动更新之后，会自动改变。设置起来也很容易：在页面 末尾输入：“更新时间”，执行“插入”菜单的“日期与时间”命令，在“日期时间属性” 对话框中选择“该网页上次编辑日期”，如果要改变日期的格式，可以单击“日期格式”下 拉列表，选择合适的格式。 4.插入注释 怎么在网页里插入注释呢？（在我们创建编辑和修改网页的过程中，经常需要插入一些文字， 表明设计的意图和方法，在编辑网页时作为参考和提示，这就是注释。） 插入注释的方法是：普通模式下单击当前网页要插入注释的位置，把插入点设置到那里。选 择“插入菜单”的“注释”命令，这样就会弹出“注释”对话框，在“注释”文本框中输入 注释的内容，单击“确定”按钮。 在指定的位置注释出现了。现在单击“预览”选项卡，切换到预览模式，注释没有出现。 实际上注释并不是在浏览器中显示的网页的一部分，浏览者通过浏览器是看不到网页里的注 释的。 5.预览新建页面 设计好的页面，应该检查它在浏览器中是否显示正常。 方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显 示和在浏览器中的显示是一样的。 教学反思：第 7 课时：页面美化(一) 教学目标：掌握页面美化的操作技巧 教学重点：修改页面注意的事项 教学难点： 情感态度价值观： 教学过程： 通过模板建立的网页，常常预先置放了些标题栏、目录栏（一般叫导航栏），导航栏都 是用很多元素组成的，结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次 的修改，FrontPage 也不允许操作者修改，但在某些项目上，我们还是可以根据自己页面的 要求来修改。 　　操作　修改页面的主标题：在主页（index.htm）的页面上部，模板预置了一个名为“主 页”的横幅标题，这个横幅标题和整个主页格格不入。点击横幅，按“Del”键删除，然后在同 样位置插入一个事先准备好的横幅图片为主页标题。 　　操作　修改导航条的链接：在主页的左边，有一个导航条（目录栏），在建立站点的时 候，导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改，只能在站点管理的 “导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标， 然后选择输入文字“给我写信”，设置文字的超链接，这里的链接地址设置的是我的邮箱地址 “mailto:豆豆@yesky.com”。 　　操作　删除页面元素：在主页的右下，程序放置了一个 LOG 图片，这个图片和我的主 页不符，选择该图片，按“Del”删除。 　　操作　给页面添加水平线：水平线对于规划页面有很大的作用，可以让页面清楚，简洁。 在要插入水平线的位置点击鼠标，选择“插入/水平线”，水平线就出现了。注意，一般模板 网页的水平线由程序自动设置外观属性。而其他情况下，将由操作者自己设置水平线的颜色， 粗细等。 教学反思： 第 8 课时：页面美化(二) 教学目标：掌握图文混排时的美化处理 教学重点：图文混排 教学难点： 情感态度价值观：培养学生的审美观 教学过程： 表格实际和文字、图片一样，是一个网页的基本元素，但表格在网页中，更大的用途是来规 划页面。实际上，在网页编辑中，通过空格、段落、缩进等是很不容易规划好一个有很多元 素的页面的，特别是图文混排的页面。 　　在 FrontPage 中添加常用的数据表格，和在 word 中添加表格一样的方便，直接使用插 入表格命令，然后填写数据就可以了。甚至还可以将 Word 文件中的? 粘贴进来。 　　操作　添加一个简单表格：在要插入表格的位置点击鼠标，选择“表格/插入/表格”，在弹出的对话框中设置表格的属性，然后选择表格的行数——2，选择表格的列数——1，然后 指定表格的宽度，可以设置表格的宽度占网页宽度的百分比，或者直接设置表格的绝对宽度 ——像素。其他设置表格边框线的宽度为 1，设置单元格间距为 2。确定即可。 　　操作　在表格中添入文字：在表格中输入文字和在普通编辑页面中输入文字没有什么区 别，另外，在生成主页模板的时候，程序在网页中添加了一个高级控件，可以自动显示网页 的更新时间。将这个控件拖入到表格中。这样，一个显示网页制作者的表格就制作好了。 　　操作　设置表格的属性：表格的属性比较复杂，分成单元格属性和表格属性。选择表格， 然后选择菜单“表格/属性/表格”，在弹出的窗口中可以设置表格的边框、背景、颜色等等。 特别要说明的是表格的浮动，表格的浮动是设置整个表格的对齐方式，而一般的对齐方式是 设置表格内的元素的对齐。 　　操作　图文混排：在需要的位置加入一个只有一个单元格的表格，并设置好其他属性。 在表格中添加图片，并设置好表格的大小。再设置表格为“左浮动”，调整文字，让文字在表 格的右边。这样，图文相配的混排就得到了。 教学反思：表格的操作比较复杂，需要反复的练习，学习如何用表格构造特殊页面，如何实 现复杂的图文混排等等。 第 9 课时：页面美化(三) 教学目标：掌握主题修改的方法 教学重点：对背景的修改 教学难点：对边框的设置 情感态度价值观：培养学生对页面的美化设计能力 教学过程： 页面的背景图、导航栏、颜色选择，边框等都不太令我满意，而这些都是模板自动设计的， 而且不能修改。这个时候，就要使用主题了。 　　主题，就是 FrontPage 针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设 置，主题的内容有几十种，操作者可以根据自己的喜好选择，这样，就可以省去自己分别对 这些页面元素的设置。 　　操作　为网页指定主题：打开主页，选择“格式/主题”，弹出主题窗口。在主题窗口的 左边，列出了可以选择的主题，默认的是“直边”，点击这些主题，可以在右面窗口查看该主 体的风格，如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式，导航条的 样式等等。另外，还可以设置是否需要背景图片，是否使用鲜艳的颜色等。选择“渐蓝”主题， 单击确定，即可在网页窗口看到效果了。 　　主题都是事先设计好的，如果你有什么特殊要求，而 FrontPage 又不允许你在网页编辑 时修改，这个时候，可以自定义主题。 　　操作　测试网页和网站：现在，我的主页基本完成了，要实地测验一下主页和整个网站 的情况，看页面显示是否正常，各个超链接是否正确，设计上还有什么缺陷。打开要预览的 主页，然后选择“文件/在浏览器中预览主页”，这样，我就看到了我精心设计的主页的真正 模样了。测试的时候，要仔细看页面的各种元素，看是不是有不正确的地方。多改变一下浏 览器的一些相关设置，如字体大小、全屏、缩放窗口。点击页面上的超链接，看是否能跳转到正确的页面。另外，最好将整个网站文件夹复制到其他机器上，看是否正确，特别是字体 显示是否正确。 　　操作　查看网站报表情况：在视图窗口选择“报表”图标，打开报表窗口，在这个窗口， 可以看到整个网站的一些统计数据。仔细查看这些数据，看看有没有什么问题，如无效的超 链接等。如果一切没有问题，就可以发布了。 教学反思： 第 10 课时：插入图像和视频 教学目标：掌握在 frontpage 中插入图像和视频的方法 教学重点：插入图像的技巧 教学难点：视频的插入 情感态度价值观： 教学过程： 1.插入图像 将鼠标定位到要插入图片的位置(如某个单元格内)，单击"常用工具栏"上的"插入图片"按钮， 从已建站点的图片文件夹中选择合适的图 用 FrontPage 制作网页课件授课教案： 范文，教案范文。片，点击"确定"。也可以在"图片" 对话框中点击"插入一个计算机中的图片"按钮，FrontPage 编辑器将打开"选择文件"对话框， 从本地磁盘中指定一个图像文件。 右击网页空白处，选"网页属性"快捷命令，单击"网页属性"对话框的"背景"选项卡，先选中" 背景图片"复选框，选择合适的图像作为背景图插入网页，点击"确定"按钮。 2.插入剪贴画 点"插入"→"图片"→"剪贴画"命令，选择一幅剪贴画，单击"插入"按钮，或直接双击剪贴画。 3.插入声音或视频剪辑 选择"插入"→"高级"→"插件"命令，打开"插件属性"对话框，单击"浏览"按钮，打开"选择插 件数据源"对话框，从站点文件夹或本地计算机上指定要播放的声音或视频文件。调整网页 中插件图标到合适的尺寸。 4.修改图像属性 右击网页中的图像，选"图片属性"命令，在"常规"选项方式下指定图像的格式(例如 jpg 和质 量 75)；在"文本"框内简单地描述图像；单击"外观"选项卡，指定图像无边框即边框线宽度 为 0，指定图像与相邻的文字或图像之间的水平间隔和纵向间隔，要改变图像的大小，首先 选中"大小"框内的"指定大小"复选框，然后分别指定图像的宽度和高度。熟悉"图片"工具栏： 创建自动缩略图；调整图像的黑白对比度和亮度；给图像加上斜面边界；把彩色图像变成黑 白图像；把图像翻转；修正图像；裁剪图像；淡化图像；把图像恢复原样；在 GIF 格式的 图像上写文字；使 GIF 图像透明等。 教学反思：