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

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

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

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

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

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

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

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

“代碼"視圖：對于有編程經驗的網頁設計 用戶而言，可在"代碼”視圖中查看、修改和編 寫網頁代碼，以實現特殊的網頁效果，“代碼" 視圖的效果如圖所示。

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

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

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