Dreamweaver CS5网页设计案例教程02 - 图文

文本与文档 2.1.5 【实战演练】——青山别墅网页

使用“页面属性”命令设置页面外观、网页标题效果，使用“首选参数”命令设置允许多个连续空格。（最终效果参看光盘中的“Ch02 > 效果 > 青山别墅网页 > index.html”，如图2-1所示。）

图2-1

1．设置页面属性

1 选择“文件 > 打开”命令，在弹出的“打开”对话框中选择“Ch02 > 素材 > 青山别 选择“修改 > 页面属性”命令，弹出“页面属性”对话框，在“页面属性”对话框左

墅网页 > index.html”文件，单击“打开”按钮打开文件，如图2-2所示。

2 侧“分类”选项列表中选择“外观”选项，将右侧的“大小”选项设为12，“文本颜色”选 项设为白色，将“左边距”、“右边距”、“上边距”、“下边距”选项均设为0，如图2-3所示。

图2-2 图2-3

1

边做边学——Dreamweaver CS5网页设计案例教程 中等职业教育数字艺术类规划教材3 在“分类”选项列表中选择“标题/编码”选项，在“标题”选项文本框中输入“青山

别墅网页”，如图2-4所示，单击“确定”按钮，效果如图2-5所示。

图2-4 图2-5

2．输入空格和文字

1 选择“编辑 > 首选参数”命令，在“首选参数”对话框左侧的分类列表中选择“常规”

选项，在右侧的“编辑选项”中选择“允许多个连续的空格”复选框，如图2-6所示，单击“确定”按钮完成设置。

图2-6

2 将光标置入到如图2-7所示的单元格中。在光标所在的位置输入文字“首页”，如图2-8

所示。

图2-7 图2-8

3 按五次Space键，输入空格，如图2-9所示。在光标所在的位置输入文字“关于我们”，

如图2-10所示。用相同的方输入其他文字，如图2-11所示。保存文档，按F12键预览效果，如图2-12所示。

2

第2章 文本与文档 CHAPTER 2

图2-9 图2-10

图2-11 图2-12

2.2.5 【实战演练】——鲜花速递网页

使用“项目列表”按钮，创建列表；使用“属性”面板，改变列表样式；使用“文本缩进”和“文本凸出”按钮，创建下级列表；使用“换行符”按钮，插入换行符；使用“其他字符”命令，插入版权付号。（最终效果参看光盘中的“Ch02 > 效果 > 鲜花速递网页 > index.html”，如图2-1所示。）

图2-1

1．整理列表

1 选择“文件 > 打开”命令，在弹出的“打开”对话框中选择“Ch02 > 素材 > 鲜花速 选中如图2-3所示的文字，单击“属性”面板中的“项目列表”按钮

，列表前生成

递网页 > index.html”文件，单击“打开”按钮打开文件，效果如图2-2所示。

2 “·”符号，效果如图2-4所示。

3

边做边学——Dreamweaver CS5网页设计案例教程 中等职业教育数字艺术类规划教材

图2-2 图2-3 图2-4

3 选择“格式 > 列表 > 属性”命令，弹出“列表属性”对话框，在“样式”选项的下

拉列表中选择“正方形”，如图2-5所示，单击“确定”按钮，效果如图2-6所示。

图2-5 图2-6

4 再次选择“格式 > 列表 > 属性”命令，弹出“列表属性”对话框，在“列表类型”

2，3?）选项的下拉列表中选择“编号列表”，在“样式”选项的下拉列表中选择“数字（1，”，如图2-7所示，单击“确定”按钮，效果如图2-8所示。

图2-7 图2-8

5 再次选择“格式 > 列表 > 属性”命令，弹出“列表属性”对话框，在“样式”选项

的下拉列表中选择“大写字母（A，B，C?）”，在“开始记数”对话框中输入“2”，如图2-9所示。单击“确定”按钮，列表变为所选的大写字母，并从第2个字母开始，效果如图2-10所示。

图2-9 图2-10

4