第10章用FrontPage模板创建网页

网页设计与制作教程

(第2版)

机械工业出版社

第10章用FrontPage 模板创建网页

10.1使用图形

10.2给图片添加文字提示

10.3创建图片库

10.4创建图像映射

10.4.1 创建图片的热点区域

10.4.2 给图片添加超链接

10.4.3 给图片的热点区域添加提示文字10.5创建超链接

10.5.1 创建指向网页或文件的超链接10.5.2 书签

10.5.3 跟踪超链接10.6插入组件10.6.1 网页横幅10.6.2 注释

10.6.3 水平线10.6.4 站点计数器10.7使用多媒体

习题10

10.1 使用图形

在网页中插入图片的方法为：

1)在“网页”视图模式下，选择插入图片的位置。

2)单击“插入文件中图片”，或点击“插入”-“图片”-“来自文件”命令，如图10-1所示。

在图片上单击右键，打开图片的快捷菜单，如图10-4所示。

10.2 给图片添加文字提示

10.3 创建图片库

1.创建图片库

创建图片库的方法为：

1)指定要创建图片库的位置，单击创建空白网页。

2)“插入”-“Web组件”-“图片库”-“图片库”的布局类型，如图10-11所示。

3) 选定布局类型后，“照片库属性”对话框会自动打开，如图10-12所示。单击“添加”按钮将图形插入到照片库。

10.4 创建图像映射

1.向图形添加文本热点

向图片添加文本热点的方法为：

1)在“网页”视图中单击图形。

2)在“图形”工具栏上，单击“文本”。

3)在显示在图片上的文本框内键入文本，如图10-18所示。

4)单击并拖动控点来调整文本框大小，单击并拖动边框来移动文本框。

5)双击文本框的边缘打开“插入超链接”对话框。FrontPage会提示用户将图形保存为Gif格式，将减少图形中颜色的数目，使图片文件变小。

2.为热点指定目标

参看“给图片添加超链接”小节的内容。

10.5 创建超链接

10.5.1创建指向网页或文件的超链接

10.5.2书签

1.创建书签

如果文本被标为书签，文本就会以下底线显示。操作方法为：1)在“网页”视图模式下，将插入点定位在想要创建书签的地方，或者选择想要指定书签的文本。

2)在“插入”的菜单中，单击“书签”。

3)在“书签名称”框中，键入书签的名称（空白也接受）。

2.创建指向一个书签的超链接

指向一个书签的超链接也叫做锁定标记，它被显示在目标URL之前附加的井字记号（#）。操作方法为：

1)在“网页”视图模式下，键入将要用作超链接的文本然后选中它。或者，如果要将书签名称当作超链接文本，则可将插入点定位在想要插入超链接的地方。

2)单击“超链接”。

3)选择包含书签的网页。

4)在“书签”框上，单击要将其作为目的端的书签。

3.删除一个书签

删除书签的操作方法为：

1)在“网页”视图模式下，单击位于“插入”菜单中的“书签”。

2)在“此网页中的其他书签”框中，单击想要删除的书签。

3)单击“清除”，然后单击“确定”。

10.5.3跟踪超链接

10.6 插入组件

1.网页横幅

2.注释

3.水平线

4.站点计数器

10.7 使用多媒体

1.设置网页的背景声音

为网页的背景添加声音的方法为：

1)在“网页”视图中，用鼠标右键单击网页，再单击

快捷菜单上“网页属性”。

2)“网页属性”-“常规”-“背景音乐”-“位置”栏

中，键入要播放的声音文件，或单击“浏览”，如图10-28所示。

3) 选择“不限次数”复选框就可以连续的播放声音。取消“不限次数”复选框，在“循环次数”栏中输入声音要播放的次数，就可以按规定的次数循环播放声音。

2.插入视频

向网页插入视频的方法为：

1)在“网页”视图中，指定插入视频的位置。

2)在“插入”菜单中，单击“图片”选项中的“视频”选项。

3)在打开的“视频”对话框中选择要插入的视频文件，然后单击“打开”。如图10-29所示为插入视频后的预览效果。

3.视频属性的设置

用鼠标右键单击视频，再单击快捷菜单上的“图片属性”，然后单击“视频”选项卡可以设置视频属性，如图10-30所示。操作方法为：

1)若要在网页被访问者打开时播放视频文件，选中“打开文件时”复选框。

2)若要在访问者的鼠标移到视频上方时播放视频文件，选中“当鼠标悬停于其上时”复选框。

3)在“循环次数”栏中可以设定视频文件播放的次数。或选中“无限次数”选项，可以连续不停的播放视频文件。4) 在“循环延迟”栏中，以ms（毫秒）为单位输入时间

用以设置播放之间的延迟时间。

4.添加插件

插件是集成到Web浏览器中的程序模块，它提供一定程度的交互和多媒体功能，用于播放、暂停和重放等功能。添加插件的方法如下：

1)插入-Web组件-插入Web组件-组件类型-高级控件，“选择一种效果”中，双击“插件”。

3)插件属性-数据源，键入文件的位置以加载插件，或单击“浏览”查找文件，如图10-32所示。

4)在“浏览器不支持插件时显示的消息”中输入一段说明性的文本。在“大小”中可以定义“高度”、“宽度”和“隐藏插件”等属性。在“布局”中可以指定插件的对齐方式、边框粗细、以及水平间距和垂直间距。