![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
3.4 插入文本
在Dreamweaver中可以通过直接输入、复制和粘贴的方法将文本插入到文档中。
3.4.1 小实例——插入普通文本
文本是基本的信息载体,是网页中的基本元素,浏览网页时,获取信息最直接、最直观的方式就是通过文本。在Dreamweaver中添加文本的方法非常简单,如图3-21所示是添加文本后的效果,具体操作步骤如下。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0086.jpg?sign=1739384002-F6FxUxSo3GlFXF8WJ62N12Ys6QWafX1T-0-82b4d009e7fe94ebd652c0676e9112a8)
图3-21 添加文本效果
原始文件:原始文件/03/3.4.1/index.htm 最终文件:最终文件/03/3.4.1/index1.htm
步骤01 打开网页文档,如图3-22所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0087.jpg?sign=1739384002-xna2mzL8Dx7nKosZbWoUj48ZBJYogtVY-0-8dead4487a83e51f69b299bb2c223b3b)
图3-22 打开网页文档
步骤02 将光标置于要输入文本的位置,输入文本,如图3-23所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0088.jpg?sign=1739384002-OZqDDr84Q2OdfLu2LODEdFeEmfTq3ywM-0-bfe783e34c1b6e072b43dabb6b8cf829)
图3-23 输入文本
步骤03 保存文档,按F12键在浏览器中预览,效果如图3-21所示。
★高手支招★
插入普通文本还有一种方法,先从其他应用程序中复制,然后粘贴到Dreamweaver文档窗口中。在添加文本时还要注意根据用户语言的不同,选择不同的文本编码方式,错误的文本编码方式将使中文字显示为乱码。
3.4.2 小实例——设置文本属性
如果网页中的文本样式太单调,会大大降低网页的外观效果,通过对文本格式的设置可使文本变得美观,让网页更具魅力。选中需要设置格式的文本,然后在“属性”面板中可以设置文本的具体属性,效果如图3-24所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0089.jpg?sign=1739384002-fWCnqsRrMtmciCur6kSoJLZs5h2qkeO2-0-49a43c2d0f73dd9960ca31c1fd28ae4b)
图3-24 设置文本属性效果
原始文件:原始文件/03/3.4.2/index.htm 最终文件:最终文件/03/3.4.2/index1.htm
步骤01 打开网页文档,选中文字,执行“窗口”|“属性”命令,打开“属性”面板,单击“大小”文本框右边的按钮,在弹出的菜单中选择字体“大小”为“12像素”,如图3-25所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0090.jpg?sign=1739384002-ykqkPVahqnUcG4jxU0eQ4yZ5hJdewlaZ-0-7803d5eb8784adf4415453dd78fc9c34)
图3-25 设置文字的大小
步骤02 在“属性”面板的“字体”下拉列表中选择“管理字体”选项,如图3-26所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0091.jpg?sign=1739384002-433OCXUJox8hBdNXGA5fJQoFRPbmLZOE-0-cdb2a5cb7e7f45b2e74deec78dd02277)
图3-26 选择字体
步骤03 在对话框中选择“自定义字体堆栈”选项卡,选择“可用字体”选项中选择要添加的字体,单击按钮添加到左侧的“选择的字体:”列表框中,在“字体列表”框中也会显示新添加的字体,如图3-27所示。重复以上操作即可添加多种字体,若要取消已添加的字体,可以选中该字体单击
按钮。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0094.jpg?sign=1739384002-XqAXAqDvL7u7MJYLsWnoaxocnHf0e6Um-0-4af64bb819e6849a863b5a7c2b6b872b)
图3-27 “管理字体”对话框
步骤04 完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式后单击
按钮。
步骤05 完成字体样式的编辑后,单击“完成”按钮并关闭该对话框。在文档中可以看到文字应用的字体样式,如图3-28所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0097.jpg?sign=1739384002-DrU4juZZTBjuP3DaDfiH9z34YjrUMJet-0-98976f62092316ae5ee7e63c72581c5f)
图3-28 设置字体
步骤06 单击“颜色”按钮,在弹出的颜色框中设置文本颜色为“#539301”,如图3-29所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0098.jpg?sign=1739384002-ofeTkBcEki6R25nujqoTBA3j8zW7j1zs-0-db2fae5f1b121986f956e82f57c0d59b)
图3-29 设置文本颜色
★提示★
如果调色板中的颜色不能满足需要时,单击按钮,弹出“颜色”对话框,在对话框中选择需要的颜色即可。
3.4.3 小实例——插入特殊字符
制作网页时,有时要输入一些键盘上没有的特殊字符,如日元符号、注册商标等,这就需要使用Dreamweaver的字符功能。下面通过版权符号的插入讲述字符的添加,如图3-30所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0100.jpg?sign=1739384002-UzVDrd0E6eRvemuaoRfmjibOmXQHjUFh-0-37b698128d16cf54e1c384a2593b422f)
图3-30 插入版权字符效果
原始文件:原始文件/03/3.4.3/index.htm 最终文件:最终文件/03/3.4.1/index1.htm
步骤01 打开网页文档,将光标置于要插入字符的位置,如图3-31所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0101.jpg?sign=1739384002-NpU0qu98rB8fktDQ3k7TL3ot3Ap1xUej-0-e04b773dc9ac44829c28c681b495a423)
图3-31 打开网页文档
步骤02 执行“插入”|“字符”|“版权”命令,如图3-32所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0102.jpg?sign=1739384002-flB1Sp0LPJcxdUVTSxvd9fzl2tDZYxGt-0-6c844f32cafaa7873e6d2194537caae4)
图3-32 执行“版权”命令
步骤03 执行命令后就可插入版权字符,如图3-33所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0103.jpg?sign=1739384002-lUkcDpOq68qUtsYQUgmuGvXGCwRqxSIo-0-715354664b4c0ebab2c031caa6bca326)
图3-33 插入版权字符
★提示★
插入版权字符的方法还有以下两种:
• 单击“常用”插入栏中的字符按钮右侧的小三角形,在弹出的菜单中选择要插入的版权符号。
• 执行“插入”|“字符”|“其他字符”命令,弹出“插入其他字符”对话框,在对话框中选择版权符号,单击“确定”按钮,也可以插入版权字符。
步骤04 保存文档,按F12键在浏览器中预览,效果如图3-30所示。