當前位置:源碼庫-建站教程-網頁設計-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教程搜索

欢乐捕鱼3疯狂版破解版 股票配资公司需要什么资质 十一运夺金开金走势图 河北11选5任一 河南快赢481专家推荐 安徽11选5度走势图 手机赚钱网站 浙江6+1开奖号码 30选5走式图 河南福彩22选5预测 白姐精准玄机资料免费资料中 广东闲来麻将 欧冠足球 大唐棋牌官方下载地址 股票的开盘时间 体育彩七位 广东快中彩中奖规则