第2章 文本与文档 2．创建或取消列表中的下级列表并插入日期
CHAPTER 2 1 按两次Ctrl+Z组合键，撤销上次操作。选中如图2-11所示的文字，单击“属性”面板
，变成下级列表，效果如图2-12所示。
，变成上级列
选中变为下级列表的文字，单击“属性”面板中的“文本凸出”按钮
中的“缩进”按钮
2 表，效果如图2-13所示。将光标置入到页面右上方的单元格中，如图2-14所示。
图2-11 图2-12 图2-13 图2-14
3 在“属性”面板“水平”选项的下拉列表中选择“居中对齐”，“垂直”选项的下拉列表
中选择“居中”，如图2-15所示。选择“插入 > 日期”命令，弹出“插入日期”对话框，在弹出的对话框中进行设置，如图2-16所示，单击“确定”按钮，效果如图2-17所示。
图2-15 图2-16 图2-17
3．插入换行符并使用特殊符号表示版权
1 将光标置入到列表右侧的单元格中，如图2-18所示。输入文字“生命”，如图2-19所
，选择“换行符”
，光标换到另一个段落，如图2-20所示。
示。选择“插入”面板“文本”选项卡，单击“字符”展开式工具按钮按钮
图2-18 图2-19 图2-20
2 使用相同的方法输入其他文字，如图2-21所示。将光标置入到页面右下方字母
5
“Copyright”的右侧，按一次Ctrl+Shift+Space组合键，如图2-22所示。
边做边学——Dreamweaver CS5网页设计案例教程 中等职业教育数字艺术类规划教材
图2-21 图2-22
3 4 选择“插入 > HTML > 特殊字符 > 版权”命令，插入版权符，效果如图2-23所示。 新建CSS样式text1，选中插入的版权符号，应用样式，如图2-24所示。将“属性”面
板中的“大小”选项设为16，如图2-25所示。
图2-23 图2-24
图2-25
5 保存文档，按F12键，预览效果如图2-26所示。
图2-26
6
第2章 文本与文档 2.3.5 【实战演练】——数码科技前线网页
CHAPTER 2 使用“水平线”命令，插入水平线；使用“属性”面板，改变水平线的样式。（最终效果参看光盘中的“Ch02 > 效果 > 数码科技前线网页 > index.html”，如图2-1所示。）
1．理解水平线的设定值
1 选择“文件 > 打开”命令，在弹出的“打开”对话框中选择光盘“Ch02 > 素材 > 数
码科技前线网页 > index.html”文件，单击“打开”按钮打开文件，如图2-2所示。
图2-1 图2-2
2 将光标置入到如图2-3所示的单元格中，选择“插入 > HTML > 水平线”命令，插入
水平线，效果如图2-4所示。
图2-3 图2-4
3 选中水平线，在“属性”面板中，将“宽”选项设为300，“高”选项设为2，取消选择
“阴影”复选框，如图2-5所示，水平线效果如图2-6所示。
图2-5
图2-6
7
边做边学——Dreamweaver CS5网页设计案例教程 2．改变水平线的颜色
中等职业教育数字艺术类规划教材 1 选中水平线，单击文档窗口左上方的“拆分”按钮，在“拆分”视图窗口中，在
代码“noshade”后面置入光标，按一次空格键，标签列表中出现了该标签的属性参数，在其中选择属性“color”，如图2-7所示。
2 插入属性后，在弹出颜色面板中选择需要的颜色，如图2-8所示，标签效果如图2-9所
示。
图2-7
图2-8
图2-9
3 水平线的颜色不能在Dreamweaver CS5界面中确认，保存文档，按F12键预览效果，
如图2-10所示。
图2-10
8
相关推荐：
loading