




已阅读5页,还剩15页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
微机教学计划 五年级下学期 教学目的 帮助学生建立对计算机的感性认识 使学生了解计算机在日常生活中的应用 培养学生学习 使用计算机的兴趣和意识 使学生了解计算机的一些基本常识 初步学会计算机的一般使用方法 帮助学生确立正确的学习态度 养成爱护机器设备 遵守机房规则等良好习惯 教学内容 学习运用 Frontpage 软件看作网页 提高操作能力 培养学生的创造能力和创新精神 教学重点 难点 关键 运用各种方法和技能创作作品 教学方法 讲授法 上机实习法 演示法 练习法 自学指导法 谈话法 讨论法 程序教学法 教学时数 17 课时 微机教学进度表 五年级下学期 周数 教学内容 课时 1 第一课 认识 Office 家族的另一个成员 Frontpage 1 2 第二课 建立自己的站点 一 1 3 第二课 建立自己的站点 二 1 4 第三课 制作一个航天网站 一 1 5 第三课 制作一个航天网站 二 1 6 第四课 综合实践 制作电子地图 一 1 7 第四课 综合实践 制作电子地图 二 1 8 第五课 让网页中的文字和图片动起来 一 1 9 第五课 让网页中的文字和图片动起来 二 1 10 第六课 设置网页的过渡效果和广告板 一 1 11 第六课 设置网页的过渡效果和广告板 二 1 12 第七课 使用网页模板 一 1 13 第七课 使用网页模板 二 1 14 第八课 使用表格 1 15 第九课 制作框架网页 1 16 第十课 综合实践 制作个人主页 1 17 第十一课 学期回顾 1 课题 第 1 课 认识 OFFICE 家族的另一个成员 FRONTPAGE 总 1 节 教学内容 第六册 P1 P3 课型 新授 教学目的 使学生初步认识 Frontpage 2000 使学生初步认识 Frontpage 2000 窗口 教学重难点 认识 FRONTPAGE 窗口 教学软件 Frontpage 2000 教学过程 一 导入新课 同学们一定去了不少站点吧 这些站点的页面都设计得非常精美 让你在浏览信息的同时 还 可以得到美的享受 这么吸引人的页面 是怎么制作出来的呢 你想不想也做一个精美的个人 主页呢 如果你的回答是肯定的 那我们就一起学一下 FrontPage 的使用 是优秀的专业化网 页设计软件之一 使用 FrontPage 你只要几分钟就可以建立一个自己的网页 这可是一件令 人激动的事哟 二 新授课程 1 启动 FrontPage 1 单击 开始 2 选择 程序 3 指针指向 Microsoft frontpage 单击打开 2 介绍 FrontPage 窗口 1 介绍 标题栏 2 讲解 菜单栏 3 介绍 工具栏 4 介绍 视图栏 和 编辑区 注意讲解在 工具栏 的任意位置单击右键可以弹出 菜单选择 菜单 进行菜单的选择 3 介绍 编辑区 1 讲解 编辑区 是主要的工作窗口 可以在里面输入多媒体信息 2 介绍 编辑区 左下角的三个 显示模式 的切换分别是 普通 HTML 和 预览 3 介绍三种 显示模式 的区别 普通 是可以直接编辑的窗口 HTML 是超文本标识语言编辑 窗口 预览 是发布服务器后在浏览器中打开的显示效果 三 介绍退出 Frontpage 2000 用鼠标指针点击 标题栏中的关闭按钮 强调要提前保存好 不然会弹出保存窗口 板书 Frontpage 用来编辑窗口的 标题栏 菜单栏 工具栏视图栏 编辑区 普通 HTML 预览 单击 关闭 按钮 课题 第 1 课 第二课时 课型 新授课 总 2 节 教学目标 1 知道网页制作必备 2 了解网页制作须知 教学重点 难点 重点 知道网页制作必备 难点 了解网页制作须知 教时安排 1 课时 教学过程 一 导入 随着 Internet 的普及和发展 学会网页制作日益成为一项必不可少的工作 在众多的网页设计 制作工具中 美国 Microsoft 公司推出的 FrontPage 2000 中文版软件 深受大家喜爱 它不仅 具有中文界面 软件普及率高 知名度高 功能齐全 操作界面成熟等优点 还具有易学易用的特 点 因此 我们主要以 FrontPage 2000 为主 向同学们介绍各种网页的制作方式 二 新授 1 建立简单的页面 你现在正在上网 一定去了不少站点吧 这些站点的页面都设计得非常精美 让你在浏览信息 的同时 还可以得到美的享受 这么吸引人的页面 是怎么制作出来的呢 你想不想也做一个精 美的个人主页呢 如果你的回答是肯定的 那我们就一起学一下 FrontPage 的使用 FrontPage 是优秀的专业化网页设计软件之一 使用 FrontPage 你只要几分钟就可以建立一 个自己的网页 这可是一件令人激动的事哟 2 页面的修饰 你可能要问 在 Internet 上看到有许多网页上不仅有文字 还有图像 声音甚至视频 这又是怎 么制作的呢 3 视频和音频 为了使网页更加丰富多彩 我们还可以在其中插入视频和音频特效 4 让别人看到 我们现在编辑的站点是一个个的文件 在 Internet 上的人怎么访问这个网页文件呢 我们只 要将编辑好的站点上传到 WEB 服务器上 别人就可以通过 URL 地址访问这个站点了 在 Internet 上计算机 文件夹 文件等所有的资源都是用 URL 命名的 当输入的 URL 地址发 送给 WEB 站点服务器之后 服务器就会做出响应 把指定的 WEB 文件发送给计算机的浏览 器 我们就可以在浏览器中浏览 WEB 页了 比如我们在 IE 地址栏中输入洪恩公司的 URL 地 址 单击 转到 按钮 就可以进入洪恩公司的网页 你可能要问 在地址栏中并没有写出要访问的文件名 为什么总是访问洪恩公司的第一个页 面呢 是这样的 我们输入的 URL 虽然没有指定要访问洪恩公司站点的哪一个目录和文件 但 WEB 服务器会自动指定一个该 WEB 站点的页面 我们把这个页面称为 WEB 站点的主 页 它的作用就好像是一个门 我们可以通过这个门进入站点的其他各部分 WEB 站点总是由 一个主页和许多从页组成的 三 小结 好了 FrontPage 的入门知识就讲到这里 如果要制作一个好的网页 还有许多知识要学习 在 后面的教程里 我们会系统地教您 FrontPage 的使用 希望大家通过这些学习 能够自己设计 出精美的网页 课题 第 2 课 建立自己的站点 一 课型 新授 总 3 节 教学内容 第六册 P3 P6 教学目标 1 学会创建站点 2 掌握设置站点 3 学会建立只有一页的站点和个人站点 教学重点 难点 重点 建立站点的方法 难点 建立站点的方法 教时安排 1 课时 一 导入 我们讲了这么多的网页设计技巧 现在就可以进入创建站点的学习了 二 新授 用 FRONTPAGE 创建站点是很容易的 首先 我们来看一下创建一个只包含一个网页的站点 选择 文件 菜单的 新建 选项 单击 站点 命令 这时新建站点对话框就弹出来了 在 指定新站点位置 文本框中输入新站点的位置 单击 只有一个网页的站点 图标 单击 确 定 按钮 这就建立好站点了 我们现在来看一下新的站点里有什么 单击 视图 工具条的 文件夹 按钮 在文件夹列表里有一个网页文件 名字叫做 index htm 我们知道 每一个站点都要有一个主 页 这个主页也是一个网页文件 浏览者访问站点时首先进入的就是站点的主页 主页的名字 在一般情况下就叫做 index htm 就是说我们新建只包含一个网页的站点时 FRONTPAGE 就自动为我们创建了站点的主页了 这个新建的站点主页时空的 我们可以向里面添加内容 在文件列表里除了主页之外 还有文件夹 新建站点时 FRONTPAGE 都会在站点所在位置下 新建两个文件夹 一个是 images 另一个是 private 我们在编辑站点时可以在 image 文件夹里放置站点用到的图片 private 文件夹比较特殊 其中的文件对浏览者来说是隐含的 我们可以把一些不想让浏览者 看到的网页文件放在这个文件夹里 比如 我们可以在这个文件夹里存放注册用户的个人信 息 三 小结 课题 第 2 课 建立自己的站点 二 课型 新授 总 4 节 教学内容 第六册 P3 P6 教学目标 1 学会创建站点 2 掌握设置站点 3 学会建立只有一页的站点和个人站点 教学重点 难点 重点 建立站点的方法 难点 建立站点的方法 一 导入 尽管每一个站点都要有一个主页 不过创建站点时我们仍然可以从一个空站点开始 二 新授 选择 文件 菜单的 新建 命令 单击 站点 选项 在 新建站点 对话框里 我们可以选择 空站点 图标来创建一个空站点 新建站点 对话框中还有许多其他图标 这是 FRONTPAGE 提供的用来创建站点模板或向 导 我们创建只有一个网页的站点或者创建空站点 都是从头开始来创建一个站点 这就好像 盖房子一样 首先画图纸 然而 有许多的房子都具有相似的结构和用途 所以我们可以用一张 图纸盖很多相似的房子 这样就节省了许多工作 同样的 尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的 如果我们从头 开始建立站点的话 就要做许多重复劳动 这时 我们就可以使用模板或向导来建立站点 模板和向导的作用就好像盖房子的图纸一样 我们不必每次建立站点时都从头开始 我们单击 个人站点 图标 用它可以迅速创建一个个人站点 输入站点所在的位置 单击 确定 按钮 你看 这就是我们刚才创建的个人站点 个人站点模板已经为我们规划好了站点的目录和建 立了相关的页面 现在我们点击一下 文件夹 按钮 双击 index htm 图标 看 这就是我们的个人站点的主页 哎 好象有许多文字都不对 没关系 这些文字都是可以改变的 现在写的是文字的用途 比如 主题 文字就是用来写网站标题的地方 我们只要把它改为自己喜欢的标题就可以了 返回到 文件夹 模式 双击 photo htm 也可以把风景图片换成自己的照片 只要在新建站点 的基础上进一步修改就可以做出自己的个人站点了 这不仅节省了许多力气 同时也给了初 学者一个良好的出发点 我想 你会喜欢用模板和向导来创建站点的 那么模板和向导有什么区别呢 我们安装软件时 一步步的用对话框提示我们完成安装过程的程序就是一个向导 在 FRONTPAGE 里 向导也是一种模板 不过它是一种特殊的模板 它会以对话框的形式辅助你 完成站点的创建过程 现在我们选择 文件 菜单的 新建 选项 单击 站点 命令 你看 FRONTPAGE 提供了两个向导 公司展示向导 讨论站点向导 使用起来都很方便 你有 兴趣也可以利用向导建立一个站点 三 小结 课题 第 3 课 制作一个航天网站 一 课型 新授 总 5 节 一 教学目标 1 知道站点 主页的概念 能在指定位置建立只有一个网页的站点 2 认识 FRONTPAGE 的界面 3 掌握在主页中插入文字 图片 水平线 4 掌握页面文件与图片的保存 二 教学重点 1 能在指定位置建立只有一个网页的站点 难点 2 能在页面中插入文字 图片 水平线 3 掌握页面文件与图片的保存 难点 三 学情分析 学生已经学习了 WORD POWERPOINT 与上网浏览信息 对计算机的基本操作 WORD 中 文档的编辑 网页的浏览等 比较熟练 这使得学生主动探索 自主学习成为可能 每位学生必须 完成基本任务 有能力的学生还可以完成提高篇的学习 以充分发挥学生的积极性与自主性 四 教学方法 在教学中 一方面采用比较教学的方法 促进学生知识的迁移 另一方面 提供学生一个导学课 件 让学生根据这个网络环境下的课件自己探索学习 以满足不同层次学生的需求 五 教学过程设计 教师活动 学生活动 1 引入课题 激发兴趣 活跃气氛 同学们喜不喜欢上网 经常上新浪 西祠胡同等 有没有同学知道新浪 西祠胡同称做什么 网 站 浏览新浪网站 浏览的第一个页面称为什么 主页 我们还可以浏览其它的页面 点击超链接浏览 当鼠标变成手指的形状时有超链接 问题 1 网站是不是就是网页 用自己的语言描述一下网站的概念 网站包含多个网页 通过超 链接把不同的页面链接起来 问题 2 网页是不是就是主页 第一个页面称为主页 网站设计者可以确定哪一个是主页 主 页的文件名一般为 index htm 主页也是网页 设计网站一般必须经过两个步骤 首先是在计算机里做好 然后发布在 internet 上 让所有的 人访问浏览 今天我们学习用 Frontpage 建立站点 制作一个主页 先来研究一下没有发布的网站 打开教师做的网站 问 同学们看到了什么 文件夹 总结 可以这样理解网站 在资源管理器里 网站表现为一个文件夹 里面存放的是所有与网站相关 的文件 打开主页 浏览页面 这是老师做的一个导学课件 将帮助大家完成学习任务 请学生浏览教师课件 了解学习任务 2 新建站点 FP 的启动 问 与 word 比较 有什么不同 增加了视图区 编辑区有三个窗口 总结 视图区 多种视图模式是为了方便网站的管理 制作网页时 必须在网页视图中编辑页面 普通窗口 鼠标在闪动 可编辑 修改页面 所见即所得的方式 预览窗口 浏览器中出现的效果 与 PowerPoint 中的 放映幻灯片 类似 Html 窗口 编写 HTML 超文本标记语言 它是描述网页内容和外观的标准 打开导学软件 根据步骤 示范建立只有一个网页的站点 强调新站点的位置 路径的正确输入 站点的名称 教会学生利用导学课件 根据导学软件完成任务 任务 1 学生根据导学课件 在 d 建立自己站点 教师巡视指导 请一位学生示范如何建立站点 教师总结 问 在文件夹列表中看到了什么 分析多出的文件夹列表栏 多了一个文件夹 里面有两个子文件夹和主页 图片存放在 images 文件夹中 3 编辑主页与保存主页 看效果图 请学生分析主页中的元素 总结 鲜明的主题 如 我的世界 我的宠物等 有分割页面的水平线 与主题相关的图片 对网站 的简单介绍 根据导学软件 学生完成任务 2 设计主页 保存主页与图片 教师巡视指导 4 总结反馈 请学生示范 讲解如何插入图片 来自剪贴画与来自文件 插入水平线 如何保存 总结 必须切换到 普通 窗口下编辑 主页的保存中存在问题 单击 文件 保存 或工具栏的 保存 按扭 弹出一个对话框 保存嵌入式文件 改变文件夹 图片必须保存在本站点 images 文件夹中 便于站点的管理 5 请学生继续完成自己的主页 有能力的同学完成提高篇 教师巡视指导 6 教师与学生共同评价总结 展示学生作品 教师与学生共同评价 请学生总结今天的学习内容 建立包含一个页面的站点 主页的设计与保存 学生回答问题 学观察鼠标指针 学生回答问题 学生观察网站的表现形式 齐声回答 学生浏览课件 并了解本节课的学习任务 学生观察 FP 界面与 word 的不同 学生回答 学生观察教师演示不同编辑窗口的区别 学生上机操作 在指定位置建立自己站点 请先做好的学生当小老师 辅导其它学生 学生回答 学生操作 同桌互相帮助 并参考教师做的课件 利用网络环境下的课件自己探索学习 满足不 同层次学生的需求 学生总结 注 课件中包含每一个操作过程的操作步骤及拓展的知识 基本任务与提高任务的效果图 课题 第 3 课 制作一个航天网站 二 课型 新授 总 5 节 教学目标 1 了解视图与模式 2 学会创建网页 3 掌握修饰文本与使用项目符号和编号 教学重点 难点 重点 学会修饰文本 难点 掌握使用项目符号和编号 教时安排 1 课时 教学过程 一 导入 今天这节课我们一起来学习怎么编辑网页 二 新授 1 视图与模式 现在进入 FRONTPAGE 单击任务栏 开始 按钮 选择 程序 选项 单击 MICROSOFT FRONTPAGE 选项就可以了 可能你会发现 PRONTPAGE 界面和 WORD 很相似 这是因 为编辑 WEB 页面和编辑 WORD 文档有很多同样的设置 这些设置所用的图标和 WORD 中 的是一样的 2 创建网页 下面我们讨论怎样创建页面 创建页面最简单的方法就是单击 FRONTPAGE 常用 工具栏的 新建 按钮 它的右方有一个 向下的小箭头 它是用来选择要新建什么 可以用 新建 按钮新建网页 站点 文件夹和任务 默 认状态下是新建网页 如果要新建网页 可以不用向下箭头键选择 而直接单击 新建 按钮 不过使用文件菜单的 新 建 命令来新建网页能够有更大的选择 单击文件菜单的 新建 命令 选择 新建网页 在 新建 对话框里 可以看到 FRONTPAGE 提 供的许多网页模板 我们可以用这些模板来建立相应的网页 在右下角的预览框里可以看到 选中模板的外观 选择 两栏正文 网页 这样就创建了一个新的分为两栏的网页了 然后点确定 使用模板可以不用总是从空白网页开始编辑 这样就省力很多 3 修饰文本 怎样使文字更丰富 活泼呢 一个简单的方法就是使用 格式 工具栏 字体设置 选上文字 打开格式工具栏的 字体 下拉列表框 在里面选择相应的字体就可以了 如果浏览网页的人使用的计算机没有设置的字体 浏览器会用系统默认的字体代替你设置的 字体 不过 使用常用字体是一个好习惯 字号设置 在 格式 工具栏 字号 下拉列表框中选择相应字体就可以了 工具栏上的 B I U 图标的作用是 按下 B 按钮 被选中的文字就会变为粗体 按下 I 按钮 被选中的文字就会变为斜体 按下 u 按钮 被选中的文字就会带下画线 字的颜色 单击 格式 工具栏 字体颜色 按钮旁的向下箭头 选择适当的颜色 字的颜色就改变 了 还可以对字体进行一些其他设置 选择 格式 菜单的 字体 命令 在这里我们还可以作进一步 的设置 这里除了 格式 工具栏可以做的设置以外 还可以设置许多效果 字符间距 选项卡 它是用来设置文字的间距的 单击 间距 下拉列表 可以选择字符的间距是 普通 扩充还是紧缩的 选择扩充 这时预览框的文字间距就变大了 也可以调整间距大小来改 变间距 输入 10 文字的间距就更大了 定位 下拉列表 在 FRONTPAGE 中每一行都有一个底线 定位就是指文字相对于底线的距 离 也就是把文字上下移动 现在选择 上移 文字就向上移动了 预览框中的黑线就是行的底 线 4 项目符号和编号 设计网页应该层次分明 结构清晰 这可以通过 FRONTPAGE 的列表功能解决 选中要列表的内容 单击 格式 工具栏上的 项目符号 按钮 默认情况下 项目符号是一个小 黑点 你也可以选择其它的项目符号 单击 格式 菜单 选择 项目符号和编号 命令 选择 图片 项目符号 选项卡 单击 浏览 按钮 点 剪贴画 再点 Web 符号按钮 选择合适的图片 单击 确 定 按钮 设置缩进 单击工具栏上的 缩进 按钮 对有顺序的内容列表可以使用编号 单击 格式 菜单的 编号 按钮 现在有一个问题 站点的 主题 站点的共享边框 两行是属于 设计站点风格 的内容 可是也编号了 解决的方法是把 这两项选中 单击 增加缩进 按钮 再次单击 增加缩进 按钮 这样就可以了 要把这两项改为其 他编号方式 可以选择 格式 菜单的 项目符号和编号按钮 在编号框里选择合适的编号形式 单击 确定 按钮 怎样解决列表分级太多而显得不简洁的问题 方法是把子列表折叠起来 称为 折叠大纲 将 鼠标光标移到要折叠的列表的上一级处 单击 设计站点风格 单击鼠标右键 选择 列表属性 命令 将 启用折叠大纲 和 开始时折叠复选框 选中 单击 确定 按钮 打开它时只要单击它就 打开了 三 练习 下面请同学们自己练习一下 课题 第 3 课制作航天网站 三 总 6 节 教学目标 1 学会插入水平线 插入时间标记和注释 2 学会预览新建页面 教学重点 难点 重点 插入水平线 时间标记和注释 难点 插入水平线 时间标记和注释 教时安排 1 课时 教学过程 一 导入 今天这节课我们继续来学习怎么编辑网页 二 新授 1 插入水平线 在网页中适时的插入水平线可以使层次分明 最简单的方法是插入水平线使需要分隔的部分 分开 把插入点调整到插入水平线的位置 选择 插入 菜单的 水平线 命令 改变线条颜色 双击插入的线条 在弹出的 水平线属性 对话框里单击 颜色 下拉列表 选择 相应的颜色 单击 确定 按钮 水平线变化有限 装饰性不强 我们还可以插入更丰富的线条来修饰页面 那就是线条图像 线条图像就是一个特别狭长的图像 将水平线选中 按 DEL 键 将水平线删除 选择 插入 菜单 的 图片 命令 单击 剪贴画 选项 选择 图片 选项卡 这里把 FRONTPAGE 提供的剪贴画按 类别放在了下面的列表框中 选择 WEB 框架 选择小石头图像 单击 插入剪辑 按钮 由小石 头构成的线条就插入完成了 如果想把线条缩短一点 可以在线条上单击鼠标右键 选择 图像属性 命令 打开 图片属性 对 话框 选择 外观 选项卡 选择 指定大小 将宽度的单位设置为百分比 将宽度调整为 80 单击 确定 按钮 2 插入时间标记 在 INTERNET 上我们经常看到许多网页上都有一个最新更新日期 用来告诉用户页面上一 次更新是什么时候 这是怎么做的呢 看完下面的部分你就知道了 时间标记当活动网页被重新编辑或自动更新之后 会自动改变 设置起来也很容易 在页面末 尾输入 更新时间 执行 插入 菜单的 日期与时间 命令 在 日期时间属性 对话框中选择 该 网页上次编辑日期 如果要改变日期的格式 可以单击 日期格式 下拉列表 选择合适的格式 3 插入注释 怎么在网页里插入注释呢 在我们创建编辑和修改网页的过程中 经常需要插入一些文字 表 明设计的意图和方法 在编辑网页时作为参考和提示 这就是注释 插入注释的方法是 普通模式下单击当前网页要插入注释的位置 把插入点设置到那里 选择 插入菜单 的 注释 命令 这样就会弹出 注释 对话框 在 注释 文本框中输入注释的内容 单击 确定 按钮 在指定的位置注释出现了 现在单击 预览 选项卡 切换到预览模式 注释没有出现 实际上注 释并不是在浏览器中显示的网页的一部分 浏览者通过浏览器是看不到网页里的注释的 4 预览新建页面 设计好的页面 应该检查它在浏览器中是否显示正常 方法是 一般只要切换到预览模式就可以了 单击 预览 选项卡 在这个预览模式下的显示和在 浏览器中的显示是一样的 但这并不意味着我们就不必用浏览器来检查编辑的网页了 因为 即使是同一个页面 可能在不同的浏览器中显示会不太一样 比如在 INTERNET EXPLORER 中是这样显示的 但是在 NETSCAPE 中又是那样显示的 所以 我们要在自己的机器上多装 几个浏览器 用来检查网页的兼容性 怎么用不同的浏览器来检查呢 选择 文件 菜单的 在浏览器中预览 选项 在浏览器列表框中 选择不同的浏览器 以 INTERNET EXPLORER 5 0 为例 单击 确定 按钮 就可以看到新建 页面在浏览器中的效果了 这一部分内容很简单 但是这些内容在制作网页的过程中几乎每次都会用到 万丈高楼平地 起 不要小看这些最基本的操作呀 三 练习 下面请同学们自己练习一下 课题 第 4 课 综合实践 制作电子地图 一 课型 新授 总 7 节 教学目标 1 学会插入图形 2 掌握设置图形透明 3 学会剪切图形 教学重点 难点 重点 插入图形和剪切图形 难点 设置图形透明 教时安排 1 课时 教学过程 一 导入 今天我们来学习在 FRONTPAGE 中使用图形 二 新授 1 插入图形 如果有一个图形 怎么把它放到网页上呢 首先要看你的图形是什么格式的 也就是它扩展名 是什么 只有扩展名为 GIF 和 JPEG 的图形文件才能成为我们的页面的一部分 因为这两种 图形格式不仅应用广泛 而且有利于节省存贮空间 如果图形不是这种格式 使用了其它格式的图形文件 在保存网页时 FRONTPAGE 会提示做 格式转换 FRONTPAGE 可以自动进行格式转换 现在可我们看看怎么插入图形 选择 插入 菜单的 图片 命令 单击 来自文件 按钮 在默认情况下 FRONTPAGE 认为你要插入的图片总是放在你建立的站点的目录或它的子 目录下的 可以说 站点就是一个目录 我们把编辑的许多网页文件放在同一个目录下 我们称 这个目录为站点的主目录 这些网页引用的图形一般也放在这个目录下 当然 我们也可以在 这个目录下建立其他的子目录 再把所有的图形放在子目录里 所以搜索下拉列表只允许在 主目录和主目录下的子目录进行选择 如果要插入的图片不在主目录下 在 选择文件 对话框中进行选择 选择好文件以后 单击 确定 按钮 回到 图形 对话框 单击 确定 按钮 图形就插入了 现在单击 常用 工具栏的 保存 按钮 在 另存为 对话框中输入新的 web 页文件的名字 单击 保存 按钮 出现了一个对话框 因为我们刚才插入的文件不在站点内 现在 FRONTPAGE 要把它复制 到站点内 可是使用什么名字 放在站点的哪个目录下呢 就要在这设置了 单击 改变文件夹 按钮 另外这儿还在需要时对图形的格式进行转换 单击 位置 按钮 在默认情况下 图形被保 存在站点的主目录下 现在我们选择 IMAGE 目录 单击 确定 按钮 回到 嵌入式文件 窗口 再 单击 确定 这样 图形就保存在站点内了 我们还可以从 INTERNET 上插入一个图形 选择 插入 菜单的 图片 命令 在 URL 栏内输入图片的地址 单击 确定 按钮 由于是插入网上 的图片 因此在插入图形以后 应该保存一下网页 使图形存到站点内 您可能说 我不会画画 插入图片容易 可是编辑图片就不容易了 没关系 FRONTPAGE 自己 带有许多剪贴画 你可以把它们插入到自己的网页 选择 插入 菜单的 图片 命令 选择 剪贴画 你看 各种剪贴画都分类放好了 你可以自由地选择 不过 插入后别忘了保存网页 把剪贴画复制到站点目录下 2 设置图形透明 插入图形只是在网页中运用图形的第一步 在 FRONTPAGE 里 还有许多对图形的设置 你看 这个网页右边那个人的背景和左面的一样 都是白色 只是设置了图形的透明 因此就看 不见白色的背底了 它是怎么实现的呢 单击左边的图形 FRONTPAGE 窗口下又多了一个工具栏 我们称它为 图形 工具栏 这一个就是设置透明的按钮 单击 透明 按钮 在右面的图形的白色部分单击 透明的设置就 结束了 3 剪切图形 下面这两幅图像 小图是大图的一部分 实际上小图是把大图经过修剪后得到的 这在我们只用一幅图的某一部分时特别有用 现在我们把大图也修剪了 首先单击大图 现在 绘图 工具栏出现了 我们单击 绘图 工具栏的 剪裁 按钮 这时图形四周的小点变为了黑色的 下面还出现了一个剪切框 调整剪切框到合适的大小 再把它移动到合适的位置 单击 剪切 按钮 图片就剪切完毕了 好像剪小了一点 没有关系 单击 撤消 按钮 上次的操作就被撤消了 再重新剪切一次就可以 了 如果进行了很多次剪切操作 发现把图弄坏了 这时想重新剪切 该怎么办呢 这时我们可以单 击 绘图 工具栏上的 还原 按钮 图片就被重新载入到文档中 你可以对图片重新进行处理 三 练习 下面请同学们自己练习一下 课题 第 4 课 综合实践 制作电子地图 二 课型 新授 总 8 节 教学目标 1 学会给图形添加文本 2 掌握设置特殊效果 3 图形与文本的对齐 教学重点 难点 重点 给图形添加文本和图形与文本的对齐 难点 设置特殊效果 教时安排 1 课时 教学过程 一 导入 今天我们继续来学习在 FRONTPAGE 中使用图形 二 新授 1 给图形添加文本 我们可以给图形加文字 选中左边的图形 单击图形工具栏 文本 按钮 现在图形中就出现了一个文本框 输入 别淘 气 再按一下 Esc 键 取消文字编辑 就选中文字框了 调整文本框到合适的位置 单击页面其 他区域 文字就添加成功了 如果我要修改单击一下要修改的文字 这时文字作为一个整体被选中了 再点一下文字 这时 文本框里有光标闪烁 你可以编辑文本了 重新输入 你真淘气 在页面其他区域单击 文字 就修改完成了 我们还可以撤消这次操作吗 2 设置特殊效果 我们再来看看 绘图 工具栏的其他按钮有什么用处 先来看一看翻转按钮组 这一个是向左翻转按钮 可以使图形逆时针翻转 90 度 这一个是向右翻转按钮 可以使图形顺时针翻转 90 度 这一个是水平翻转按钮 可以使图形左边变右边 右边变左边 这一个是垂直翻转按钮 可以使图形上边变下边 下边变上边 看这一个网页 上面的一幅图是下面两幅图叠加起来的 这在 FRONTPAGE 里也很容易做到 我们试一试 单击那颗 会动的心 选中它 单击 绘图 工具栏上移一层按钮 使 会动的心 和 猫 不在同一层上 移动 会动的心 使它 跳 到桌子上 再切换到 预览 视图看一下 还不错吧 不过要注意 那个 会动的心 是一个透明的 Gif 动画 所以当把 心 移到桌子上时 Gif 动画的背景色就透明了 当然啦 还得要保存一下文件 下面我们来看一下图形的按钮效果 你看 这两个图标实际上是同一幅图案 现在我们选中右边的那张 单击 绘图 工具栏的 凹凸效果 按钮 这时 图案就变成一个按钮 了 还有其他效果 比如 对比度 按钮 可以增减图形的对比度 亮度 按钮 可以调整图形的亮度 冲蚀 按钮 可以使图形半透明 这些你都可以有空试一试 并在实际使用中灵活运用 3 图形与文本的对齐 一般我们插入的图形总是和文本在一起的 所以调整图形和文本的对齐方式很重要 在默认情况下 图形自动与文本的底部对齐 这一个网页 由于默认的对齐效果 页面出现了大 量的空白 这时就要调整图形的对齐属性 在图形上单击鼠标右键 选择 图片属性 选择 外观 选项卡 我们把对齐方式调整为 左对齐 现在好多了吧 使用图形可以使网页更加丰富多彩 而且我们还可以用图形来建立超链接 使网页相互联系 起来呢 这我们会在下一课讲链接的内容中介绍 三 练习 下面请同学们自己练习一下 课题 第 5 课 让网页中的文字和图片动起来 一 课型 新授 总 9 节 教学目标 1 学会插入滚动字幕 2 掌握设置字幕 教学重点 难点 重点 插入组建与设置字幕 难点 修改字幕属性 教时安排 1 课时 您一定想把网页中的文字变得更生动可是又一时不知道如何下手 看 这个的页面的文字能够在网页上水平滚动 还有各种效果 真不错 这种滚动文字我们称为字幕 它特别醒目 我们经常使用它来发布一些站点的通知或提示信 息 其实创建字幕很简单 我们把插入点放到要使用字幕的位置 选择 插入 菜单的 组件 命令 单 击 字幕 选项 在文本框中输入要滚动的文字 单击 确定 按钮 字幕不动 这是因为我们现在 是在普通模式下 我们单击 预览 选项卡切换到预览视图 字幕的滚动效果就呈现出来了 字幕的字体 字号 字颜色是可以调整的 我们在要调整字体字体 字号或字颜色的字幕上单击 鼠标右键 选择 字体 命令进入 字体 对话框 把字大小改为 5 字颜色改为绿色 当然在这里 你也可以选择 字符间距 选项卡改变字符的间距 单击 确定 按钮 这时字符的外观就改变了 其实 对字幕的字符串外观进行设置和对普通字符串的设置是一样的 只不过字幕字符串是 一个整体罢了 除了可以调整字幕的外观外 字幕的背景颜色 滚动速度等都是可以调整的 我们在字幕上单击鼠标右键 选择 字幕属性 命令 进入 字幕属性 对话框 下面 我一项项给 您介绍 方向 组框用来指定字幕是向哪个方向滚动 现在的设置表示从右向左滚动 速度 组框用来 调整字幕滚动的速度 延迟 表示字幕每滚动一步的时间间隔是多少毫秒 数量 表示字幕每滚动一步的距离是多少像素 表现方式 是调整字幕滚动的具体效果 你可以自己试试 重复 组框用来对滚动效果的循环次数进行选择 背景颜色 用来调整字幕的背景颜色 大小 用来设置字幕的宽度与高度 你可以使用像素来控制字幕的实际大小 也可以使用百分 比来设置字幕的宽度 这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的 文本对齐方式 组框是用来调整字幕和它所在行文字的对齐方式的 里面有三种对齐方式的 效果 象字幕效果是动态 HTML 的一种功能 它是制作网页的一种标准 不过动态 HTML 并不是所 有版本的浏览器都支持 比如字幕效果只有在 Internet Explorer 4 0 与 Netscape Communicator 4 0 以上版本才能看出来 而在低版本的浏览器上它们不过是普通文本罢了 课题 第 5 课 让网页中的文字和图片动起来 二 课型 新授 总 10 节 教学内容 第六册 P35 38 教学目的要求 掌握在 Frontpage 中如何插入滚动字幕并调整其属性 教学重点难点 滚动字幕的制作 教学准备 Frontpage 教学过程 一 复习 在以前的课上 我们学的都是做静止的网页 那么我们能不能在制作网页的过程中加入一些 会动的内容呢 答 能 不能 二 引入 大家在上网浏览的过程中 有没有发现在很多网页上都有一些滚动的文字 那么这些滚动文 字怎么做呢 三 新授 今天我们就来学习在网页上做滚动文字的方法 这样方法叫 滚动字幕 板书 插入滚动字幕 一 插入滚动字幕 做一个滚动字幕需要以下几步步骤 步骤一 把光标置于要插入字幕的地方 步骤二 单击 插入 I 菜单 使用 组件 O 中的 字幕 M 命令 步骤三 在 文本 框中输入文字 欢迎光临 步骤四 选择字幕滚动方向 如 选择为向 左 步骤五 单击 确定 按钮返回页面 教师演示操作过程 板书 放置光标 插入 组件 字幕 输入文字 选择方向 确定 学生按照教师所演示操作过程 完成网页框架属性的设置修改 二 调整字幕 板书 调整字幕 除了可以改变字母的方向外 还可以调整字幕的大小 要调整字幕的大小 可以在 字幕属性 对话框中进行调整 也可以手工调整 板书 字幕属性中调整 手工调整 学生练习 完成 P37 中的 练一练 和 P38 中的 练一练 试着完成 P38 中的 试一试 并请同学来说说他 她 的操作步骤 板书 框架结构的设置 插入滚动字幕调整字幕 放置光标 插入 组件 字幕 输入文字 选择方向 确定字幕属性中调整 手工调整 教学小结 课题 第 6 课 设置网页的过渡效果和广告板 一 课型 新授 总 11 节 教学目的 学习对网页进行格式设置 设置网页的过渡效果 教学重点 难点 学习设置网页的过渡效果 教学过程 一 导入 对网页进行格式设置 可以使网站具有独特的风格 使网页更生动 更有吸引力 下面 我将向大 家介绍如何为网页设置主题 背景和动态效果等 二 新授 设置网页的主题 打开网页 单击 格式 主题 在 主题 对话框中设置网页的主题属性后 单击 确定 删除网页主题 将网页主题的模版设置为 无主题 设置背景 先删除主题 打开网页 单击 格式 背景 在 网页属性 对话框中选择 常规 卡设置背景音乐文件和播放设置 保存音乐文件 在 网页属性 对话框中选择 背景 卡设置背景图片 并进行图片设置 预览 设置动态效果 打开网页 选择设置动态效果的对象 单击 格式 动态 html 效果 在 HTML 效果 对话框中完成设置后 关闭对话框 在预览窗口中预览 设置网页出图方式 打开网页 单击 格式 网页过渡 在 网页过渡 对话框中设置效果后 单击 确定 关闭对话框 在预览窗口中预览 三 小结 课题 第 6 课 设置网页的过渡效果和广告板 二 课型 新授 总 12 节使 教学目的 指导学生学习在网页中设置横幅广告 提高学生的操作能力 培养学生学习计算机的兴趣 重 难点 设置横幅广告 导入 交等本节课学习内容 二 新授 用 Insert 菜单上的 Active Elements 命令 再选择 Banner Ad Manager 命令 将打开 Banner Ad Manager 对话框 如图 9 5 所示 单击 Add 按钮从当前打开的网站或者 WWW 或者本地磁盘中指定多个图像 这些图像的尺 寸最好是一致的 请从 coursware image 文件夹里分别获取 Banner01 gif Banner02 gif Banner03 gif Banner04 gif 调整这些图像的出场顺序 指定一种渐变效果以及每个图像在屏幕上显示的时间 以秒为单位 改变横幅广告的宽度和高度 以像素为单位 为横幅广告创建一个超链 只要在 Link To 框内键入跳转目标的 URL 或者单击 Brower 按 钮定位跳转目标 学生练习 三 小结 课题 第 7 课 使用网页模板 课型 新授 总 13 节 教学目的 1 学习如何使用模板创建新的网页 2 认识主要的一些模板 重难点 使用模板 一 导入 在制作课件时会用到原先的 模板 所以介绍如下 二 新授 实际上 模板 Template 是一种特殊的网页 模板中包含了文本 图像 背景及其它网页元素的 格式 什么是向导 向导 Wizard 是一个程序模块 它向使用者提出问题 让其对有关选项作出选择 然后向导根据其的选择生成相应的文档 要使用 FrontPage 编辑器提供的模板和向导创建新的网页 可使用 File 菜单中的 New 命令 打开 New 对话框 然后单击 Frame 选项 New 对话框中右下的 Options 选择 有两个复选框 若选中 Open in Current Frame 复选框 表示新创建的网页就在当前的框架中打开 若选中 Just Add Web Task 复选 框 表示新创建的网页将加到 FrontPage Explorer 的 Task 视图中 FrontPage 编辑器提供了大约几十个模板 包括普通网页 确认表单 反馈表单 来访者登记 常 见问题解答 个人主页 搜索表单 用户注册等 指导学生练习使用网页模板制作网页 小结 课题 第 8 课 使用表格 课型 新授 总 14 节 教学目的 学习如何在网页中使用表格工具编辑网页内容 重难点 使用表格 教学过程 一 导入 表格是数据表现的一种常用形式 也是文字排版时的一种常用手段 因此 FrontPage2000 也 为用户提供了多种方便的表格操作工具 下面内容将向大家介绍如何在网页中使用表格工具 编辑网页内容 二 新授 创建表格 创建表格有两种方法 创建定制表格和绘制表格 创建定制表格 单击 表格 插入 表格 在 插入表格 对话框中 确认行数 列数 间距 样式后 单击 确定 绘制表格 单击 表格 手绘表格 屏幕下方出现表格工具栏 下面就可以使用表格工具栏来编辑表格 表格工具栏的使用 使用表格工具栏绘制表格 绘表 擦除 插入行列 删除行 设置修改表格属性 选中表格 单击鼠标右健 选择快捷菜单中的 表格属性 在 表格属性 对话框中修改 选中表格 单击菜单 表格 属性 表格 在 表格属性 对话框中修改 1 表格在网页中的定位 对齐方式 水平居中 2 表格和文字的关系 浮动 左对齐 3 表格的边框与阴影 粗
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 球儿真好玩课件
- 安全教育预期培训收益课件
- 猫狗咬伤护理课件
- 猫咪课件课程总结
- 农业无人机租赁市场2025年技术创新与产业升级趋势分析
- 工程安全防台方案(3篇)
- 地铁工程临建方案(3篇)
- 安全教育培训防火漫画课件
- 口腔部门面试题库及答案
- 客户执行面试题库及答案
- 2025年大麻酚油(CBD油)行业研究报告及未来行业发展趋势预测
- 行政执法常识考试题库及答案
- 山东省潍坊市2025-2026学年上学期高三开学调研监测语文试题参考答案
- 钢结构隔断施工方案(3篇)
- 2025年IT技术支持工程师招聘面试技巧与模拟题答案
- 退休业务办理培训课件
- 2025-2026学年沪教版(五四学制)(2024)小学体育与健康三年级(全一册)教学设计(附目录)
- GB/T 20716.2-2025道路车辆牵引车和挂车之间的电连接器(7芯)第2部分:12 V标称电压车辆的制动系统和行走系的连接
- 学校“1530”安全教育记录表(2024年秋季全学期)
- 公路工程标准施工招标文件(2018年版)
- 最全的食物相克表(打印版)
评论
0/150
提交评论