Dreamweaver網(wǎng)頁制作教程:頁面制作_Dreamweaver教程
現(xiàn)在,以下邊的簡單網(wǎng)頁為例,敘述一下制作過程。簡單網(wǎng)頁如下圖:

在開始制作之前,我們先對這個頁面進(jìn)行一下分析�?纯催@個頁面用到了那些東西。
□網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。
□網(wǎng)頁中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網(wǎng)頁背景是一深紫紅顏色。
知道了這個網(wǎng)頁的結(jié)構(gòu)以后我們就來可以制作了。
首先啟動Dreamweaver MX 2004,確保你已經(jīng)用站點治理器建立好了一個網(wǎng)站(根目錄)。
為了制作方便,請您事先打開資源治理器,把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。
【插入標(biāo)題文字】
進(jìn)入頁面編輯設(shè)計視圖狀態(tài)。在一般情況下,編輯器默認(rèn)左對齊,光標(biāo)在左上角閃爍,光標(biāo)位置就是插入點的位置。假如要想讓文字居中插入,點屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊,我們可以對它進(jìn)行設(shè)置。
【設(shè)置文字的格式】 選中文字,在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體,大小可任意更改字號。并選中“B”將字體變粗。
【設(shè)置文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖標(biāo),在彈出的顏色選擇器中用滴管選取顏色即可。

【設(shè)置網(wǎng)頁的標(biāo)題和背景顏色】
點擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框(如下圖)

請在標(biāo)題輸入框填入標(biāo)題“我的主頁”。
設(shè)置背景顏色:網(wǎng)頁背景可以是圖片,也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進(jìn)行選取。假如背景要設(shè)為圖片,點擊背景圖象“瀏覽”按鈕,系統(tǒng)彈出圖片選擇對話框,選中背景圖片文件,點擊確定按鈕。
設(shè)計視圖狀態(tài),在標(biāo)題“我的主頁”右邊空白處單擊鼠標(biāo),回車換一行,按照以下的步驟插入一幅畫圖片,并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。
【插入圖像】選擇以下任意一種方法:
(1)使用插入菜單:在“插入”菜單選“圖像”,彈出“選擇圖像源文件”對話框,選中該圖像文件,單擊確定。如下圖:

(2)使用插入欄(如下圖):單擊插入欄對象按鈕>選

按鈕,彈出“選擇圖像源文件”對話框,其余操作同上。
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver 8.0網(wǎng)頁設(shè)計
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- DREAMWEAVER 8+ASP從入門到精通隨書光盤
- Dreamweaver 8完美網(wǎng)頁設(shè)計:商業(yè)網(wǎng)站篇
- 中文版Dreamweaver 8入門必練
- Dreamweaver+ASP動態(tài)網(wǎng)頁設(shè)計視頻教程
- 巧奪天工-Dreamweaver MX 2004 入門與進(jìn)階實例
- 網(wǎng)頁制作三劍客經(jīng)典實例Flashmx,Dreamveaver,Fireworks
- Dreamweaver MX教程
- 挑戰(zhàn)DREAMWEAVER MX互動網(wǎng)站百寶箱FOR ASP
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:頁面制作
。