第七章 网页制作软件FrontPage 163 实验二:在网页中插入对象相关实训
【实验目的】
1. 掌握常用组件的运用; 2. 掌握表单的使用; 3. 掌握表格的使用; 4. 熟悉站点的发布操作; 【实验内容】
1.在网页中插入图片; 2.在网页中应用表格; 3.使用图片库效果; 4.插入滚动字幕;
5.在网页中插入 Flash 动画; 6.在网页上实现在线电影功能; 7.在网站中插入计数器; 8.在网页中创建表单; 9.站点的发布。 【实验步骤】
1.在网页中插入图片
只有文字的网页肯定会显得单调,达不到所需的效果。因此在制作网页时,都要在页面中加上适当的图片。在网页中插入图片时,一般常用的图片格式有 GIF、PNG和 JPEG。这是因为这些图片格式的文件信息量很小,适合于网络传输,而且适用于各种系统平台。
在网页中插入图像的方法如下。
(1) 将光标放置在要插入图片的位置,选择【插入】|【图片】|【来自文件】命令,如图 7-2-1所示。
图7-2-1 选择【插入】|【图片】|【来自文件】命令
164 计算机应用实训 (2) 打开【图片】对话框,然后指定图片所在的位置和文件名,如图7-2-2所示。 注意:如果当前已建立的站点文件夹中已存在有图片,则会打开当前文件,如果当前站点文件夹中没有图片,则会在【我的文档】中查找图片。此外,与其他 Office程序一样,FrontPage 也支持剪贴画功能,可以从剪贴画库中导入图片。插入图片后,再在FrontPage中缩放和裁剪图片等。
图7-2-2 【图片】对话框
(3) 选择图片后,单击【确定】按钮,即可把图片插入到指定位置,如图7-2-3所示。
第七章 网页制作软件FrontPage 图7-2-3 在网页中插入图片
165 2.在网页中应用表格
利用表格可以有效地组织大量的数据,段落格式不随窗口的放大或缩小而变化。可以在表格中输入文字,也可以在表格中插入图片,使它们排列整齐,其效果如图7-2-4所示。
图 7-2-4 在表格中插入图片
在网页中插入表格的方法如下。
(1) 选择【表格】|【插入】|【表格】命令,打开【插入表格】对话框。
(2) 在【插入表格】对话框中,设置表格的行数、列数、对齐方式和单元格边框宽度等属性,如图7-2-5所示。
(3) 单击【确定】按钮即可。
(4) 插入表格后,可右击表格,然后在弹出的快捷菜单中选择【表格属性】命令,即可打开如图7-2-6所示的【表格属性】对话框。在该对话框中,可以设置对齐方式、单元格边距、单元格间距、边框的粗细、边框的颜色、背景色以及表格三维边框的颜色等。
166 计算机应用实训 图 7-2-5 【插入表格】对话框 图7-2-6 【表格属性】对话框
3.使用图片库效果
图片库效果是 Web 组件中的一种,下面介绍其操作方法。
(1) 首先准备好要使用的网页素材,例如图片等,然后将光标移动到要添加横幅广告的地方。
(2) 选择【插入】|【Web 组件】命令,打开【插入 Web 组件】对话框。 (3) 选择【图片库】项,然后再选择一种图片库选项,如图7-2-7所示。
图7-2-7 【插入 Web 组件】对话框
(4) 单击【完成】按钮,打开【图片库属性】对话框,如图 7-2-8所示。
(5) 单击【添加】按钮,选择【图片来自文件】命令,打开【打开】对话框,指定图片的位置和文件名。
(6) 单击【打开】按钮,即可添加第一张图片,使用同样的方法添加多张图片,然后设置其他的选区内容,如图7-2-9所示。
第七章 网页制作软件FrontPage 167
图7-2-8 【图片库属性】对话框 图7-2-9 添加多张图片
(7) 单击【确定】按钮,然后按 F12 键切换到 Internet Explorer 浏览器进行浏览,当用户单击上面的缩略图时,下面就会显示相应的图片,如图7-2-10所示。
图7-2-10 图片库效果
4.插入滚动字幕
在网页中创建字幕可以在浏览器中显示一条水平滚动的文本信息,具体操作方法如下。
(1) 将光标定位到要创建字幕的位置,或选中要在字幕中显示的文本,然后选择【插入】|【Web 组件】命令,打开【插入 Web 组件】对话框。