5.1 输入文本

一般来说,网页中显示最多的是文本,所以对文本的控制及布局在网页设计中占了很大的比例,能否对各种文本控制手段运用自如,是决定网页设计是否美观、是否富有创意及能否提高工作效率的关键。

5.1.1 在网页中插入文本

图5-1 添加文本

文本是基本的信息载体,是网页中的基本元素,浏览网页时,获取信息最直接、最直观的方式就是通过文本。在Dreamweaver中添加文本的方法非常简单,如图5-1所示为网页添加文本后的效果,具体操作步骤如下:

★提示★

网页文本的编辑是网页制作最基本的操作,灵活应用各种文本属性可以排版出更加美观、条理清晰的网页。文本属性较多,各种设置比较详细,在学习时不要着急,一点点实践体会。

01 打开网页文档,如图5-2所示。

图5-2 打开网页文档

02 将光标置于要输入文本的位置,输入文本,如图5-3所示。

图5-3 输入文本

03 保存文档,按F12键在浏览器中预览,效果如图5-1所示。

★提示★

插入普通文本还有一种方法:从其他应用程序中复制,然后粘贴到Dreamweaver文档窗口中。在添加文本时还要注意根据用户语言的不同,选择不同的文本编码方式,错误的文本编码方式将使中文显示为乱码。

5.1.2 改变字体

字体对网页中的文本来说是非常重要的,Dreamweaver中自带的字体比较少,可以在Dreamweaver的字体列表中添加更多的字体,添加新字体的具体操作步骤如下:

01 使用Dreamweaver打开网页文档,在“属性”面板中单击“字体”下拉列表框右边的小三角,在弹出的列表框中选择“管理字体”选项,如图5-4所示。

图5-4 选择“管理字体”选项

02 弹出“管理字体”对话框,在对话框中选择“自定义字体堆栈”选项卡,在“可用字体”列表框中选择要添加的字体,单击按钮添加到左侧的“选择的字体”列表框中,在“字体列表”列表框中也会显示新添加的字体,如图5-5所示。重复以上操作即可添加多种字体,若要取消已添加的字体,可以在选中该字体后单击按钮。

图5-5 “管理字体”对话框

03 完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可以在选中该样式后单击按钮。完成字体样式的编辑后,单击“完成”按钮关闭该对话框,在文档窗口中可以看到应用字体,如图5-6所示。

图5-6 设置字体

5.1.3 设置文字大小

选择一种合适的字号,是网页美观、布局合理的关键。在设置网页时,应对文本设置相应的字体、字号,具体操作步骤如下:

01 选中文本,在“属性”面板的“大小”组合框中选择字号,或者直接输入相应大小的字号,如图5-7所示。

图5-7 选择字号

02 选择字号后即可完成字体大小的设置,如图5-8所示。

图5-8 设置字体大小