Dreamweaver網(wǎng)頁設(shè)計實(shí)例

建立本地站點(diǎn)1.設(shè)計目標(biāo)建立一個本地站點(diǎn)，定義站點(diǎn)名稱、站點(diǎn)使用的本地根文件夾及默認(rèn)的圖像文件夾，為以后的頁面制作和管理打好基礎(chǔ)。本實(shí)例定義站點(diǎn)名稱為ample，使用的本地根文件夾為D:\我的文檔\sample,默認(rèn)的圖像文件夾為D:\我的文檔\sample\image。Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第1頁。2.制作步驟在Dreamweaver窗口中，執(zhí)行站點(diǎn)——新建站點(diǎn)命令，打開一個對話框，選“高級”選項(xiàng)卡，輸入上述內(nèi)容。在本地站點(diǎn)sample下，新建一個空白網(wǎng)頁，文件名設(shè)為index.html,按回車鍵，并單擊右鍵將index.html執(zhí)行“設(shè)成首頁”命令。Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第2頁。制作網(wǎng)頁1.設(shè)計目標(biāo)制作一個淺黃色背景的網(wǎng)頁，在頁面上通過添加文字和水平線，展示一個旅游文化地區(qū)的宣傳內(nèi)容，并且在頁面的右下方顯示出感謝信息和當(dāng)前的日期。2.制作步驟（1）設(shè)置頁面屬性Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第3頁。

在工具欄的“標(biāo)題”文本框中輸入網(wǎng)頁標(biāo)題，如“汴京旅游”，打開窗口底部的“頁面屬性”對話框，設(shè)置網(wǎng)頁背景色為淺黃色“#FFFFCC”。（2）制作網(wǎng)頁主體內(nèi)容

1)輸入頁面的標(biāo)題。“歡迎進(jìn)入七朝古都汴京”，選中文本，在屬性窗口上選字體為“華文行楷”，字號為36，字體顏色為“紅色”，對齊方式為“居中對齊”。Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第4頁。2)插入水平線。執(zhí)行插入——HTML——水平線命令，在屬性窗口上將水平線的寬度設(shè)置為500像素，高度設(shè)置為1像素，去掉陰影。3)制作導(dǎo)航內(nèi)容。將輸入法切換到全角中文的狀態(tài)下，輸入“新聞名勝美食特產(chǎn)住宿出行娛樂”，并按空格鍵調(diào)整與水平線的相對位置，將字體設(shè)置為“宋體”，字號為12、單位為點(diǎn)數(shù)，字體顏色為“#6633FF”，格式為“無”。

Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第5頁。4)插入感謝信息和日期。連續(xù)按回車鍵，將光標(biāo)移當(dāng)前屏幕的底部，在屬性窗口上選擇“右對齊”，輸入“謝謝您，今天是”，然后執(zhí)行插入——日期命令，在對話框中選擇一種日期格式，如希望日期隨系統(tǒng)時間更新，可選“存儲時自動更新”。5)插入圖像。提前在image文件下準(zhǔn)備好圖片素材，在插入工具欄的“常用”分類中單擊“圖像”按鈕或執(zhí)行插入——圖像命令，然后在屬性窗口上將圖像的尺寸寬和高設(shè)小一點(diǎn)如300×200。Dreamweaver網(wǎng)頁設(shè)計實(shí)例全文共7頁，當(dāng)前為第6頁。6）插入Flash動畫。提前在站點(diǎn)sample下復(fù)制一個Flash影片文件，執(zhí)行插入——媒體——Flash命令。7）設(shè)置超鏈接。首先新建幾個網(wǎng)頁如：xinwen.htmlmingsheng.html等。返回主頁index.html，先在屬性窗口上按“頁面屬性”按鈕，設(shè)置鏈接顏色和已訪問鏈接顏色及下劃線樣式。然后選中文本“新聞”，單擊“瀏覽