• <button id="miwm2"><object id="miwm2"></object></button>
  • <span id="miwm2"><pre id="miwm2"></pre></span>
      當前位置:源碼庫-建站教程-網頁設計-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教程搜索

      撸吧撸吧