第四节　应用实例

通过本章学习，掌握动态网页的制作和在网页中插入动态元素的方法。

（1）单击“常用”工具栏中的“新建普通网页”按钮，新建一个普通网页。

（2）在网页中输入文本“动态网页应用实例”，并将其选中，在“格式”工具栏中设置文本的“字体”为“华文新魏”，“字号”为“18磅”，“字体颜色”为“蓝色”。

（3）选择“插入”→“Web组件”命令，弹出“插入Web组件”对话框，如图8.4.1所示。

图8.4.1　“插入Web组件”对话框

（4）在“组件类型”列表框中选择“动态效果”选项；在“选择一种效果”列表框中选择“字幕”选项，单击“完成”按钮，弹出“字幕属性”对话框，如图8.4.2所示。

图8.4.2　“字幕属性”对话框

（5）在该对话框中对插入的动态字幕属性进行设置，单击“确定”按钮。

（6）在网页中插入一个2×2的表格，并且设置其边框为0。

（7）在第一行的第一个单元格中输入一首诗。

（8）将光标定位在第一行的第二个单元格中，选择“插入”→“图片”→“来自文件”命令，将会弹出“图片”对话框，如图8.4.3所示。

图8.4.3　“图片”对话框

（9）在该对话框中选择需要的图片，单击“插入”按钮将图片插入到网页中。选中该图片，选择“视图”→“工具栏”→“DHTML效果”命令，打开“DHTML效果”工具栏，如图8.4.4所示。

图8.4.4　“DHTML效果”工具栏

（10）在“在”下拉列表中选择“鼠标悬停”选项；在“应用”下拉列表中选择“交换图片”选项；在“效果”下拉列表中选择“交换图片”选项，弹出“图片”对话框（见图8.4.3）。在该对话框中选择交换后的图片，单击“打开”按钮完成设置。

（11）用同样的方法在第二行的第一个单元格中插入一幅图片。(www.daowen.com)

（12）将光标定位在第二行的第二个单元格中，选择“插入”→“图片”→“Flash影片”命令，弹出“选择文件”对话框，如图8.4.5所示。

图8.4.5　“选择文件”对话框

（13）在该对话框中选择需要插入的Flash动画，单击“插入”按钮。

（14）选择“插入”→“Web组件”命令，弹出“插入Web组件”对话框，如图8.4.6所示。

图8.4.6　“插入Web组件”对话框

（15）在该对话框中的“组件类型”列表框中选择“高级控件”选项，然后在“选择一种效果”列表框中选择“插件”选项，单击“完成”按钮，弹出“插件属性”对话框，如图8.4.7所示。

图8.4.7　“插件属性”对话框

（16）在该对话框中的“数据源”文本框后单击“浏览”按钮，弹出“选择插件数据源”对话框，如图8.4.8所示。

图8.4.8　“选择插件数据源”对话框

（17）在该对话框中选择一个音频文件，单击“打开”按钮，在“插件属性”对话框中的“数据源”文本框中就可以看到该音频文件的路径。

（18）在“插件属性”对话框中对插入的音频文件的大小和对齐方式等进行设置。

（19）单击“确定”按钮，将该音频文件插入到网页中。

（20）至此网页制作完成，选择“文件”→“保存”命令保存网页。单击“预览”按钮，预览网页的动态效果，如图8.4.9所示。

图8.4.9　动态网页效果