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

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

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

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

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

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

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

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

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

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

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