《2023年用FrontPage制作网页课件教程.docx》由会员分享,可在线阅读,更多相关《2023年用FrontPage制作网页课件教程.docx(5页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2023年用FrontPage制作网页课件教程 用FrontPage制作网页教程 【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件。 【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件交互性的实现和网页源代码的应用。 【教学策略】教师实例演示,学生上机操作,教师辅导和点评。 【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合,并辅以文字教材 、网上学习资源和教学光盘。 【教学内容】 一、FrontPage 基本操作 1.启动 FrontPage : 双击桌面上的 FrontPage 快捷方式图标; 开始程序 Mi
2、crosoft FrontPage ;右击一个扩展名为 htm 或 html 网页文件,选“编辑”。 2.打开或隐藏视图栏、文件夹列表和网页文档 a.点“视图 视图栏”打开或隐藏视图栏。点“视图 文件夹列表”打开或隐藏文件夹列表。 b.右击 扩展名为 htm 或 html 网页文件( 如 index.htm ) ,选“编辑”,系统默认用 FrontPage 打开网页。 c.点“文件 打开”或点 常用工具栏中的“打开”按钮, 从本地磁盘或网络驱动器中打开网页文档,从任意 Web 网站打开网页,打开最近打开过的网页文档。 3.在 FrontPage 编辑器中预览网页 a.点普通视图按钮,观察刚才打
3、开的 index.htm 网页。 b.点 HTML 视图按钮,观察 index.htm 网页。 c.点预览视图按钮,观察 index.htm 网页。 4.FrontPage 视图方式: 网页视图,文件夹视图,报表视图,导航视图,超级链接接视图,任务视图。 5.保存网页: 点“文件 保存(另存为)”或点 常用工具栏中的“保存”按钮,将新建的网页或从万维网上打开的网页保存到本地磁盘,把自己喜欢的网页作为模板保存。 6.关闭网页: 点“文件 关闭”或文档窗口 中的“ X ”按钮,关闭当前网页。 二、网页课件制作实例 1.创建站点 ( 1 )在本地硬盘(如 D 盘)建一个文件夹 , 用英文或汉语拼音命
4、名 , 如 myweb, 打开它。 ( 2 )启动 Microsoft FrontPage 。 ( 3 )点“文件 新建 站点” , 选择“空站点”图标,再在“指定新站点的位置”栏中输入新建的站点文件夹( D:myweb ),或通过单击“浏览”按钮来指定。点“确定”后片刻,编辑区出现一个空站点。 2.建立框架网页 ( 1 )点“文件 新建网页”,选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左 框架和 右 框架 3 个区域。 ( 2 )点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入 组件 字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“
5、交替”表现方式和“连续”选项 , 确定。根据需要插入图片、gif 动画或 Flash 动画。 ( 3 )点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本,如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等(或插入相应的图片)。 ( 4 )点右框架区中的“新建网页”按钮 , 切换到右框架网页编辑状态 , 输入前言文本,插入与课件主题相关的图片或动画。该页相当于课件的封面、前言或首页。 ( 5 ) 点常用工具栏上的“保存”按钮,将弹出保存框架网页的对话框(共 4 个)。注意框架网页的命 名要与框架一一对应起来
6、,即 top.htm 对应上 框架 网页 , left_frame.htm 对应左 框架 网页, right_frame.htm 对应右 框架网页, index.htm 对应整个 框架 。 3.建立内容网页 右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ daoru.htm ”。双击它,在右边的编辑区制作完成“导入”网页。点 常用工具栏上的 “保存”按钮。 用同样的方法创建“新课”网页 xinke.htm 、“课堂练习”网页 ktlx.htm 、“知识扩展”网页 zskz.htm 、“课堂小结”网页 ktxj.htm 、“网上学习资源”网页 wsxxzy.htm 、“课外探究”网页
7、 kwtj.htm 。 4.制作超链接 双击“文件夹”窗格中的 index.htm ( 主页) , 在 左 框架网页目录区选中表示 “情境导入”的文本或图片,右击它,选“超链接”,在弹出的“插入超链接”对话框中选中 daoru.htm, 确认目标框架的默认值为 main ,点“确定”。用同样的方法将“新课”与 xinke.htm 、“课堂练习”与 ktlx.htm 、“知识扩展”与 zskz.htm 、“课堂小结”与 ktxj.htm 、“网上学习资源”与 wsxxzy.htm 、“课外探究”与 kwtj.htm 建立超链接关系。 点“预览”按钮,点左框架网页目录区的超链接,看它所对应的网页是
8、否在右框架区正确地显示。 5 完善课堂练习网页 双击“文件夹”列表中的 ktlx.htm ,在右 框架区 输入练习题(例如一道有 A 、B 、C 、D 四个选项的多项选择题)。 右击“文件夹”窗格空白处 , 选“新建网页” , 命名为“ right.htm ”,该评价网页存放回答正确的反馈信息。双击它,点“插入 图片 来自文件” , 点“从计算机上选择一个图片文件”按钮 , 选中合适的 gif 动画文件 , 确定。弹出“保存嵌入式图片”对话框,点“改变文件夹” , 选“ images ”文件夹 ( 默认存放站点图片的文件夹 ) ,点“确定”。在插入的 gif 动画右侧输入表示鼓励、赞赏的文本(
9、如“您真行!”、“您真聪明!”)。点“保存”按钮。用同样的方法制作“ wrong.htm ”,该评价网页存放回答错误的反馈信息。 回到课堂练习网页 , 依次将 A 、B 、C 、D 四个选项链接到评价网页 , 目标框架设“新建窗口”,即在新窗口中打开评价网页。保存后预览。 用FrontPage制作网页课件教程 用FrontPage制作网页课件教程汇总 高一frontpage制作网页教程(二) frontpage网页制作教案 网页制作FrontPage教案 frontpage2000网页制作教程(完全版) Frontpage网页制作经验总结 Frontpage网页设计之主页制作 用FrontPage制作网站(反思) 网页设计制作教程