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

在用Dreamweaver中编辑文本时对于新手可以说是很尴尬的,因为对网页文本的编辑并不是很明显,不容易找到,而学会对网页文本进行CSS样式设置,就可以很快的完成文本的编辑,今天我们就来分享dw设计网页的一些小技巧。

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第1张

Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位

  • 类型:网页设计
  • 大小:758MB
  • 语言:简体中文
  • 时间:2016-11-05
查看详情

1、编辑网页内容。在Dreamweaver输入文字的方式与使用word时相同,可以直接输入,也可进行复制粘贴。

(1)编辑页面字体,如图,打开Dreamweaver后如图所示,在最下面的属性面板中找到“页面属性”设置页面字体。

(2)选择标题,点击CSS规则按钮,选择编辑规则,在“选择器名称框中输入bt,点击确认,弹出bt的CSS规则定义对话框,编辑字体,字号,及字体颜色,完成后效果如图。

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第2张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第3张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第4张

2、编辑标题与文本的距离。

(1)选择标题,点击CSS规则按钮,在目标规则中选择新建CSS规则,输入hj,弹出hj的CSS规则定义对话框。在类型line-height 选择需要的距离。

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第5张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第6张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第7张

3、对标题位置进行编辑。

点击拆分按钮,可以看到<p></p>标签,在前面的<p>中加入居中标签,步棸如图所示。完成后效果如图所示。

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第8张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第9张

Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)  Dreamweaver 网页 第10张

以上就是Dreamweaver制作网页的一些小技巧分享,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Dreamweaver网页怎么设置标记色彩?

Dreamweaver cs5网页怎么插入验证标签?

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

转载请说明出处
知优网 » Dreamweaver制作网页需要掌握哪些小技巧?(用Dreamweaver制作网页的基本步骤)

发表评论

您需要后才能发表评论