3.4 插入文本
在Dreamweaver中可以通过直接输入、复制和粘贴的方法将文本插入到文档中。
3.4.1 小实例——插入普通文本
文本是基本的信息载体,是网页中的基本元素,浏览网页时,获取信息最直接、最直观的方式就是通过文本。在Dreamweaver中添加文本的方法非常简单,如图3-21所示是添加文本后的效果,具体操作步骤如下。
图3-21 添加文本效果
原始文件:原始文件/03/3.4.1/index.htm 最终文件:最终文件/03/3.4.1/index1.htm
步骤01 打开网页文档,如图3-22所示。
图3-22 打开网页文档
步骤02 将光标置于要输入文本的位置,输入文本,如图3-23所示。
图3-23 输入文本
步骤03 保存文档,按F12键在浏览器中预览,效果如图3-21所示。
★高手支招★
插入普通文本还有一种方法,先从其他应用程序中复制,然后粘贴到Dreamweaver文档窗口中。在添加文本时还要注意根据用户语言的不同,选择不同的文本编码方式,错误的文本编码方式将使中文字显示为乱码。
3.4.2 小实例——设置文本属性
如果网页中的文本样式太单调,会大大降低网页的外观效果,通过对文本格式的设置可使文本变得美观,让网页更具魅力。选中需要设置格式的文本,然后在“属性”面板中可以设置文本的具体属性,效果如图3-24所示。
图3-24 设置文本属性效果
原始文件:原始文件/03/3.4.2/index.htm 最终文件:最终文件/03/3.4.2/index1.htm
步骤01 打开网页文档,选中文字,执行“窗口”|“属性”命令,打开“属性”面板,单击“大小”文本框右边的按钮,在弹出的菜单中选择字体“大小”为“12像素”,如图3-25所示。
图3-25 设置文字的大小
步骤02 在“属性”面板的“字体”下拉列表中选择“管理字体”选项,如图3-26所示。
图3-26 选择字体
步骤03 在对话框中选择“自定义字体堆栈”选项卡,选择“可用字体”选项中选择要添加的字体,单击按钮添加到左侧的“选择的字体:”列表框中,在“字体列表”框中也会显示新添加的字体,如图3-27所示。重复以上操作即可添加多种字体,若要取消已添加的字体,可以选中该字体单击按钮。
图3-27 “管理字体”对话框
步骤04 完成一个字体样式的编辑后,单击按钮可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式后单击按钮。
步骤05 完成字体样式的编辑后,单击“完成”按钮并关闭该对话框。在文档中可以看到文字应用的字体样式,如图3-28所示。
图3-28 设置字体
步骤06 单击“颜色”按钮,在弹出的颜色框中设置文本颜色为“#539301”,如图3-29所示。
图3-29 设置文本颜色
★提示★
如果调色板中的颜色不能满足需要时,单击按钮,弹出“颜色”对话框,在对话框中选择需要的颜色即可。
3.4.3 小实例——插入特殊字符
制作网页时,有时要输入一些键盘上没有的特殊字符,如日元符号、注册商标等,这就需要使用Dreamweaver的字符功能。下面通过版权符号的插入讲述字符的添加,如图3-30所示,具体操作步骤如下。
图3-30 插入版权字符效果
原始文件:原始文件/03/3.4.3/index.htm 最终文件:最终文件/03/3.4.1/index1.htm
步骤01 打开网页文档,将光标置于要插入字符的位置,如图3-31所示。
图3-31 打开网页文档
步骤02 执行“插入”|“字符”|“版权”命令,如图3-32所示。
图3-32 执行“版权”命令
步骤03 执行命令后就可插入版权字符,如图3-33所示。
图3-33 插入版权字符
★提示★
插入版权字符的方法还有以下两种:
• 单击“常用”插入栏中的字符按钮右侧的小三角形,在弹出的菜单中选择要插入的版权符号。
• 执行“插入”|“字符”|“其他字符”命令,弹出“插入其他字符”对话框,在对话框中选择版权符号,单击“确定”按钮,也可以插入版权字符。
步骤04 保存文档,按F12键在浏览器中预览,效果如图3-30所示。