![网页设计与网站建设全攻略](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=1739525763-dTc0CtJc5HQhKs7IqNodIEr40hdrfD4u-0-92edc8cad9ab97f729f6a5f679506226)
图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=1739525763-D63TltJe9RGmsLIGU5DKfQlfFFT4QIMX-0-39febec5d91fbd322d9fd54f81bacc34)
图3-22 打开网页文档
步骤02 将光标置于要输入文本的位置,输入文本,如图3-23所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0088.jpg?sign=1739525763-cPPD9QNYmuUi08gsXYA5hqYeMzoceIC7-0-906b5582aa231984996ed4e290d705b4)
图3-23 输入文本
步骤03 保存文档,按F12键在浏览器中预览,效果如图3-21所示。
★高手支招★
插入普通文本还有一种方法,先从其他应用程序中复制,然后粘贴到Dreamweaver文档窗口中。在添加文本时还要注意根据用户语言的不同,选择不同的文本编码方式,错误的文本编码方式将使中文字显示为乱码。
3.4.2 小实例——设置文本属性
如果网页中的文本样式太单调,会大大降低网页的外观效果,通过对文本格式的设置可使文本变得美观,让网页更具魅力。选中需要设置格式的文本,然后在“属性”面板中可以设置文本的具体属性,效果如图3-24所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0089.jpg?sign=1739525763-ptGWFDdogKWPyzvrRKg1euMTekhGc7rV-0-9470f9fc3749d2701fe710bc2a548812)
图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=1739525763-cT0X8RVywc2woQ8J1Ee5zscygmTKyve5-0-43c4ee77ee68b7ec25aa4eb36e59af44)
图3-25 设置文字的大小
步骤02 在“属性”面板的“字体”下拉列表中选择“管理字体”选项,如图3-26所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0091.jpg?sign=1739525763-txH6ezngrNhsUo6ec5c0XC1jZDgGFxw9-0-8a4c2211d3ad4bdcdc93de74699e4b3b)
图3-26 选择字体
步骤03 在对话框中选择“自定义字体堆栈”选项卡,选择“可用字体”选项中选择要添加的字体,单击按钮添加到左侧的“选择的字体:”列表框中,在“字体列表”框中也会显示新添加的字体,如图3-27所示。重复以上操作即可添加多种字体,若要取消已添加的字体,可以选中该字体单击
按钮。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0094.jpg?sign=1739525763-dcLauG0wUibPLHt7q33KenjxUZ2LeqjB-0-3e6f0fe4ee54bdf4411bfe4da21eec26)
图3-27 “管理字体”对话框
步骤04 完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式后单击
按钮。
步骤05 完成字体样式的编辑后,单击“完成”按钮并关闭该对话框。在文档中可以看到文字应用的字体样式,如图3-28所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0097.jpg?sign=1739525763-fcoh2bVK5vRUHj2EM2iNkNECxUEd0DFS-0-1665bfd22b314bb317ca9a4969f9c02a)
图3-28 设置字体
步骤06 单击“颜色”按钮,在弹出的颜色框中设置文本颜色为“#539301”,如图3-29所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0098.jpg?sign=1739525763-cAlNX0ipcQRF81ZBTdEVqWsnTEPiJyBk-0-2604df9d7853e7453a4aa4cf13ee03a3)
图3-29 设置文本颜色
★提示★
如果调色板中的颜色不能满足需要时,单击按钮,弹出“颜色”对话框,在对话框中选择需要的颜色即可。
3.4.3 小实例——插入特殊字符
制作网页时,有时要输入一些键盘上没有的特殊字符,如日元符号、注册商标等,这就需要使用Dreamweaver的字符功能。下面通过版权符号的插入讲述字符的添加,如图3-30所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0100.jpg?sign=1739525763-uvXvz3AmhdCDqXZmEY5byHlGPLm7PwH7-0-ff2124d950348e648f8cf3e50a438398)
图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=1739525763-GRwoIZTT5Un2oYkzXsRd4vaGVsiy6v0V-0-0967474491ebcf3b875d80d8ff300228)
图3-31 打开网页文档
步骤02 执行“插入”|“字符”|“版权”命令,如图3-32所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0102.jpg?sign=1739525763-wWAMobWTm5dww7hEAfNXK3pHxBeqSeRl-0-dc98e6ed30f2df2670d75d5c93c9f59f)
图3-32 执行“版权”命令
步骤03 执行命令后就可插入版权字符,如图3-33所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0103.jpg?sign=1739525763-gIzJwOdakrhxz8bgbHD1VkIrEqFf3elX-0-229c0e53c6cf2ad0faaa8bb873f28082)
图3-33 插入版权字符
★提示★
插入版权字符的方法还有以下两种:
• 单击“常用”插入栏中的字符按钮右侧的小三角形,在弹出的菜单中选择要插入的版权符号。
• 执行“插入”|“字符”|“其他字符”命令,弹出“插入其他字符”对话框,在对话框中选择版权符号,单击“确定”按钮,也可以插入版权字符。
步骤04 保存文档,按F12键在浏览器中预览,效果如图3-30所示。