![Dreamweaver CC中文版网页设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/659/26943659/b_26943659.jpg)
section 4.1 文本的基本操作
导读
在Dreamweaver CC中,可以对文本进行基本操作,其中包括输入文本,设置字体、字号、字体颜色和字体样式等。本节将详细介绍文本的基本操作方面的知识。
4.1.1 输入文本
微课堂 00分08秒
在Dreamweaver CC中添加文本,可以通过复制和粘贴、直接输入的方法来实现。下面详细介绍输入文本的操作方法。
1 通过复制、粘贴输入文本
用户可以从Word或记事本等程序中将需要的文本复制,然后在Dreamweaver CC程序中执行【粘贴】命令,即可完成复制粘贴文本的操作,下面介绍具体操作方法。
操作步骤 >> Step by Step
第1步 打开Word文档,将准备复制的内容全部选中后右击,在弹出的快捷菜单中选择【复制】菜单项,如图4-1所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0059-0095.jpg?sign=1739309828-DU4BRYQbeAdgKzqLa5WvNM8Psk4pn4Ve-0-c0c6947a65744aa027ba7db8db14a9a0)
图4-1
第2步 切换至Dreamweaver CC中,在编辑窗口中右击,在弹出的快捷菜单中选择【粘贴】菜单项,如图4-2所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0059-0096.jpg?sign=1739309828-hCf1ojJ1fBtaTmJ4jVivGXtLCOD4fDy2-0-c5fc9fdfa4a94f837b86446c8ef9f826)
图4-2
第3步 通过以上步骤即可完成复制粘贴文本的操作,如图4-3所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0060-0097.jpg?sign=1739309828-n9THjhPYxmIwynPcH2BG5ySjUJ2QNCM3-0-5fd7f1b5b91e2967131f545059e44335)
图4-3
■ 指点迷津
如果觉得右击麻烦,使用快捷键Ctrl+C复制文本内容,然后切换到Dreamweaver CC程序中,按Ctrl+V快捷键粘贴文本内容,这样也可以实现复制粘贴文本的效果。
2 直接输入文本
启动Dreamweaver CC程序,选择要使用的输入法,将鼠标指针定位在编辑窗口,即可输入文本,如图4-4所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0060-0098.jpg?sign=1739309828-1Uiihmsd6bsFmvP7OnbAPtg0Gqwi3mgL-0-83c549d36b0e41ae878fdda8e988de8a)
图4-4
4.1.2 设置字体
微课堂 00分18秒
在制作网页文件的时候,可以根据需要对文字进行设置。下面详细介绍设置字体的操作方法。
操作步骤 >> Step by Step
第1步 选中准备设置字体的文本,在【属性】面板中,1.选择CSS选项,2.单击【字体】下拉按钮,在弹出的列表中选择一个字体样式,如图4-5所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0060-0100.jpg?sign=1739309828-TLGjxGmkA5fY1iW4sejMO78a4q48oNs2-0-51ac15b7d4bb708b9c8ab1fa1dcc4267)
图4-5
第2步 通过以上步骤即可完成设置字体的操作,如图4-6所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0060-0101.jpg?sign=1739309828-QBNhFfJTWauNiAeqQ7PCUqRaG6PJPkmA-0-eb482b9a67170e975679336f34bd53e6)
图4-6
4.1.3 设置字号
微课堂 00分16秒
在设置字体的同时,还可以对字号进行设置,下面详细介绍设置字号的操作方法。
操作步骤 >> Step by Step
第1步 选中准备设置字号的文本,在【属性】面板中,1.选择CSS选项,2.单击【大小】下拉按钮,在弹出的列表中选择一个字号,如图4-7所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0061-0103.jpg?sign=1739309828-wG0KoZC1rsPI6VXtpU2oGUDgfjIsOuXh-0-61232cdbf94be4bdaa1b3af8ce4a1a3e)
图4-7
第2步 通过以上步骤即可完成设置字号的操作,如图4-8所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0061-0104.jpg?sign=1739309828-wrhYO8hq2V4rTDOZHBmC5eGq42qucRZg-0-c9544aff507e1ee596b8d3dde84b07da)
图4-8
4.1.4 设置字体颜色
微课堂 00分17秒
在设置字体的同时,还可以对字体的颜色进行设置,使网页更加美化。下面将详细介绍设置字体颜色的操作方法。
操作步骤 >> Step by Step
第1步 选中准备设置字体颜色的文本,在【属性】面板中,1.选择CSS选项,2.单击【文本颜色】按钮,3.在弹出的颜色库中选择一个颜色,如图4-9所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0061-0105.jpg?sign=1739309828-upP7x3kvHCz6j8wlymeDRS6qa6XCHjB1-0-963fae195e8bc9e17033516e9df540c9)
图4-9
第2步 通过以上步骤即可完成设置字体颜色的操作,如图4-10所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0061-0106.jpg?sign=1739309828-0N3nSmy8k10vu6dQw1b2kKgrXUKy9GLJ-0-fb6a397150ee837fb0fa2dddb24a1c0c)
图4-10
4.1.5 设置字体样式
微课堂 00分29秒
在设置字体的同时,还可以对字体的样式进行设置。在【属性】面板中,选择CSS选项,在【字体】区域的第2、第3个列表框中分别选择oblique选项和bolder选项,即可完成设置字体样式的操作,如图4-11所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0062-0107.jpg?sign=1739309828-iZ9g3zdDnypMEJhdQ6OB7eRpc0BOjhTJ-0-1a723bfabfa9864951e5fa3e25a322a7)
图4-11
4.1.6 设置段落
微课堂 00分11秒
段落与格式的对齐方式包括左对齐、居中对齐、右对齐和两端对齐4种。下面详细介绍设置段落格式的操作方法。
操作步骤 >> Step by Step
第1步 选中准备设置段落的文本,在【属性】面板中单击【居中对齐】按钮,如图4-12所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0062-0108.jpg?sign=1739309828-1g15lN0PivZ7wmr6M2IXr4sSWe0Q3aYe-0-54d9f97fc12ff944df807d6c0e3db845)
图4-12
第2步 通过以上步骤即可完成设置段落格式的操作,如图4-13所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0062-0109.jpg?sign=1739309828-b6KQyDb94ropox7yuuyKWDlWrIL68WfR-0-4f7f3bbdd0931ef64ab0e2f0689e79e7)
图4-13
4.1.7 设置是否显示不可见元素
微课堂 00分28秒
除了通常的文本设置外,用户还可以设置是否显示不可见元素,下面介绍具体操作步骤。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【编辑】主菜单,2.在弹出的菜单中选择【首选项】菜单项,如图4-14所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0063-0110.jpg?sign=1739309828-IUxWDizg2im8BsLuLW0MtHeehsupwQsA-0-d2875c584cf43185ba4b85928e4f9c47)
图4-14
第2步 弹出【首选项】对话框,1.在【分类】列表框中选择【不可见元素】选项,2.在【显示】区域选中准备显示的元素,3.单击【确定】按钮即可完成设置是否显示不可见元素的操作,如图4-15所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0063-0111.jpg?sign=1739309828-njSEf3GxNNvddgBSJ8qOwBU9EFosv0P9-0-a9e0d0ad29f093295c703e0fd3a23601)
图4-15