系统之家 - Windows操作系统&装机软件下载网站!

当前位置: 首页  >  教程资讯  >  软件教程 Dreamweaver CS6如何使用项目列表教程

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

时间:2023-06-02 16:16:41 来源: 人气:

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

 

Dreamweaver项目列表的使用方法:

一、使用无序列表

1、无序列表中,表项前面的就是项目符号,如●、■等。在页面中通常使用标记

  • 来创建无序列表。

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

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图1)

     

     

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图2)

     

     

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图3)

     

     

    二、有序列表

    1、新建一个空白HTML页

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图4)

     

     

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图5)

     

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

     

    Dreamweaver CS6如何使用项目列表教程(图6)

     

     

    三、定义列表

     

    1、新建一个空白HTML页

     

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图7)

     

     

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

     

     

    Dreamweaver CS6如何使用项目列表教程(图8)

     

     

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

作者

教程资讯

软件教程排行

系统教程

系统主题