- Dreamweaver+jQuery移动网页设计从新手到高手
- 张雪玲 刘琳
- 313字
- 2021-04-04 00:02:07
综合实战—创建基本文本网页
前面讲述了Dreamweaver CC 2018的基本知识,以及在网页中插入文本和设置文本属性的方法。下面利用实例讲述创建基本文本网页的方法,如图2-41所示,具体操作步骤如下。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P54_4003.jpg?sign=1739415865-bAJOvZldPICAlrCZOhikPfET25jJ5pqZ-0-b7f778bc8a7736cd77cfebe12ee7abc0)
图2-41
01打开网页文档,如图2-42所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P54_4008.jpg?sign=1739415865-GMradNlx2kho15A3EHMnNSyz1cJpTM3o-0-f37b08f851cdab0db31e64a90246c24a)
图2-42
02将光标放置在要输入文字的位置,并输入相应的文字,如图2-43所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4048.jpg?sign=1739415865-EeQGunYBOqOSETa6hyTPxN5ZVUeMaj45-0-a86211df79f430570390ce4c1588859c)
图2-43
03选中输入的文字,在“属性”面板中单击“大小”文本框右侧的按钮,在弹出的列表中选择12选项,如图2-44所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P55_4052.jpg?sign=1739415865-koQPYnJm3MFWNDICk2SGYrt7snXtYlNF-0-378a3a8daaae9eaa875f93aa8471c8b9)
图2-44
04单击“字体”文本框,在弹出的列表中选择bold(粗体)选项,如图2-45所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4101.jpg?sign=1739415865-vtE8oLJv83fjtwTlg4lWqx7GgNFnHAJ5-0-db8e3882eb62ad762d2f8aa3097a7bec)
图2-45
05单击“颜色”按钮,打开调色板,并选择相应的颜色,如图2-46所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P56_4105.jpg?sign=1739415865-XocrsbebLc1svzArB4zzfzxebo4oZwlZ-0-81676bb53dfd8267d7c0ab88ed006fe3)
图2-46
06此时相应的颜色十六位代码会直接输入到文本框中,如图2-47所示。
07保存文档,按F12键在浏览器中预览,效果如图2-41所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P57_4143.jpg?sign=1739415865-tvO0Fj2C61JvUItFUM6O0e43uCHAy4dc-0-80357c294147519ebe94c6af8c8fd6d7)
图2-47