Dreamweaver制作網頁需要掌握哪些小技巧?
在用Dreamweaver中編輯文本時對于新手可以說是很尷尬的,因為對網頁文本的編輯并不是很明顯,不容易找到,而學會對網頁文本進行CSS樣式設置,就可以很快的完成文本的編輯,今天我們就來分享dw設計網頁的一些小技巧。
1、編輯網頁內容。在Dreamweaver輸入文字的方式與使用word時相同,可以直接輸入,也可進行復制粘貼。
(1)編輯頁面字體,如圖,打開Dreamweaver后如圖所示,在最下面的屬性面板中找到“頁面屬性”設置頁面字體。
(2)選擇標題,點擊CSS規(guī)則按鈕,選擇編輯規(guī)則,在“選擇器名稱框中輸入bt,點擊確認,彈出bt的CSS規(guī)則定義對話框,編輯字體,字號,及字體顏色,完成后效果如圖。



2、編輯標題與文本的距離。
(1)選擇標題,點擊CSS規(guī)則按鈕,在目標規(guī)則中選擇新建CSS規(guī)則,輸入hj,彈出hj的CSS規(guī)則定義對話框。在類型line-height 選擇需要的距離。



3、對標題位置進行編輯。
點擊拆分按鈕,可以看到<p></p>標簽,在前面的<p>中加入居中標簽,步棸如圖所示。完成后效果如圖所示。



以上就是Dreamweaver制作網頁的一些小技巧分享,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
相關文章
Dreamweaver怎么插入水平線并設置顏色?Dreamweaver制作網頁的時候,想要插入一個水平線,該怎么插入水平線并設置紅色呢?下面我們就來看看詳細的教程,需要的朋友可以參考2019-05-06
dreamweaver怎么使用正則表達式?dreamweaver頁面中有需要替換的內容,該怎么替換呢?我們可以使用正則表達式來替換,下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-30
Dreamweaver網頁怎么插入單選按鈕?Dreamweaver設計網頁的時候,需要使用單選按鈕,該怎么插入單選按鈕呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-26
Dreamweaver CC2019怎么制作關注按鈕?dw2019中想要制作一個按鈕并給按鈕添加鏈接,實現(xiàn)關注的效果,該怎么操作嗯?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-25
Dreamweaver CS3復選框怎么用? dw復選框屬性介紹
Dreamweaver CS3復選框怎么用?Dreamweaver CS3制作網頁的時候,經常使用復選框,復選框的各種屬性有什么作用?下面我們就來看看dw復選框屬性介紹,需要的朋友可以參考下2019-04-24
Dreamweaver CS3網頁怎么創(chuàng)建多個層?
Dreamweaver CS3網頁怎么創(chuàng)建多個層?Dreamweaver CS3制作頁面的時候,經常使用層,可以容納網頁元素的容器,下面我們就來看看一個簡單的實例教程,需要的朋友可以參考下2019-04-24
Dreamweaver修改后的網頁運行頁面不變該怎么辦?Dreamweaver對某些網頁進行了修改,保存后再運行發(fā)現(xiàn)沒有任何改變,這個怎么回事?該怎么解決呢?請看下文詳細介紹,需要的2019-04-23
Dreamweaver怎么套用網站源代碼設計網頁?Dreamweaver中想要設計網頁,我們可以直接套用網站源代碼來實現(xiàn),下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-22
Dreamweaver代碼區(qū)怎么輸入標題1?Dreamweaver輸入文字的時候,需要添加標題1,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-18
Dreamweaver是怎么把圖片轉換成代碼 簡單五步驟即可解決
Dreamweaver是怎么把圖片轉換成代碼的呢?詳細還有不少用戶還不清楚吧!還有不會的用戶一起詳細了解下吧2019-07-19












