系统下载、安装、激活,就到系统天地来!

所在位置: 首页 — 系统文章 — 软件教程

Dreamweaver CS6如何使用项目列表教程

作者:系统天地 日期:2018-11-10

Dreamweaver CS6怎么使用项目列表?Dreamweaver制作网页内容的时候,为了等级分明,需要使用项目列表,下面我们就来看看详细的教程,需要的朋友可以参考下

 

Dreamweaver项目列表的使用方法:

一、使用无序列表

1、无序列表中,表项前面的就是项目符号,如●、■等。在页面中通常使用标记<UL>和<LI>来创建无序列表。

2、具体操作:新建一个空白HTML页

3、选择插入---HTML-----文本对象----项目列表

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

4、在设计视图输入第一项列表,回车输入第二项列表,回车输入第三项列表

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

5、在属性面板有个列表项目,可以改变列表项目的符号

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

二、有序列表

1、新建一个空白HTML页

2、选择插入---HTML-----文本对象----编号列表

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

3、输入文本,就会在列表项前面出现数字项

 

 

Dreamweaver CS6如何使用项目列表教程

 

4、在属性面板有个列表项目,可以改变列表项目的编号模式,如罗马字等

 

Dreamweaver CS6如何使用项目列表教程

 

 

三、定义列表

 

1、新建一个空白HTML页

 

2、选择插入---HTML-----文本对象----定义列表

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

3、输入文本,效果如下:

 

 

Dreamweaver CS6如何使用项目列表教程

 

 

列表是Web网页的重要组成元素之一,通过对列表进行修饰,可以提供各种不同的页面显示效果。本文是基础知识,新手朋友可以进来学习一下。