![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
5.1 输入文本
一般来说,网页中显示最多的是文本,所以对文本的控制及布局在网页设计中占了很大的比例,能否对各种文本控制手段运用自如,是决定网页设计是否美观、是否富有创意及能否提高工作效率的关键。
5.1.1 在网页中插入文本
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00151.jpg?sign=1739525256-6Air6k741Jv21MpgNGVALKa66l1ZE0mO-0-7e971e73f9c0f1394c1605eb6778c178)
图5-1 添加文本
文本是基本的信息载体,是网页中的基本元素,浏览网页时,获取信息最直接、最直观的方式就是通过文本。在Dreamweaver中添加文本的方法非常简单,如图5-1所示为网页添加文本后的效果,具体操作步骤如下:
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/figure_0168_0001.jpg?sign=1739525256-1mDqfbYUmcvs8vNFruRBnLoWBAs3dnpx-0-562d7f395777a48e8c1e0c66648495db)
★提示★
网页文本的编辑是网页制作最基本的操作,灵活应用各种文本属性可以排版出更加美观、条理清晰的网页。文本属性较多,各种设置比较详细,在学习时不要着急,一点点实践体会。
01 打开网页文档,如图5-2所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00152.jpg?sign=1739525256-PYs8XKK1kvOk2OOYjojP829oa4NvQeEJ-0-5885143ff20b9c64ee4d44c3eda224cb)
图5-2 打开网页文档
02 将光标置于要输入文本的位置,输入文本,如图5-3所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00153.jpg?sign=1739525256-QlI2CxlGNpCs2WDmtLAbhHoqWV8pKZPy-0-4099ea42eaf3b8075f8e6718e9b7f53e)
图5-3 输入文本
03 保存文档,按F12键在浏览器中预览,效果如图5-1所示。
★提示★
插入普通文本还有一种方法:从其他应用程序中复制,然后粘贴到Dreamweaver文档窗口中。在添加文本时还要注意根据用户语言的不同,选择不同的文本编码方式,错误的文本编码方式将使中文显示为乱码。
5.1.2 改变字体
字体对网页中的文本来说是非常重要的,Dreamweaver中自带的字体比较少,可以在Dreamweaver的字体列表中添加更多的字体,添加新字体的具体操作步骤如下:
01 使用Dreamweaver打开网页文档,在“属性”面板中单击“字体”下拉列表框右边的小三角,在弹出的列表框中选择“管理字体”选项,如图5-4所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00154.jpg?sign=1739525256-fn7y0tt6uUonuc91IjyY6fuQlVnh5613-0-8caeecf739f8e4b8893fcd6687e1f5d7)
图5-4 选择“管理字体”选项
02 弹出“管理字体”对话框,在对话框中选择“自定义字体堆栈”选项卡,在“可用字体”列表框中选择要添加的字体,单击按钮添加到左侧的“选择的字体”列表框中,在“字体列表”列表框中也会显示新添加的字体,如图5-5所示。重复以上操作即可添加多种字体,若要取消已添加的字体,可以在选中该字体后单击
按钮。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00157.jpg?sign=1739525256-AjIpoUTwnXMVJk4nfdvWpNj3vECqXfqP-0-010af299cf5251c7045560c0f82c8beb)
图5-5 “管理字体”对话框
03 完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可以在选中该样式后单击
按钮。完成字体样式的编辑后,单击“完成”按钮关闭该对话框,在文档窗口中可以看到应用字体,如图5-6所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00160.jpg?sign=1739525256-QYJCr6gx225FCMXGQsvKpR0qkov2iRwt-0-b843c2eed1c54942141d02c75fb8fe43)
图5-6 设置字体
5.1.3 设置文字大小
选择一种合适的字号,是网页美观、布局合理的关键。在设置网页时,应对文本设置相应的字体、字号,具体操作步骤如下:
01 选中文本,在“属性”面板的“大小”组合框中选择字号,或者直接输入相应大小的字号,如图5-7所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00161.jpg?sign=1739525256-G7ULGcd9x3xODKLNHpgnJAOz1RzKfbbW-0-d77de034c4c4938fefe51f25fbcb5104)
图5-7 选择字号
02 选择字号后即可完成字体大小的设置,如图5-8所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00162.jpg?sign=1739525256-A4UAE0gHC0OflqmuOELXe1K6XcmHLZRW-0-d725ab4252ba2b70b010862dec775ef8)
图5-8 设置字体大小