![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=1738878460-7FXTI2zDlIVg2j1DoFXCj1QxQAcpWKEH-0-efc35fe9581c80ebc2919865beb062ad)
图2-41
01打开网页文档,如图2-42所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P54_4008.jpg?sign=1738878460-c7Bo3xYGB3WVF2nvBKbTXhJdmAyF3s19-0-bb9e901cfb957bf969f795a8f9679663)
图2-42
02将光标放置在要输入文字的位置,并输入相应的文字,如图2-43所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4048.jpg?sign=1738878460-Nb4L8LNgRw7ECN9YWTXpUOGPWNLt9YO0-0-d6ff3edd902a8b090a4157e331f0d395)
图2-43
03选中输入的文字,在“属性”面板中单击“大小”文本框右侧的按钮,在弹出的列表中选择12选项,如图2-44所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4052.jpg?sign=1738878460-w0apFSwsmiBEyfrGNJZARiOEbQouvaMQ-0-9c4dcf13a08e176db64eace468746040)
图2-44
04单击“字体”文本框,在弹出的列表中选择bold(粗体)选项,如图2-45所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4101.jpg?sign=1738878460-kBQ1ZKT1fSBawclpEDVq7rvYwGB4jVwY-0-df286ddf18fe33424607db831edb45b8)
图2-45
05单击“颜色”按钮,打开调色板,并选择相应的颜色,如图2-46所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4105.jpg?sign=1738878460-8xtyzqZDSkIn1I7ye9Pbwo0q9HFXQw35-0-9f9b764a2bf2b78117b704e8108d5b3a)
图2-46
06此时相应的颜色十六位代码会直接输入到文本框中,如图2-47所示。
07保存文档,按F12键在浏览器中预览,效果如图2-41所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P57_4143.jpg?sign=1738878460-1ZrlM9jZRUd5D4c3U1GGO4DACdSTtMCU-0-1abc7a2f3bbe341c4a24056755dc31f6)
图2-47