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

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

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

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

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

§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文字的换行

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

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

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

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

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

§4.6.4 建立超级链接P318 等级考试操作实例 3-2、超级链接：将网页上方文字“友情链接”超级链接到http://www.hzcnit.com。 3-3、超级链接：将网页上方文字“联系我们”与电子邮件djks@163.com链接。 5-2、超级链接：将1中插入的图片，与travel@hzcnit.com电子邮件地址建立链接。 5-4、超级链接：将文字“旅行注意”超级链接到Word文档notice.doc上（该文档位于考生文件夹中的Paper\fp_files目录下）。

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