下载掌阅APP，畅读海量书库
立即打开
4.3 输入文本
一般来说，网页中显示最多的是文本，所以对文本的控制及布局在网页设计中占了很大的比例，能否对各种文本控制手段运用自如，是决定网页设计是否美观、是否富有创意以及能否提高工作效率的关键。
文本是基本的信息载体，是网页中的基本元素，在浏览网页时，获取信息最直接、最直观的方式就是通过文本。在Dreamweaver中添加文本的方法非常简单，如图4-8所示为网页添加文本后的效果，具体的操作步骤如下。
图4-8 添加文本的效果
网页文本的编辑是网页制作最基本的操作，灵活设置各种文本属性可以排版出更加美观、条理清晰的网页。文本属性较多，各种设置比较详细，在学习时不要着急，逐步实践体会。
01 打开网页文档，如图4-9所示。
图4-9 打开网页文档
02 将光标置于要输入文本的位置，输入文本，如图4-10所示。
图4-10 输入文本
03 保存文档，按F12键在浏览器中预览，效果如图4-8所示。
插入普通文本还有一种方法，就是从其他应用程序中复制，然后粘贴到Dreamweaver文档中。在添加文本时还要注意根据用户语言的不同，选择不同的文本编码方式，错误的文本编码方式将使中文字符显示为乱码。
字体对网页中的文本来说是非常重要的，Dreamweaver中自带的字体比较少，可以在Dreamweaver的字体列表中添加更多的字体，添加新字体的具体的操作步骤如下。
01 使用Dreamweaver打开网页文档，在“属性”面板中单击“字体”下拉列表右边的小三角图标，在弹出的列表中选择“管理字体”选项，如图4-11所示。
图4-11 选择“管理字体”选项
02
弹出“管理字体”对话框，在该对话框中选择“自定义字体堆栈”选项卡，在“可用字体”列表中选择要添加的字体，单击
按钮添加到左侧的“选择的字体”列表中，在“字体列表”列表中也会显示新添加的字体，如图4-12所示。重复以上操作即可添加多种字体，若要取消已添加的字体，可以在选中该字体后单击
按钮。
03
完成一个字体样式的编辑后，单击
按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式，可以在选中该样式后单击按钮。完成字体样式的编辑后，单击“完成”按钮关闭该对话框，在文档窗口中可以看到应用字体的效果，如图4-13所示。
图4-12 “管理字体”对话框
图4-13 设置字体
选择一种合适的字号，是网页美观、布局合理的关键。在设置网页时，应对文本设置相应的字号，具体的操作步骤如下。
01 选中文本，在“属性”面板的“大小”下拉列表中选择字号，或者直接输入相应的字号，如图4-14所示。
图4-14 选择字号
02 选择字号后即可完成文字大小的设置，如图4-15所示。
图4-15 设置文字大小