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