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

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

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

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

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

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

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

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

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

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

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