• 当前位置:源码库-建站教程-网页设计-Dreamweaver教程-Dreamweaver制作网页需要掌握哪些小技巧?

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

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

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

     

    软件名称:
    Adobe Dreamweaver CC 2017 v17.0 中文特别版(附破解补丁+安装教程) 64位
    软件大?。?/dt>
    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教程搜索

    十博体育_十博体育官网_十博体育app_十博娱乐_十博电竞_十博真人