网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

在用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制作网页的一些小技巧分享,希望大家喜欢,请继续关注。

相关推荐:

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

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

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

上一篇:Dreamweaver代码区怎么输入标题1?
下一篇:Dreamweaver怎么套用网站源代码设计网页?
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。