3.6 练习：制作全景图像欣赏页面

在Dreamweaver软件中，使用<marquee>标签可以实现元素（图像和文字等）在网页中移动的效果，达到动感十足的视觉效果。通过添加<marquee>标签，并设置其属性可以实现移动效果。本练习通过使用<marquee>标签制作一个360度风景欣赏页面。

练习要点

□<marquee>标签的应用

□<marquee>标签的系列属性

□<div></div>标签布局

操作步骤

STEP｜01　设置页面属性。启动Dreamweaver，在欢迎界面中选择HTML选项，创建一个空白页面。

STEP｜02　在页面下方的【属性】面板中，单击【页面属性】按钮。

STEP｜03　在弹出的【页面属性】对话框中的【外观（CSS）】选项卡中，设置页面文本大小、文本颜色和背景颜色。

STEP｜04　激活左侧的【链接（CSS）】选项卡，设置链接字体的大小和各种链接颜色。

STEP｜05　切换至【代码】视图，将光标放置在<body></body>之间，插入<div></div>标签，在页面中创建一个层。

STEP｜06　在<div></div>标签之间插入<img>标签并设置图像的高和宽。

STEP｜07　将光标放置在</div>标签后，插入<div></div>标签，在页面中创建第2个层。

STEP｜08　在<div></div>标签之间，插入<img>图像标签并设置图像的边框、高和宽，并为各个图像插入超链接代码。

STEP｜09　在<div>标签中，为该标签定义style属性。

STEP｜10　将光标放置在第2个</div>标签后，插入<div></div>标签，在页面中创建第3个层。

STEP｜11　在该层中输入文本，并为每个文本插入超链接代码。

STEP｜12　使用相同的方法，在页面中创建第4个层。并在<div></div>标签中创建一个1行×2列的表格。

STEP｜13　然后，在第1行第1列单元格中插入<img>标签及设置该标签的属性，为该单元格插入图像。

STEP｜14　在第1行第2列单元格中插入<marquee> </marquee> <img>标签，定义图像滚动的样式。

STEP｜15　将光标放置在第4个</div>标签后，插入<div></div>标签，在页面中创建第5个层，并输入版权文本。

上一章目录下一章