用FrontPage制作网页课件教案

2022-10-28 08:05:15 精品范文下载本文

第1篇：用FrontPage制作网页课件教案

用FrontPage制作网页课件教案

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件，用FrontPage制作网页课件

授课教案：

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

【教学内容】 现在越来越多的课件是用网页制作工具来制作，并结合数据库、 ASP等技术来加强课件的交互性。

网页形式的课件可以集成丰富的多媒体信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。

网页课件的开发工具软件有很多，包括：语言编程如 HTML 、 DHTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML等。

所见即所得的可视化编辑工具，如 FrontPage 、 Dreamweaver 、Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。

对于一般都有繁重教学任务在身的学科教师来说，没有太多的精力去学习复杂的编程语言。

可视化网页编辑工具由于源代码自动生成，使教师可以有更多的精力关注内容的表达和教学设计。

用FrontPage编制的网页课件有较易操作的界面(与上网浏览网页完全相同)，一门课程或一堂课的脉络结构(知识结构)可以在主页上用菜单(树形菜单或弹出菜单)或导航条的形式清楚地表明，可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等，甚至操作注意事项。

FrontPage 被公认为最好的入门级的网页编辑工具。

一、FrontPage基本操作

启动 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”按钮，关闭当前网页。

二、设计网页课件的框架结构

三、在网页中插入表格、图像、背景、剪贴画、声音、视频和动画等多媒体对象

1. 插入表格插入到网页上的文本、图片、音频、视频、动画等元素，往往看起来显得不够整齐，为了使网页更美观，我们利用表格来控制复杂的网页布局，即用表格来定位网页元素。

(1) 点“表格→ 插入 → 表格”，输入行数、列数(如 3 列 5 行)，插入一个规则表格，设置表格的属性。

(2)用“表格”工具栏上的按钮或“表格”菜单上的“插入行或列”命令来增加表格的. 行或列。

(3)用“表格”工具栏上的按钮删除一个单元或多个单元，删除一行、多行或一列、多列，删除整个表格，表格删除后立即按“常用工具栏”中的“撤消”按钮或按“Ctrl+Z ”恢复表格;选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动;按住 CTRL键，再用鼠标把选择的内容拖到新位置进行复制。

(4)选中需要拆分的单元，单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格;选中需要合并的单元，单击“表格”工具栏上的按钮或单击“表格”工具栏上的(擦除 ) 按钮合并单元格。

经过处理， 3 列 5 行的表格变成 1 列 4 行。

2. 插入图像和背景图象将鼠标定位到要插入图片的位置(如某个单元格内)，单击“常用工具栏”上的“插入图片”按钮，从已建站点的图片文件夹中选择合适的图片，点击“确定”，教案《用FrontPage制作网页课件授课教案：》。

也可以在“图片”对话框中点击“插入一个计算机中的图片”按钮， FrontPage编辑器将打开“选择文件”对话框，从本地磁盘中指定一个图像文件。

右击网页空白处，选“ 网页属性 ”快捷命令，单击“ 网页属性”对话框的“背景”选项卡，先选中“背景图片”复选框，选择合适的图像作为背景图插入网页，点击“确定”按钮。

3. 插入剪贴画点“插入”→“图片”→“剪贴画”命令，选择一幅剪贴画，单击“插入”按钮，或直接双击剪贴画。

4. 插入声音或视频剪辑选择“插入”→“高级”→“插件”命令，打开“插件属性”对话框，单击“浏览”按钮，打开“选择插件数据源”对话框，从站点文件夹或本地计算机上指定要播放的声音或视频文件。

调整网页中插件图标到合适的尺寸。

5. 修改图像属性右击网页中的图像，选“图片属性”命令，在“常规”选项方式下指定图像的格式(例如 jpg 和质量 75);在“文本”框内简单地描述图像;单击“外观”选项卡，指定图像无边框即边框线宽度为 0，指定图像与相邻的文字或图像之间的水平间隔和纵向间隔，要改变图像的大小，首先选中“大小”框内的“指定大小”复选框，然后分别指定图像的宽度和高度。

熟悉“图片”工具栏：创建自动缩略图;调整图像的黑白对比度和亮度;给图像加上斜面边界;把彩色图像变成黑白图像;把图像翻转;修正图像;裁剪图像;淡化图像;把图像恢复原样;在GIF 格式的图像上写文字;使 GIF 图像透明等。

6. 插入水平线美化网页网页水平线用于把网页分隔成几个部分。

新建或打开网页文档，把插入点移到要插入水平线的地方，单击“插入”菜单上的“水平线”命令。

要把水平线插入在下一行，就把插入点定在行尾。

在水平线上单击鼠标右键，在弹出的菜单中选择“水平线属性”命令，也可直接双击该水平线，设置水平线的宽度、水平线的对齐方式和水平线的颜色。

四、在课件网页中使用书签和超级链接接

1. 书签的作用书签用于在长网页内部快速跳转和定位。

2. 创建书签网页从 Web网页上复制一篇比较长的文本，粘贴(选择性粘贴：无格式文本)到新建网页中。

选择要标记的位置，单击“插入”菜单中的“书签”命令。

FrontPage编辑器将显示“书签”对话框。

在“书签”框中键入书签名称(最好用西文命名)，书签名称应具有较好的描述性，然后单击“添加”按钮。

可看到标签小旗出现在期望定位的位置上。

用同样的方法创建其它书签。

在网页顶端创建系列提纲(目录)文本，选中其中一个，右击文本，选“超链接”，在“链接到”栏中点“本文档中的位置”，在书签列表中选中合适的书签，确定。

用同样的方法给其它的提纲(目录)文本建立超链接。

保存网页，在IE 中预览。

3. 超级链接使用超级链接，不仅可使站内的网页成为一个有机整体，还可使不同的站点之间建立联系。

例如，在制作“网上学习资源”网页时，需要给所列出的大量的网上学习资源的标题文字设置超链接，以便访问者通过点击网页上的标题文字打开相对应的学习资源。

首先选中标题目文字，然后单击标准工具栏上的“超级链接”按钮，在弹出的“创建超链接”对话框中指定超级链接所对应的网页，或在URL 文本框中填入网页的地址即可。

4.创建图像热点作为超级链接接新建或打开包含有复杂图片(如地图或大型仪器图片)的网页。

练习创建图像热点作为超级链接接。

例如，在世界地图片上的“国家地区”区域处创建一个热点，指定它跳转到“按国家地区查询”的主页上。

方法是：首先单击图像，编辑器将显示“图片”工具栏，选择“图片”工具栏上的“图片”按钮，把光标移到图像上，光标将变成笔状，按住鼠标左键在图像上画出热点。

释放鼠标后，FrontPage 编辑器自动打开“创建超级链接”对话框，在此指定该热点要跳转的目标网页或网址。

制作好后在 IE浏览器中预览。

5. 改变超级链接的外观选择某文字超级链接，单击“格式”菜单上的“背景”命令，打开“网页属性”对话框的“背景”选项。

把该超级链接的颜色改为另一种更醒目的颜色，预览一下，看超级链接文字是否发生变化。

试着用不同的颜色表示未访问过的超级链接(Hyperlink) 、访问过的超级链接 (Visited Hyperlink) 和将要访问的超级链接 (ActiveHyperlink) 。

看看改变超级链接的外观的效果。

6. 编辑超级链接属性右击超级链接，选“超级链接属性”，FrontPage编辑器将打开，在URL框内键入新的网页文件名或网址。

观察改变后的效果。

7. 取消超级链接右击超级链接，选“取消超级链接”命令。

五、插入活动元素 - 让课件网页活起来

1. 制作悬停按钮定位插入点，单击“插入” / “组件” /“悬停按钮”，打开“悬停按钮”对话框。

把动态按钮默认标签“按钮文本”，改成所需的按钮文字，单击“字体”按钮，在打开的“字体”(字体)对话框里设置您所需标签的字体。

要为动态按钮创建超级链接，可直接在“链接到”框内键入要跳转的URL ，也可单击“浏览”按钮，从当前打开的网站、 WWW、本地磁盘中指定跳转目标。

可重新指定按钮的前景颜色，不过如果按钮显示的是图像，前景颜色无效。

当用户把鼠标移到动态按钮上时，按钮的颜色将自动发生变化，这是动态按钮最大的特色，至于颜色是怎样变化的，可通过“效果”和“效果颜色”框设定。

还可改变按钮的宽度和高度(以像素为单位)。

第2篇：用FrontPage制作网页课件教程

用FrontPage制作网页教程

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。【重点难点】重点是如何在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 ”按钮，关闭当前网页。

二、网页课件制作实例 1.创建站点

（1）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。

（2）启动 Microsoft FrontPage。

（3）点“文件 → 新建 → 站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（D:myweb），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。2.建立框架网页

（1）点“文件 → 新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。

（2）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 → 组件 → 字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、gif 动画或 Flash 动画。

（3）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。（4）点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本，插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。

（5）点常用工具栏上的“保存”按钮，将弹出保存框架网页的对话框（共 4 个）。注意框架网页的命

名要与框架一一对应起来，即 top.htm 对应上框架网页，left_frame.htm 对应左框架网页，right_frame.htm 对应右框架网页，index.htm 对应整个框架。3.建立内容网页

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它，在右边的编辑区制作完成“导入”网页。点常用工具栏上的 “保存”按钮。用同样的方法创建“新课”网页 xinke.htm、“课堂练习”网页 ktlx.htm、“知识扩展”网页 zskz.htm、“课堂小结”网页 ktxj.htm、“网上学习资源”网页 wsxxzy.htm、“课外探究”网页 kwtj.htm。4.制作超链接

双击“文件夹”窗格中的 index.htm（主页）, 在左框架网页目录区选中表示 “情境导入”的文本或图片，右击它，选“超链接”，在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main，点“确定”。用同样的方法将“新课”与 xinke.htm、“课堂练习”与 ktlx.htm、“知识扩展”与 zskz.htm、“课堂小结”与 ktxj.htm、“网上学习资源”与 wsxxzy.htm、“课外探究”与 kwtj.htm 建立超链接关系。

点“预览”按钮，点左框架网页目录区的超链接，看它所对应的网页是否在右框架区正确地显示。．完善课堂练习网页

双击“文件夹”列表中的 ktlx.htm，在右框架区输入练习题（例如一道有 A、B、C、D 四个选项的多项选择题）。

右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”，该评价网页存放回答正确的反馈信息。双击它，点“插入 → 图片 → 来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框，点“改变文件夹” , 选“ images ”文件夹(默认存放站点图片的文件夹)，点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本（如“您真行！”、“您真聪明！”）。点“保存”按钮。用同样的方法制作“ wrong.htm ”，该评价网页存放回答错误的反馈信息。回到课堂练习网页 , 依次将 A、B、C、D 四个选项链接到评价网页 , 目标框架设“新建窗口”，即在新窗口中打开评价网页。保存后预览。

第3篇：用FrontPage制作网页课件教程汇总

用FrontPage制作网页课件

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

【教学内容】

现在越来越多的课件是用网页制作工具来制作，并结合数据库、ASP 等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。网页课件的开发工具软件有很多，包括：

• 语言编程如 HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML 等。

• 所见即所得的可视化编辑工具，如 FrontPage、Dreamweaver、Flash、Au

未完，继续阅读 >

第4篇：《网页制作FrontPage》教案

《网页制作FrontPage》教案

教师：张爱平

第1、2课时网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。【教学目的】

使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】

网页设计中的若干术语。【教学难点】

理解网页设计中的若干术语。【教学方式】

讲授式、讨论式、案例分析式。【教学参考】

1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。

2、《Internet 网页工场》Wittime工作室重庆出版社。

3、《WEB网站设计》Joel Sklar著高等教育出版社。

4、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】 1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构

Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（Hyper Text Transfer

未完，继续阅读 >

第5篇：frontpage网页制作教案

Frontpage网页制作导学案

青州一中

刘志韩

文件——新建——网页【学习目标】

1、包括网页制作基础知识

2、站点的规划和创建

3、网页文本和图片的处理、表格和框架的应用【学习重难点】

1、建立一个主题网站

2、建设一个网站的步骤

3、网页的美化与特效的制作【课前预习】

思考一下多媒体信息集成的方式有哪些？

【自主学习】

1、在www中，________是信息的主要组织和表现形式。

2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。

3、制作网页常用的软件有_________________和_________________。

4、网页文件的扩展名有哪些？

5、网站开发的基本过程：

网站的规划——（）——（）——网站的发布与管理——网站的评价【合作探究与指导】

三、网站的制作

1、创建站点

文件——新建——站点（选择或创建存储站点的文件夹）

2、网页的创建与编辑

3、插入对象水平线图片字幕悬停按钮

4、创建超级

未完，继续阅读 >

第6篇：FrontPage制作网页型课件教案设计

FrontPage制作网页型课件教案设计

【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件，用FrontPage制作网页课件授课教案：。

【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。

【教学策略】教师实例演示，学生上机操作，教师辅导和点评。

【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

【教学内容】

现在越来越多的课件是用网页制作工具来制作，并结合数据库、ASP等技术来加强课件的交互性。网页形式的课件可以集成丰富的多媒体信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。网页课件的开发工具软件有很多，包括：

语言编程如HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML等。

所见即所得的可视化编辑工具，如FrontPage、Dr

未完，继续阅读 >

第7篇：Frontpage网页制作经验总结

【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的。

【关键字】Frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。

工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一

未完，继续阅读 >

第8篇：FrontPage网页制作教案(18课时)

FrontPage网页制作教案（18课时）

学期教学计划

一、教材简析

本学期使用的计算机教材是江苏科学技术出版社出版的初中信息技术教科书。同时，由于配合高中阶段选修网络课程，增加部分网络知识。

本教材主要内容如下：１、网络基础知识２、网页的建立３、网页图片的处理４、网页框架的设计５、网页表格的制作６、网页表单的制作７、创建超链接８、动态网页的制作９、网站的建立

二、学情评价

１、学生学习网络和网页制作的兴趣浓厚，热情较高２、学生的计算机基础知识掌握不够牢３、学生运用电脑的能力较差４、部分学生上机行为不够规范

５、有些学生键盘操作不熟练，用一只手操作键盘现象较严重