dw CS6 2012版本如何創(chuàng)建和保存網(wǎng)頁？

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

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

在網(wǎng)站中有一個特殊的網(wǎng)頁是首頁，每個網(wǎng) 站必須有一個首頁。每當訪問者在IE瀏覽器的 地址欄中輸入網(wǎng)站地址，如在IE瀏覽器的地址欄 中輸入"www.ptpress.com.cn"時會自動打開人 民郵電出版社的官網(wǎng)首頁。一般情況下，首頁 的文件名為"index.htm" "index.htmI" "index, asp" "default.asp" "defeult.htm" "defeult.html”。

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

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

(2)設(shè)置完成后，單擊"創(chuàng)建”按鈕，彈 出文檔"窗口，新文檔在該窗口中打開。根據(jù) 需要，在“文檔"窗口中選擇不同的視圖設(shè)計網(wǎng) 頁，如圖所示。

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

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

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

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

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