网页设计与前端开发实用教程(Dreamweaver+CSS+Photoshop+JavaScript+HTML)
上QQ阅读APP看书,第一时间看更新

1.4 编辑文本格式

Dreamweaver CC中的文本格式设置与使用标准字处理程序类似。网页制作者可以在Dreamweaver中为文本块设置样式(段落、标题1、标题2等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码和下画线)。

1.4.1 课堂案例——设置文本字体

一款合适的字体,是决定网页美观、布局合理的关键。具体操作步骤如下。

01 在“属性”面板中单击“字体”右边的文本框,在弹出的下拉列表中选择“管理字体”选项,如图1-28所示。

图1-28 选择“管理字体”选项

02 弹出“管理字体”对话框,在对话框中选择“自定义字体堆栈”选项,在“自定义字体堆栈”的“可用字体”列表框中选择添加的字体,单击按钮添加到左侧的“选择的字体”列表框中,在“字体列表”列表框中也会显示新添加的字体,如图1-29所示。重复以上操作即可添加多种字体。若要删除已添加的字体,可以选中该字体并单击按钮。完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式并单击按钮。

图1-29 “管理字体”对话框

03 完成字体样式的编辑后,单击“完成”按钮,关闭“管理字体”对话框。返回到文档窗口中,可以看到添加的字体,如图1-30所示。

图1-30 添加字体成功

1.4.2 设置文本大小

选中要设置字号的文本,在“属性”面板中的“大小”下拉列表中选择字号的大小,或者直接在“大小”文本框中输入相应大小的字号,如图1-31所示。

图1-31 设置文本的字号

1.4.3 设置文本颜色

设置文本颜色的具体操作步骤如下。

01 选中要设置颜色的文本,在“属性”面板中单击“文本颜色”按钮,打开图1-32所示的调色板。

图1-32 调色板

02 在调色板中选中所需的颜色,当鼠标指针变为形状时,单击即可选取该颜色。设置文本颜色,如图1-33所示。

图1-33 设置文本颜色