我的世界174游戏版:Dreamweaver制作網頁需要掌握哪些小技巧?

時間:2019-04-23來源/作者:小騷年love影 編輯:源碼庫 文章熱度:

我的世界马桶个人空间 www.mqdnk.icu 在用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教程搜索