Dreamweaver制作网页需要掌握哪些小技巧?

所属分类: 网页制作 / Dreamweaver 阅读数: 875
收藏 0 赞 0 分享

在用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 cs5网页怎么插入验证标签?

Dreamweaver网页怎么制作CSS叠层样式?

更多精彩内容其他人还在看

DreamWeaver怎么使用块状标签div?

DreamWeaver怎么使用块状标签div?DreamWeaver页面中想要使用块状标签,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver数据库连接出现错误404该怎么解决?

Dreamweaver数据库连接出现错误404该怎么解决?Dreamweaver在连接数据库的时候出现404错误,该怎么解决呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver cs6怎么设计一款简单的网页?

Dreamweaver cs6怎么设计一款简单的网页?Dreamweaver中想要设计一款简单的网页,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么输入文本并设置文本样式?

Dreamweaver怎么输入文本并设置文本样式?Dreamweaver设计网页的时候,想要输入文本并设置文本样式,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver网页中的文本怎么添加背景图片?

Dreamweaver网页中的文本怎么添加背景图片?Dreamweaver设计的文本网页太单调,想要给文本添加星空背景图片,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CC2019怎么制作关注按钮?

Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS3网页怎么创建多个层?

Dreamweaver CS3网页怎么创建多个层?Dreamweaver CS3制作页面的时候,经常使用层,可以容纳网页元素的容器,下面我们就来看看一个简单的实例教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么套用网站源代码设计网页?

Dreamweaver怎么套用网站源代码设计网页?Dreamweaver中想要设计网页,我们可以直接套用网站源代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver制作网页需要掌握哪些小技巧?

Dreamweaver制作网页需要掌握哪些小技巧?很多朋友使用Dreamweaver设计网页,当编辑文本的时候很多新手不太熟练,今天我们就来分享一些小技巧,请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多