第三、四次上机.doc

PAGE 12 PAGE 12 实验三 利用FrontPage 2000/2003制作简单网页 实验目的 ⑴ 进一步熟悉FrontPage 2000/2003的基本操作。 ⑵ 掌握使用表格来格式化文本，布局网页元素。 ⑶ 掌握图片的插入，编辑以及建立超链接。 ⑷ 熟悉各种超链接的使用。 ⑸ 了解框架网页的应用。 相关知识 ⑴ 在网页中，表格的应用范围更广泛，除了合理的组织网页内容，表格的单元格中可以放置文本，图形以及表单等，从而更有效的控制整个网页的布局。 FrontPage 2000/2003中的表格操作大部分可以在快捷菜单中实现，和Word 2000/2003类似的，FrontPage也提供了“表格”工具栏用于快速对表格进行拆分、合并、删除等操作。FrontPage 2000/2003还允许为表格添加标题，标题可以作为表格的一部分参与复制、粘贴、删除等操作。 将表格的边框粗细设置为0，则表格不被显示，但仍然存在。通常用此来定位单元格内元素的位置，使网页更加紧凑，布局更为合理。分栏、首字下沉等效果都可以使用表格来实现。 ⑵ 在网页中使用的图像通常有两种格式：GIF和JPEG，其中GIF最多只能表示256色图像，但可以实现图像的透明颜色以及动画等；JPEG则可以显示真彩色图像。两种格式因为压缩率高，图像失真率小，因而在网络传输中得到了广泛的应用。 FrontPage 2000/2003插入图像和Word相同，但提供了更强劲的编辑功能。FrontPage中可以进行图像格式的转换、为图片添加文字、制作缩略图、指定透明色、指定超链接等。另外，FrontPage还可以为图像的一部分区域（称为“热点”）单独指定超链接。 除了单独作为一种页面元素，FrontPage中图像还可以作为网页、表格、单元格等的背景。 ⑶ 超链接是WWW的基础，页面的转换、文件的下载、Email的发送等都可以通过超链接来实现。FrontPage中文本，图像、图像的一部分都可以作为超链接的源，超链接的目标URL除了可以是网页以外，还可以是任何的文件，Email地址，页面中的书签等。 FrontPage中除了可以设定超链接在不同时刻的颜色之外，还可以指定当鼠标指向超链接时的翻转效果，以使页面更加丰富多彩。 ⑷ 框架网页是一种特殊形式的网页，它把浏览器窗口分割成不同的区域，各区域之间可以通过超链接来互相影响，使网页呈现的内容更加多样化和动态化。 框架网页为在有限空间进行内容切换提供了便利。框架网页除了本身作为一个页面文件之外，每个框架都是一个单独的页面文件，可以进行单独的定制，拥有自己单独的属性。框架网页的保存包括了本身的保存和每个单独页面的保存，框架网页的框架栏可以改变粗细，也可以隐藏，既可以通过它改变每个框架的大小，也可以固定每个框架的大小。 三、实验范例 示例一 使用表格格式化文本和图形。 ⑴ 启动FrontPage 2000/2003并新建一个空白页面。 ⑵ 选择“表格”菜单下“插入”、“表格”命令，插入一个三行两列的表格，其中设定对齐方式为“水平居中”，边框粗细为1象素。 ⑶ 选择“插入”菜单下“图像”、“剪贴画”命令，在第一列单元格里面插入“动物”类别里边的不同动物图像，调整其大小合适，在第二列里边输入对应的说明。 图6.7使用表格来格式化内容⑷ 单击“表格”、“插入”菜单下“标题”命令，为表格设置标题，并修改其字体为粗体,24磅，如图6.7。 图6.7使用表格来格式化内容 ⑸ 点击“文件”菜单下“保存”命令，保存网页为Example1.htm。 示例二 图像的简单编辑。 ⑴ 点击示例一中的狮子图像，“图像”工具栏会自动出现，如果没有出现，请点击“查看”、“工具栏”、“图像”命令来调出“图像”工具栏。 图6.8 练习使用超链接⑵ 选择工具栏上面的“设置透明的颜色”命令，在狮子图像的颈部深颜色处点击，则狮子的颈部颜色被设置为透明色，即成为背景色－白色 图6.8 练习使用超链接 ⑶ 插入的剪贴画如果不调整大小，占据页面宽度很大，选中图像，点击“图像”工具栏上的“自动缩略图”，则系统自动生成一个缺省大小的缩略图代替原图像，并且在四周以蓝色边框作为标记，用户浏览时点击缩略图，系统会自动链接到原图像。 注：示例一和二中图片在编辑或者保存时系统会提示转换为GIF文件。只有在GIF文件上才能进行添加文字、设置透明色等操作。 示例三 超链接的使用。 ⑴ 新建一个空白页面，并输入如图6.8 所示的内容。 ⑵ 选择文本中的“”，点击工具栏上的“添加超链接”按钮，在弹出的对话框中“URL”处输入“”，则点击此链接将会链接到中国国际广播电台的网站，如图6.9。以同样的方式可以为其他文字添加不同的链接。 ⑶ 选中页面中的图片，在右键快捷菜单中选择“超链接”命令，同样可以调出