![中文版Dreamweaver CS6基础培训教程(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/729/24981729/b_24981729.jpg)
2.2 项目符号和编号列表
项目符号和编号可以表示不同段落的文本之间的关系,因此,在文本上设置编号或项目符号并进行适当的缩进,可以直观地表示文本间的逻辑关系。
命令介绍
设置项目符号或编号:项目符号和编号用以表示不同段落的文本之间的关系,因此,在文本上设置编号或项目符号并进行适当的缩进,可以直观地表示文本间的逻辑关系。
插入日期:在网页中插入系统的日期和时间,当用户在不同时间浏览该网页时,总是显示当前的日期和时间。
特殊字符:特殊字符包含换行符、不换行空格、版权信息、注册商标等。当在网页中插入特殊字符时,在“代码”视图中显示的是特殊字符的源代码,在“设计”视图中显示的是一个标记,只有在浏览器中才能显示真面目。
2.2.1 课堂案例——移动客户端网页
【案例学习目标】使用文本命令改变列表的样式。
【案例知识要点】使用“项目列表”按钮,创建列表;使用“CSS 样式”命令,修改文字的样式,如图2-74所示。
【效果所在位置】Ch02/效果/移动客户端网页/index.html。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0046_0169.jpg?sign=1738940654-qa86vrZpl6hknIvPcHTul5xz0NutKxsZ-0-91120f592ab0c13701fabf8f91b39687)
图2-74
(1)选择“文件 > 打开”命令,在弹出的“打开”对话框中,选择本书学习资源中的“Ch02 > 素材 > 移动客户端网页 > index.html”文件,单击“打开”按钮打开文件,效果如图2-75所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0046_0171.jpg?sign=1738940654-nHJJXJ0WubmjtE6eChIQafXCIqMzrTFv-0-8ef5d227eef768e455f6beac47e21cea)
图2-75
(2)选中如图 2-76 所示的文字,单击“属性”面板中的“编号列表”按钮,列表前生成项目符号,效果如图2-77所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0046_0173.jpg?sign=1738940654-CbubdgOTEwNH1nw6dEYuOuwHdXEqfHZh-0-cc2e20200352eada61643dfd4559ff09)
图2-76
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0046_0174.jpg?sign=1738940654-UlcsVrNIakbN47aED20vPXiHZzVtT1HN-0-ad18d2628b1395a5fb1965331e5be4d2)
图2-77
(3)选择“窗口 > CSS样式”命令,弹出“CSS样式”面板。单击面板下方的“新建CSS规则”按钮,在弹出的“新建CSS规则”对话框中进行设置,如图2-78所示,单击“确定”按钮,弹出“.text的CSS规则定义”对话框,在左侧的“分类”列表中选择“类型”选项,在“Font-weight”选项的下拉列表中选择“bold”选项,如图2-79所示,单击“确定”按钮,完成样式的创建。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0176.jpg?sign=1738940654-yooWN6sZG9O5eIH2Sx3pJM27SBTcPNIl-0-d4e1695f3d5507a9d0fa7f6062d2ba17)
图2-78
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0177.jpg?sign=1738940654-yM4D4TnJsazl0KwkUezxgCaYNzP7hTdu-0-11e1c19049b6a0028611721d20743481)
图2-79
(4)选中如图2-80所示的文字,在“属性”面板“类”选项的下拉列表中选择“text”选项,应用样式,效果如图2-81所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0178.jpg?sign=1738940654-LbfZWeNrh7ccN0dyYMyhA5zd5L4kojej-0-4d9aeb4b8e1579e218a183f1198a7322)
图2-80
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0179.jpg?sign=1738940654-E7ERSj7BsZNOYBhgqYgyZZxz4bxUVSpe-0-c0710ae823e2f2c78ca44b4523d57118)
图2-81
(5)用相同的方法为其他文字应用样式,制作出如图2-82所示的效果。保存文档,按F12键预览效果,如图2-83所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0180.jpg?sign=1738940654-Of4Xg8PrGkCqLn9uVwUWFrDjPP9AiGpf-0-1fcb2214d4bfe383ef351934e4495cf3)
图2-82
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0047_0181.jpg?sign=1738940654-18k67Ahb9KNFf23lbljIF3o9DHmI6SSW-0-50ac7c0eda4bb04986d4be0aa0cb936a)
图2-83
2.2.2 设置项目符号或编号
通过项目列表或编号列表按钮设置项目符号或编号,步骤如下。
(1)选择段落。
(2)在“属性”面板中,单击“项目列表”按钮或“编号列表”按钮
,为文本添加项目符号或编号。设置了项目符号和编号后的段落效果如图2-84所示。
通过列表设置项目符号或编号,步骤如下。
(1)选择段落。
(2)选择“格式 > 列表”命令,弹出其子菜单,如图2-85所示,选择“项目列表”或“编号列表”命令。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0048_0184.jpg?sign=1738940654-3A6X6cnaRe2ahLHhT1D8q3I0SbUBHJna-0-953f9e2c7552bfea4c222d263aaa3fe4)
图2-84
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0048_0185.jpg?sign=1738940654-o1XAcqSDQcTMMTvLLwXiGGM9HF7id9fP-0-ca9cf11049de2abb06f5e28c86d26901)
图2-85
2.2.3 修改项目符号或编号
(1)将插入点放在设置项目符号或编号的文本中。
(2)通过以下几种方法弹出“列表属性”对话框。
① 单击“属性”面板中的“列表项目”按钮。
② 选择“格式 > 列表 > 属性”命令。
在对话框中,先选择“列表类型”选项,确认是要修改项目符号还是编号,如图2-86所示。然后在“样式”选项中选择相应的列表或编号的样式,如图2-87所示。单击“确定”按钮完成设置。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0048_0187.jpg?sign=1738940654-k7DoDbm6hzYVLhy8FqXZTEmdUBU7lxY6-0-9953aed55bb6113e48225bbff91b9e9f)
图2-86
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0048_0188.jpg?sign=1738940654-AEykTh83Z6LGPl6nt8qCDkNCJwCtUd3o-0-81c41ad97c4df155fc81d6c79fc42a28)
图2-87
2.2.4 设置文本缩进格式
设置文本缩进格式有以下几种方法。
① 在“属性”面板中单击“缩进”按钮或“凸出”按钮
,使段落向右移动或向左移动。
② 选择“格式 > 缩进”或“格式 > 凸出”命令,使段落向右移动或向左移动。
③ 按Ctrl+Alt+ ] 组合键或Ctrl+Alt+ [ 组合键,使段落向右移动或向左移动。
2.2.5 插入日期
(1)在文档窗口中,将插入点放置在想要插入对象的位置。
(2)通过以下几种方法启动“插入日期”对话框,如图2-88所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0049_0191.jpg?sign=1738940654-VgsEc0wx8jA1Vx1tmPS388fGr4DMGQcN-0-1e6decf861477349cb5c7764ed7163f8)
图2-88
① 选择“插入”面板的“常用”选项卡,单击“日期”工具按钮。
② 选择“插入 > 日期”命令。
对话框中包含“星期格式”“日期格式”“时间格式”“储存时自动更新”4个选项。前3个选项用于设置星期、日期和时间的显示格式,后一个选项表示是否按系统当前时间显示日期时间,若选择此复选框,则显示当前的日期时间,否则仅按创建网页时的设置显示。
(3)选择相应的日期和时间的格式,单击“确定”按钮完成设置。
2.2.6 特殊字符
在网页中插入特殊字符,有以下几种方法。
① 单击“字符”展开式工具按钮。
② 选择“插入”面板的“文本”选项卡,单击“字符”展开式工具按钮,弹出其他特殊字符按钮,如图2-89所示。在其中选择需要的特殊字符的工具按钮,即可插入特殊字符。
“换行符”按钮:用于在文档中强行换行。
“不换行空格”按钮:用于连续空格的输入。
“其他字符”按钮:使用此按钮,可在弹出的“插入其他字符”对话框中单击需要的字符,该字符的代码就会出现在“插入”选项的文本框中,也可以直接在该文本框中输入字符代码,单击“确定”按钮,即可将字符插入到文档中,如图2-90所示。
③ 选择“插入 > HTML > 特殊字符”命令。
④ 选择“插入 > HTML > 特殊字符”命令,在弹出的子菜单中选择需要的特殊字符。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0198.jpg?sign=1738940654-JflOcNjNtIZ6WBJBivI9UMZaWssG1v7V-0-79f48c1c8c504dab969c8ee57b15ef8c)
图2-89
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0199.jpg?sign=1738940654-WZxfLolQv30U4XZCkQahxP2CBuGkmuw0-0-19ec04b47cba64b4dcd168fddfd50afe)
图2-90
2.2.7 插入换行符
为段落添加换行符有以下几种方法。
① 选择“插入”面板的“文本”选项卡,单击“字符”展开式工具按钮,选择“换行符”按钮
,如图2-91所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0202.jpg?sign=1738940654-lfjeWyMUbuYrBl6dyhdIpsd51yzDPO32-0-8b76f211df4b9d43b93e8b6399aaec13)
图2-91
② 按Shift+Enter组合键。
③ 选择“插入 > HTML > 特殊字符 > 换行符”命令。
在文档中插入换行符的操作步骤如下。
(1)打开一个网页文件,输入一段文字,如图2-92所示。
(2)按Shift+Enter组合键,光标换到另一个段落,如图2-93所示。按Shift+Ctrl+Space组合键,输入空格,输入文字,如图2-94所示。
(3)使用相同的方法,输入换行符和文字,效果如图2-95所示。
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0203.jpg?sign=1738940654-H0cILZhJAKatjthaje7Z2ijn0mPXlOl5-0-e1a1caecc2a40720df8401897547a250)
图2-92
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0204.jpg?sign=1738940654-Y3DerzXBgXHsBfOGZGrjpDUVNWwJe0F9-0-35aeda36ef63323e7621ca0a82c8938b)
图2-93
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0205.jpg?sign=1738940654-CkoTr3Lz89xTohBfEtQ6oyGWLG6J9diU-0-782e0669ed7e7ebf36ac4e3a2eec8159)
图2-94
![](https://epubservercos.yuewen.com/566A8D/13311747403877306/epubprivate/OEBPS/Images/Figure_0050_0206.jpg?sign=1738940654-U0DTpUbGN1lLQM87GQgKeMBRgDw4QHdV-0-fca5c5cfd55123b95bb48f3704485423)
图2-95