永胜彩票

当前位置:源码库-建站教程-网页设计-Dreamweaver教程-Dreamweaver制作网页需要掌握哪些小技巧?-Dreamweaver教程-源码库|专注为中国站长提供免费商业网站源码下载!

Dreamweaver制作网页需要掌握哪些小技巧?-Dreamweaver教程-源码库|专注为中国站长提供免费商业网站源码下载!

时间:2019-04-23来源/作者:小骚年love影 编辑:源码库 文章热度:

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

 

软件名称:
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、编辑标题与文本的距离。

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

Dreamweaver,制作网页

Dreamweaver,制作网页

Dreamweaver,制作网页

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

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

Dreamweaver,制作网页

Dreamweaver,制作网页

Dreamweaver,制作网页

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


注:相关教程知识阅读请移步到Dreamweaver教程频道。
相关Dreamweaver教程
热门标签

Dreamweaver教程Rss订阅Dreamweaver教程搜索