Dreamweaver制作网页需要掌握哪些小技巧?
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
在用Dreamweaver中编辑文本时对于新手可以说是很尴尬的,因为对网页文本的编辑并不是很明显,不容易找到,而学会对网页文本进行CSS样式设置,就可以很快的完成文本的编辑,今天我们就来分享dw设计网页的一些小技巧。
1、编辑网页内容。在Dreamweaver输入文字的方式与使用word时相同,可以直接输入,也可进行复制粘贴。
(1)编辑页面字体,如图,打开Dreamweaver后如图所示,在最下面的属性面板中找到“页面属性”设置页面字体。
(2)选择标题,点击CSS规则按钮,选择编辑规则,在“选择器名称框中输入bt,点击确认,弹出bt的CSS规则定义对话框,编辑字体,字号,及字体颜色,完成后效果如图。
2、编辑标题与文本的距离。
(1)选择标题,点击CSS规则按钮,在目标规则中选择新建CSS规则,输入hj,弹出hj的CSS规则定义对话框。在类型line-height 选择需要的距离。
3、对标题位置进行编辑。
点击拆分按钮,可以看到<p></p>标签,在前面的<p>中加入居中标签,步棸如图所示。完成后效果如图所示。
以上就是Dreamweaver制作网页的一些小技巧分享,希望大家喜欢,请继续关注程序员之家。
相关推荐:
相关文章
- Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考2019-05-06
- dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-30
- Dreamweaver网页怎么插入单选按钮?Dreamweaver设计网页的时候,需要使用单选按钮,该怎么插入单选按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-26
- Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-25
Dreamweaver CS3复选框怎么用? dw复选框属性介绍
Dreamweaver CS3复选框怎么用?Dreamweaver CS3制作网页的时候,经常使用复选框,复选框的各种属性有什么作用?下面我们就来看看dw复选框属性介绍,需要的朋友可以参考下2019-04-24- Dreamweaver CS3网页怎么创建多个层?Dreamweaver CS3制作页面的时候,经常使用层,可以容纳网页元素的容器,下面我们就来看看一个简单的实例教程,需要的朋友可以参考下2019-04-24
- Dreamweaver修改后的网页运行页面不变该怎么办?Dreamweaver对某些网页进行了修改,保存后再运行发现没有任何改变,这个怎么回事?该怎么解决呢?请看下文详细介绍,需要的2019-04-23
- Dreamweaver怎么套用网站源代码设计网页?Dreamweaver中想要设计网页,我们可以直接套用网站源代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-22
- Dreamweaver代码区怎么输入标题1?Dreamweaver输入文字的时候,需要添加标题1,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-18
Dreamweaver是怎么把图片转换成代码 简单五步骤即可解决
Dreamweaver是怎么把图片转换成代码的呢?详细还有不少用户还不清楚吧!还有不会的用户一起详细了解下吧2019-07-19
最新评论