【编者按】网学网FrontPage教程频道为大家收集整理了“第一节 FrontPage 2003的新增功能“提供大家参考,希望对大家有所帮助!
第二节 DHTML效果的设置
动态HTML(DHTML)又称动态超文本标识语言,它是Microsoft公司对HTML4.0的增强,使用它可以在网页中产生动画效果,即设置一个触发事件。FrontPage 2003中的触发事件有单击、双击、鼠标悬停、网页加载等。用户可以根据自己的需要设置相应的动画效果。以设置文字动画为例,其具体操作步骤如下:
(1)新建一个网页,并在该网页中输入文字,如图9.2.1所示。
图9.2.1 在网页中输入文字
(2)选择“视图”→“工具栏”→“DHTML效果”命令,打开“DHTML效果”工具栏,如图9.2.2所示。
图9.2.2 “DHTML效果”工具栏
(3)选中标题行文字,在“DHML效果”工具栏中的“在”下拉列表中选择“单击”选项,此时可激活其他两个下拉列表。
(4)在“应用”下拉列表中选择“格式”选项,然后单击“选择设置”下拉列表框右侧的下三角按钮。。。,在弹出的下拉列表中选择“边框”选项,系统自动弹出如图9.2.3所示的“边框和底纹”对话框。
(5)在“设置”选区中选择“方框”选项,然后在“样式”列表框中选择一种边框样式,如选择“双线”选项。
(6)在“颜色”下拉列表中选择边框的线条颜色;在“宽度”微调框中设置边框的宽度。
(7)设置完成后,单击“确定”按钮。
(8)选中第一行文字,在“在”下拉列表框中选择“单击”选项;在“应用”下拉列表中选择“飞出”选项;单击“选择设置”下拉列表右侧的下三角按钮。。。,在弹出的下拉列表中选择“到左侧”选项。
(9)选中第二行文字,在“在”下拉列表中选择“双击”选项;在“应用”下拉列表中选择“格式”选项;单击“选择设置”下拉列表右侧的下三角按钮。。。,在弹出的下拉列表中选择“选择字体”选项,系统将自动弹出如图9.2.4所示的“字体”对话框。
(10)在该对话框中设置文字的字体、字形和大小,设置完成后,单击“确定”按钮。
(11)选中第三行文字,在“在”下拉列表中选择“鼠标悬停”选项;在“应用”下拉列表中选择“格式”选项;单击“选择设置”下拉列表框右侧的下三角按钮。。。,在弹出的下拉列表中选择“选择边框”选项,弹出“边框和底纹”对话框(见图9.2.3)。
图9.2.3 “边框和底纹”对话框 图9.2.4 “字体”对话框
(12)在该对话框中设置文字的边框,设置完成后,单击“确定”按钮。
(13)选中最后一行文字,在“在”下拉列表中选择“网页加载”选项;在“应用”下拉列表中选择“飞入”选项;单击“选择设置”下拉列表框右侧的下三角按钮。。。,在弹出的下拉列表中选择“从右下部”选项。
(14)设置后的效果如图9.2.5所示。从图中可以看出设置动画效果后的文字底色突出显示,作为识别的标识。如果不希望设置后的效果突出显示,则单击“DHTML效果”工具栏中的“突出显示动态HTML效果”按钮。。。即可。
图9.2.5 突出显示效果
(15)单击“预览”按钮,预览效果如图9.2.6所示。当单击标题行文字,该文字将出现边框;单击第一行文字,该文字就向左飞走;双击第二行文字,该文字就会变成所设置的字体的效果;将鼠标悬停于第三行文字时,该文字就会出现边框;当网页加载时,最后一行文字从窗口的右下部飞入网页。
图9.2.6 预览网页效果