5.6 练习：制作滚动文本
在Dreamweaver中，除了可以制作简单的静态文本之外，还可以使用CSS样式和<marquee>标签实现字幕滚动效果，从而增加页面的生动性。在本练习中，将通过制作一个网站公告文本的滚动效果，来详细介绍制作滚动文本的操作方法。
练习要点
□插入Div
□新建规则
□设置文本格式
□添加链接
□使用<marquee>标签
操作步骤
STEP｜01 设置Div标签。启动Dreamweaver，在欢迎界面中选择HTML选项，创建一个空白页面。
STEP｜02 执行【插入】|Div命令，在弹出的【插入Div】对话框中，将ID设置为box，并单击【新建CSS规则】按钮。
STEP｜03 在弹出的【新建CSS规则】对话框中，单击【确定】按钮。
STEP｜04 在弹出的【#box的CSS规则定义】对话框中，激活【背景】选项卡，单击【background- image】选项后面的【浏览】按钮。
STEP｜05 在弹出的【选择图像源文件】对话框中，选择图像文件，并单击【确定】按钮。
STEP｜06 然后，在【#box的CSS规则定义】对话框中，将background-repeat设置为no-repeat。
STEP｜07 激活【方框】选项卡，在该选项卡中设置各项数值。
STEP｜08 激活【类型】选项卡，将font-size设置为12px，并单击【确定】按钮。
STEP｜09 设置滚动文本。在【设计】视图中，删除Div标签文本，输入滚动文本。
STEP｜10 切换到【代码】视图中，选中第一行文本中的日期文本，单击【属性】面板CSS选项卡中的颜色块，设置文本颜色。使用同样方法，设置其他日期文本的字体颜色。
STEP｜11 将光标定位在第一行文本的“爱”前面，添加两个空格符号“ ”。使用同样方法，为其他文本添加空格符号。
STEP｜12 选择第一行中的文本，在【属性】面板HTML选项卡中的【链接】文本框中输入链接地址，以#代表链接地址。使用同样方法，为其他文本创建链接。
STEP｜13 设置滚动效果。最后，在<div>标签中添加<marquee>标签，并输入显示滚动效果的代码。
