![Dreamweaver+jQuery移动网页设计从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/368/32858368/b_32858368.jpg)
上QQ阅读APP看书,第一时间看更新
综合实战—创建基本文本网页
前面讲述了Dreamweaver CC 2018的基本知识,以及在网页中插入文本和设置文本属性的方法。下面利用实例讲述创建基本文本网页的方法,如图2-41所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P54_4003.jpg?sign=1738965913-dq4pyZBvS6qKU12VySxPvT2XpfjgW6gj-0-d718997495823a2369b9f93872bf916d)
图2-41
01打开网页文档,如图2-42所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P54_4008.jpg?sign=1738965913-Q5ToL5laCKzan21VXPuVKwTlReWQLqwc-0-e9005ddd70583f5d33b2a14d89e82fa3)
图2-42
02将光标放置在要输入文字的位置,并输入相应的文字,如图2-43所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4048.jpg?sign=1738965913-eoqL9bR5JBYoJyAiuRnEuxssVirUFfOq-0-24fa95046b3e046d7c456997e3c50efb)
图2-43
03选中输入的文字,在“属性”面板中单击“大小”文本框右侧的按钮,在弹出的列表中选择12选项,如图2-44所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4052.jpg?sign=1738965913-2TbaNswDTxc3DHL9RhAFpp2tXjjs5QB8-0-827e1cfdf846467ab964669556a2053b)
图2-44
04单击“字体”文本框,在弹出的列表中选择bold(粗体)选项,如图2-45所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4101.jpg?sign=1738965913-tOW3TBlPsK6hh2USKUaGRrzSo7hsOH4b-0-75d7055fd9c0e0367b11ba8b0906e3a6)
图2-45
05单击“颜色”按钮,打开调色板,并选择相应的颜色,如图2-46所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4105.jpg?sign=1738965913-Vcf1OG0zKAtt2rFz9FJQ5uXvIKnTt7ZA-0-213059defc4858e46c0fcd90850a7593)
图2-46
06此时相应的颜色十六位代码会直接输入到文本框中,如图2-47所示。
07保存文档,按F12键在浏览器中预览,效果如图2-41所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P57_4143.jpg?sign=1738965913-0grEhYjdZkC2mrDivePQtG3eJyqMa10l-0-5072491c24bc2e6dc49e1ed45c98e745)
图2-47