文档介绍:网页设计与制作教程(第2版)
机械工业出版社同名教材配套电子教案
第10章用FrontPage 2002编辑网页
使用图形
给图片添加文字提示
创建图片库
创建图像映射
创建图片的热点区域
给图片添加超链接
给图片的热点区域添加提示文字
创建超链接
创建指向网页或文件的超链接
书签
跟踪超链接
插入组件
网页横幅
注释
水平线
站点计数器
使用多媒体
习题10
使用图形
在网页中插入图片的方法为:
1) 在“网页”视图模式下,将插入点放置到要插入图片的位置。
2) 单击常用工具栏中的“插入文件中图片”按钮,或从“插入”菜单的“图片”子菜单中选择“来自文件”命令。如果没有打开站点,只打开了网页,将直接打开“图片”对话框中的“选择文件”对话框,如图10-1所示。
在图片上单击右键,打开图片的快捷菜单,如图10-4所示。
给图片添加文字提示
创建图片库
1. 创建图片库
创建图片库的方法为:
1) 指定要创建图片库的位置,单击创建空白网页。
2) 在“插入”菜单中选择“Web组件”,再在弹出对话框的左边窗格中选择“图片库”,在右边窗格中选择“图片库”的布局类型,如图10-11所示。
3) 选定布局类型后,“照片库属性”对话框会自动打开,如图10-12所示。单击“添加”按钮将图形插入到照片库。
创建图像映射
创建图片的热点区域
给图片添加超链接
给图片的热点区域添加提示文字
因为热点区域在页面上是不可见的,为了便于访问者的操作,所以要为热点区域加上说明性的文字。
1. 向图形添加文本热点
向图片添加文本热点的方法为:
1) 在“网页”视图中单击图形。
2) 在“图形”工具栏上,单击“文本”。
3) 在显示在图片上的文本框内键入文本,如图10-18所示。
4) 单击并拖动控点来调整文本框大小,单击并拖动边框来移动文本框。
5) 双击文本框的边缘打开“插入超链接”对话框。
FrontPage会提示用户将图形保存为Gif格式,将减少图形中颜色的数目,使图片文件变小。
2. 为热点指定目标
为热点指定目标的方法与给图片添加超链接中指定链接目标的方法相同,可参看“给图片添加超链接”小节的内容。
创建超链接
创建指向网页或文件的超链接
书签
1. 创建书签
如果文本被标为书签,文本就会以下底线显示。操作方法为:
1) 在“网页”视图模式下,将插入点定位在想要创建书签的地方,或者选择想要指定书签的文本。
2) 在“插入”的菜单中,单击“书签”。
3) 在“书签名称”框中,键入书签的名称(空白也接受)。
2. 创建指向一个书签的超链接
指向一个书签的超链接也叫做锁定标记,它被显示在目标URL之前附加的井字记号(#)。操作方法为:
1) 在“网页”视图模式下,键入将要用作超链接的文本然后选中它。或者,如果要将书签名称当作超链接文本,则可将插入点定位在想要插入超链接的地方。
2) 单击“超链接”。
3) 选择包含书签的网页。
4) 在“书签”框上,单击要将其作为目的端的书签。
3. 删除一个书签
删除书签的操作方法为:
1) 在“网页”视图模式下,单击位于“插入”菜单中的“书签”。
2) 在“此网页中的其他书签”框中,单击想要删除的书签。
3) 单击“清除”,然后单击“确定”。