Dreamweaver CS6如何应用:[7]文字和段落处理
我们说Dreamweaver CS6,或者之前的版本最显著的一个特征是及时性,就是代码窗口和设计窗口同时存在,这使我们可以很轻松地用设计界诹鬃蛭镲面来设计我们想要的页面,而不用去码那些晦涩的代码。那么,从这节开始,就让我们一起用设计视图来进行学习吧。
工具/原料
Dreamweaver CS6
一、设置文字标题
1、新建一个空白页,html空白页
2、输入一些文字,如下图:
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/01bd69f7980e5f20ae424668bd20b93acc898e8a.jpg)
4、效果如下图:
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/8974c38a59de4507703221c35e413a8ca708858a.jpg)
2、在’属性‘面板中选择’css规则‘
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/c6b994775ddd884ce07e36946cef28066a01f68a.jpg)
4、在弹出的’新建CSS规则‘对话框中,填写选择器名称,如下:
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/025d87c0affce186361bb1c11f1fbee435daeb8a.jpg)
6、设置文本的字型在'css规则’中选择‘加粗’,或者‘倾斜’,可以有效地设置文本的字型
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/7830e01d96d818197c14be7e876efbf203b3de8a.jpg)
2、值得注意的是css规则并不是总是那么好用,在还没弄懂到底是怎么用的情况下,在代码视图中直接老揉孟阼写代码,是最简单不过的事情,比如居中,居左这种事,代码如下
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/bab5c45872dade49493b92e526042e6816e9d58a.jpg)
四、插入水平线
1、水平线在网页中有着特殊的意义。通过水平线可以将不同功能的文字分隔开,使页面更加整齐明了。
2、当浏览器执行页面中的水平线标记<hr>时,会在此处换行,并且会加入一条水平线段,线段的样式由标记的属性决定。水平线标记<HR>的语法如下:<hr align=对齐方式 size=横线粗细 width=横线长度 color=横线颜色 noshade>
3、新建一个空白页,输入文字:‘水平线标题’和‘水平线内容’
4、选择‘水平线标题’居中对齐,可以在‘格式’---‘对齐’----‘居中对齐’操作
5、在‘水平线标题’换行,在‘插入’----‘HTML'----'水平线’,就会出现一条水平线,效果图如下:
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/d9a8d2d2bb665159b37409998fe23ea23b42c78a.jpg)
![Dreamweaver CS6如何应用:[7]文字和段落处理](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f4e20dbc859828689a0463b8b.jpg)