Dreamweaver CC 2014創(chuàng)建和保存網(wǎng)頁

創(chuàng)建站點(diǎn)后，用戶需要?jiǎng)?chuàng)建網(wǎng)頁來組織要展示的內(nèi)容。合理的網(wǎng)頁名稱非常重要，一般網(wǎng)頁文 件的名稱應(yīng)容易理解，能反映網(wǎng)頁的內(nèi)容。

在網(wǎng)站中有一個(gè)特蛛的網(wǎng)頁是首頁，每個(gè)網(wǎng)站必須有一個(gè)首頁。訪問者每當(dāng)在IE瀏覽器的地址 欄中輸人網(wǎng)址，如在IE瀏覽器的地址欄中輸人“www.sina.com.cn”時(shí)會(huì)自動(dòng)打開新浪網(wǎng)的首覓。 一般情況下，首頁的文件名為 “index.htm” “index.html” “index.asp” “default.asp” “default.htm” 或 “default.html'

在標(biāo)準(zhǔn)的Dreamweaver CC環(huán)境下，建立和保存網(wǎng)頁的操作步驟如下。

(1 )選擇“文件 > 新建”命令，或按Ctrl+N組合鍵，彈出“新建文檔”對(duì)話框，選擇“空白 頁”選項(xiàng)，在“頁面類型”選項(xiàng)框中選擇“HTML”選項(xiàng)，在“布局”選項(xiàng)框中選擇“無”選項(xiàng)， 創(chuàng)建空白網(wǎng)頁，設(shè)置如圖所示。

(2)設(shè)置完成后，單擊“倉(cāng)犍”按鈕，彈出“文檔”窗口，新文檔在該窗口中打開。根據(jù)需要， 在“文檔”窗口中選擇不同的視圖設(shè)計(jì)網(wǎng)頁。

“文檔”窗口中有3種視圖方式，這3種視圖方式的作用如下。

“代碼”視圖：對(duì)于有編程經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)用戶而言，可在“代碼”視圖中查看、修改和編寫網(wǎng) 頁代碼，以實(shí)現(xiàn)特殊的網(wǎng)頁效果，"代碼”視圖的效果。

“設(shè)計(jì)”視圖：以所見即所得的方式顯示所有網(wǎng)頁元素，“設(shè)計(jì)”視圖的效果如圖所示。

“拆分”視圖：將文檔窗口分為左右兩部分，左側(cè)部分是代碼部分，顯示代碼；右側(cè)部分是設(shè)計(jì) 部分，顯示網(wǎng)頁元素及其在頁面中的布局。在此視圖中，網(wǎng)頁設(shè)計(jì)用戶通過在設(shè)計(jì)部分單擊網(wǎng)頁元 素的方式，快速地定位到要修改的網(wǎng)頁元素代碼的位置，進(jìn)行代碼的修改，或在“屬性”面板中修 改網(wǎng)頁元素的屬性?！安鸱帧币晥D的效果如圖所示。

(3)網(wǎng)頁設(shè)計(jì)完成后，選擇“文件 > 保存”命令，彈出“另存為”對(duì)話框，在"文件名”選項(xiàng)的文本框中輸人網(wǎng)頁的名稱，如圖所示，單擊“保存”按鈕，將該文檔保存在站點(diǎn)文件夾中。