Dreamweaver CS6添加网页元素综合实践2
本文来自 九州书源 《Dreamweaver CS6网页制作》 清华大学出版社 2015年
摘 要 :本文档主要介绍Dreamweaver C S6网页元素综合实践2之制作网页中的列表区域的
具体操作步骤。
关键词: Dreamweaver CS67网页元素7综合实践
制作网页中的列表区域
说明:本案例将制作一个静态的文本信息显示区,首先是在提供的网页素材中添加相关信息的文本 ,
并为相关信息设置标题和缩进样式,最后为文本显示区域中的文本设置项目列表样式,最终效果如图 1
所示。
图 1 制作网页中的列表区域
STEP 01:设置标题
(1)打开“clothes
”
网页文档,选中“猜你喜欢”文本。
(2)在其属性面板的左侧单击 按钮, 切换到 HTML 类型的属性面板中。
(3)在“格式”下拉列表框中选择“标题 2”选项,将文本设置为标题 2。
图 2 设置标题
STEP 02: 设置文本的缩进
(1)选择“换一批”文本和前面的图标。
(2)在 HTML 类型的属性面板中单击“内缩区块”按钮,对文本和图像进行缩进。
1 / 4
Dreamweaver CS6 添加网页元素综合实 践 2