• <legend id="m0ego"></legend>
  • <td id="m0ego"></td>
  • 當前位置:源碼庫-建站教程-網頁設計-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教程搜索