現(xiàn)在,以下邊的簡(jiǎn)單網(wǎng)頁(yè)為例,敘述一下制作過(guò)程。簡(jiǎn)單網(wǎng)頁(yè)如下圖:
在開(kāi)始制作之前,我們先對(duì)這個(gè)頁(yè)面進(jìn)行一下分析。看看這個(gè)頁(yè)面用到了那些東西。
□網(wǎng)頁(yè)頂端的標(biāo)題“我的主頁(yè)”是一段文字。
□網(wǎng)頁(yè)中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網(wǎng)頁(yè)背景是一深紫紅顏色。
知道了這個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)以后我們就來(lái)可以制作了。
首先啟動(dòng)Dreamweaver MX 2004,確保你已經(jīng)用站點(diǎn)治理器建立好了一個(gè)網(wǎng)站(根目錄)。
為了制作方便,請(qǐng)您事先打開(kāi)資源治理器,把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。
【插入標(biāo)題文字】
進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下,編輯器默認(rèn)左對(duì)齊,光標(biāo)在左上角閃爍,光標(biāo)位置就是插入點(diǎn)的位置。假如要想讓文字居中插入,點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字。字小不要緊,我們可以對(duì)它進(jìn)行設(shè)置。
【設(shè)置文字的格式】 選中文字,在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體,大小可任意更改字號(hào)。并選中“B”將字體變粗。
【設(shè)置文字的顏色】首先選中文字,在屬性面板中,單擊顏色選擇圖標(biāo),在彈出的顏色選擇器中用滴管選取顏色即可。
【設(shè)置網(wǎng)頁(yè)的標(biāo)題和背景顏色】
點(diǎn)擊“修改”菜單選“頁(yè)面屬性”。系統(tǒng)彈出頁(yè)面屬性對(duì)話(huà)框(如下圖)
請(qǐng)?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁(yè)”。
設(shè)置背景顏色:網(wǎng)頁(yè)背景可以是圖片,也可以是顏色。此例是顏色。如上圖打開(kāi)背景顏色選擇器進(jìn)行選取。假如背景要設(shè)為圖片,點(diǎn)擊背景圖象“瀏覽”按鈕,系統(tǒng)彈出圖片選擇對(duì)話(huà)框,選中背景圖片文件,點(diǎn)擊確定按鈕。
設(shè)計(jì)視圖狀態(tài),在標(biāo)題“我的主頁(yè)”右邊空白處單擊鼠標(biāo),回車(chē)換一行,按照以下的步驟插入一幅畫(huà)圖片,并使這張圖片居中。您也可以通過(guò)屬性面板中的左對(duì)齊按鈕讓其居左安放。
【插入圖像】選擇以下任意一種方法:
(1)使用插入菜單:在“插入”菜單選“圖像”,彈出“選擇圖像源文件”對(duì)話(huà)框,選中該圖像文件,單擊確定。如下圖:
(2)使用插入欄(如下圖):?jiǎn)螕舨迦霗趯?duì)象按鈕>選
按鈕,彈出“選擇圖像源文件”對(duì)話(huà)框,其余操作同上。
新聞熱點(diǎn)
疑難解答
圖片精選