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