Dreamweaver制作網(wǎng)頁需要掌握哪些小技巧?

在用Dreamweaver中編輯文本時對于新手可以說是很尷尬的,因為對網(wǎng)頁文本的編輯并不是很明顯,不容易找到,而學(xué)會對網(wǎng)頁文本進(jìn)行CSS樣式設(shè)置,就可以很快的完成文本的編輯,今天我們就來分享dw設(shè)計網(wǎng)頁的一些小技巧。
1、編輯網(wǎng)頁內(nèi)容。在Dreamweaver輸入文字的方式與使用word時相同,可以直接輸入,也可進(jìn)行復(fù)制粘貼。
(1)編輯頁面字體,如圖,打開Dreamweaver后如圖所示,在最下面的屬性面板中找到“頁面屬性”設(shè)置頁面字體。
(2)選擇標(biāo)題,點(diǎn)擊CSS規(guī)則按鈕,選擇編輯規(guī)則,在“選擇器名稱框中輸入bt,點(diǎn)擊確認(rèn),彈出bt的CSS規(guī)則定義對話框,編輯字體,字號,及字體顏色,完成后效果如圖。
2、編輯標(biāo)題與文本的距離。
(1)選擇標(biāo)題,點(diǎn)擊CSS規(guī)則按鈕,在目標(biāo)規(guī)則中選擇新建CSS規(guī)則,輸入hj,彈出hj的CSS規(guī)則定義對話框。在類型line-height 選擇需要的距離。
3、對標(biāo)題位置進(jìn)行編輯。
點(diǎn)擊拆分按鈕,可以看到<p></p>標(biāo)簽,在前面的<p>中加入居中標(biāo)簽,步棸如圖所示。完成后效果如圖所示。
以上就是Dreamweaver制作網(wǎng)頁的一些小技巧分享,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Dreamweaver網(wǎng)頁怎么設(shè)置標(biāo)記色彩?
Dreamweaver cs5網(wǎng)頁怎么插入驗證標(biāo)簽?
Dreamweaver網(wǎng)頁怎么制作CSS疊層樣式?
相關(guān)文章
- Dreamweaver怎么插入水平線并設(shè)置顏色?Dreamweaver制作網(wǎng)頁的時候,想要插入一個水平線,該怎么插入水平線并設(shè)置紅色呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2019-05-06
- dreamweaver怎么使用正則表達(dá)式?dreamweaver頁面中有需要替換的內(nèi)容,該怎么替換呢?我們可以使用正則表達(dá)式來替換,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-30
- Dreamweaver網(wǎng)頁怎么插入單選按鈕?Dreamweaver設(shè)計網(wǎng)頁的時候,需要使用單選按鈕,該怎么插入單選按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-26
Dreamweaver CC2019怎么制作關(guān)注按鈕?
Dreamweaver CC2019怎么制作關(guān)注按鈕?dw2019中想要制作一個按鈕并給按鈕添加鏈接,實現(xiàn)關(guān)注的效果,該怎么操作嗯?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-25Dreamweaver CS3復(fù)選框怎么用? dw復(fù)選框?qū)傩越榻B
Dreamweaver CS3復(fù)選框怎么用?Dreamweaver CS3制作網(wǎng)頁的時候,經(jīng)常使用復(fù)選框,復(fù)選框的各種屬性有什么作用?下面我們就來看看dw復(fù)選框?qū)傩越榻B,需要的朋友可以參考下2019-04-24Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層?
Dreamweaver CS3網(wǎng)頁怎么創(chuàng)建多個層?Dreamweaver CS3制作頁面的時候,經(jīng)常使用層,可以容納網(wǎng)頁元素的容器,下面我們就來看看一個簡單的實例教程,需要的朋友可以參考下2019-04-24Dreamweaver修改后的網(wǎng)頁運(yùn)行頁面不變該怎么辦?
Dreamweaver修改后的網(wǎng)頁運(yùn)行頁面不變該怎么辦?Dreamweaver對某些網(wǎng)頁進(jìn)行了修改,保存后再運(yùn)行發(fā)現(xiàn)沒有任何改變,這個怎么回事?該怎么解決呢?請看下文詳細(xì)介紹,需要的2019-04-23Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計網(wǎng)頁?
Dreamweaver怎么套用網(wǎng)站源代碼設(shè)計網(wǎng)頁?Dreamweaver中想要設(shè)計網(wǎng)頁,我們可以直接套用網(wǎng)站源代碼來實現(xiàn),下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-22Dreamweaver代碼區(qū)怎么輸入標(biāo)題1?
Dreamweaver代碼區(qū)怎么輸入標(biāo)題1?Dreamweaver輸入文字的時候,需要添加標(biāo)題1,該怎么添加呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-04-18Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼 簡單五步驟即可解決
Dreamweaver是怎么把圖片轉(zhuǎn)換成代碼的呢?詳細(xì)還有不少用戶還不清楚吧!還有不會的用戶一起詳細(xì)了解下吧2019-07-19