第十二讲 第4章 计算机网络基础及应用_ FrontPage 2000(一)

Presentation on theme: "第十二讲 第4章 计算机网络基础及应用_ FrontPage 2000(一)"— Presentation transcript:

1 第十二讲 第4章 计算机网络基础及应用_ FrontPage 2000(一)
《计算机文化基础》教案 第十二讲 第4章 计算机网络基础及应用_ FrontPage 2000(一) 教学内容 4.6 用FrontPage制作网页 建立站点与保存网页 编辑操作 图片处理 建立超链接

2 §4.6 用FrontPage制作网页P313 4.6.1 建立站点与保存网页 4.6.2 编辑操作 4.6.3 图片处理
建立站点与保存网页 编辑操作 图片处理 建立超链接 表 格 动态效果 框 架 表 单

3 §4.6 用FrontPage制作网页P313 FrontPage的作用 启动与文件操作 缺省文件名 FrontPage 窗口的基本组成
Frontpage 2000是Office 2000组件之一，主要用于网页制作和管理站点中的网页文件夹和网页文档。 “网页制作”是本课中学习FrontPage的重点。 启动与文件操作 与Word、Excel、PowerPoint类似 文件操作——打开、保存、另存为 注意：打开已有的网页文件方法不同一、 缺省文件名 缺省的文件名为“new_page_1.htm” … 缺省的扩展名为.htm FrontPage 窗口的基本组成

4 §4.6 用FrontPage制作网页P313 FrontPage 窗口的基本组成 要熟悉应用程序界面和“网页”视图
“网页”视图的三张选项卡 网页效果预览的两种方法： 网页视图中“预览” 济览器中预览

5 §4.6.1 建立站点与保存网页P314 一、创建新站点 二、新建网页 方法有： 三、保存网页
在FrontPage窗口中执行“文件”→“新建”→“站点”命令，打开如图4.44所示的“新建站点”对话框，选择“只有一个网页的站点”模板，并指定新站点的位置，最后单击“确定”按钮。 创建站点时系统会把文件夹转换为站点文件夹，——添加用于支持FP的特性必要的文件和文件夹。 二、新建网页 方法有： 单击常用工具栏上的“新建网页”按钮 执行“文件”→ “新建”→“网页”命令, 在“网页模板”对话框选模板 在FrontPage的文件夹列表框中，在文件夹列表框的空白位置或某个文件夹上单击鼠标右键——“新建”命令 三、保存网页 执行“文件”→ “保存文件”→设置“另存为”对话框。

6 §4.6.2 编辑操作P315 一、文本修饰 等级考试操作实例
网页文本修饰包括网页标题、网页中字体的大小、颜色、各种效果及段落样式的设置等。 等级考试操作实例 注意打开网页编辑的方法：[右击文件]——[编辑] 3-1、设置文本：将网页顶部的文字“欢迎光临 灵通商务站”，设置为隶书、24磅、颜色设置为Hex={C0,C0,C0}。 10-1、设置文本：设置网页上方导航栏文字“新闻”、“音乐”、“体育”、“艺术”、“电脑”、“法律”，字号为18磅、颜色为Hex={00,00,80}、水平居中。 12-1、设置文本：设置标题字体为黑体，字形为加粗，字号为24磅，字符间距为2pt，并居中，颜色设置为Hex={80,80,00}。 8-3、设置段落：对每个栏目中的内容使用无格式项目列表，并且内容的段落行距设置为1.5倍行距。 (1对比效果图，2“更多”无符号) Enter文字的分段 Shift Enter文字的换行

7 §4.6.2 编辑操作P315 二、插入特殊对象 等级考试操作实例 可插入：符号、水平线、注释及时间戳等。
插入水平线的方法：[光标定位]——[插入]——[水平线] 11-2、在顶部文字的下方插入水平线，颜色为Hex={00,80,00}。 13-2、将标题文字的下方的水平线设置为宽度86%，颜色为Hex={80,00,80}。

8 §4.6.3 图片处理P316 一、插入图片 等级考试操作实例 可插入：GIF、JPG、PNG等类型的图片
插入图片的方法：[光标定位]——[插入]——[图片] →“来自文件”命令。或单击常用工具栏上的“插入文件中的图片“按钮。 执行“插入”→“图片”→“剪贴画”命令可打开Microsoft剪辑库， 等级考试操作实例 3-4、插入图片：将考生文件夹中的Paper\fp_files\motif.jpg图片插入到导航栏文字下方表格的第3列中。 5-1、插入图片：将考生文件夹中的Paper\fp_files\ .gif图片插入到网页的左上方。 6-1、 6-2、 6-3、插入图片：将考生文件夹中的Paper\fp_files\fp_a.jpg图片插入右框中的第2行，设置显示文字为“江南曲”。

9 §4.6.3 图片处理P316 二、设置图片属性 等级考试操作实例 三、图片其他操作
鼠标右单击页面内某一图片，执行快捷菜单中“图片属性”命令，选择“图片属性”对话框中“外观”标签，可以设置图片的大小、对齐方式、图片的边框等 等级考试操作实例 6-1、 6-2、 6-3、插入图片：将考生文件夹中的Paper\fp_files\fp_a.jpg图片插入右框中的第2行，设置显示文字为“江南曲”。——替代文本 6-4、设置所有图片的对齐方式为水平居中，图片宽度为120像素，保持纵横比。 三、图片其他操作 图片的其他操作，可借助于绘图工具栏实现，如6-5热点

10 §4.6.3 图片处理P316 四、设置背景 等级考试操作实例 背景分:(1)背景图片，(2)无图片的背景颜色
(1)背景图片:[格式]—[背景] 或右击FrongPage编辑区，选择快捷菜单中的“网页属性”命令 (2)背景颜色：操作同上 注意：有背景图片时，会盖住背景颜色 等级考试操作实例 17-4、设置网页：将网页的标题设为“世界旅游”，背景图片设置为bkg.gif。 2-1、设置表格背景颜色为Hex={99,CC,FF}。

11 §4.6.4 建立超级链接P318 超级链接是实现页面之间相互跳转的导航路径，创建超链接要指定起点和目标地址。
超链接一般分为文本链接和图片链接（及热点）——超链接的三种资源。 超链接的目标地址有两种：绝对URL和相对URL （URL——统一资源定位规范） 目标还可分为：Web页（网页）、本机文件、邮件

12 § 建立超级链接P318 等级考试操作实例 3-2、超级链接：将网页上方文字“友情链接”超级链接到 5-4、超级链接：将文字“旅行注意”超级链接到Word文档notice.doc上（该文档位于考生文件夹中的Paper\fp_files目录下）。

13 上机实验内容与作业 上机实验十三——FrontPage 2000 基本编辑 作业：完成实验报告十三