實例005 新建和保存網(wǎng)頁文檔

在開始制作網(wǎng)站頁面之前，首先需要在Dreamweaver CC中創(chuàng)建一個空白頁面，在所創(chuàng)建的空白頁面中進行制作，并且還需要對所新建的網(wǎng)頁文檔進行保存，從而避免網(wǎng)頁文件沒有保存而意外丟失。

●最終文件| 無

●視頻| 光盤\視頻\第1章\實例5.swf

●知識點| 新建網(wǎng)頁文檔，保存網(wǎng)頁文檔

●學(xué)習(xí)時間| 5分鐘

知識點鏈接

在Dreamweaver CC中可以新建哪些類型的文檔？

通過“新建文檔”對話框可以新建多種格式的文件，并且還可以新建具有布局示例的頁面和多種網(wǎng)頁相關(guān)文件。

在“空白頁”選項卡中可以新建基本的靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁，其中最常用的就是HTML選項，如圖1-15所示。

單擊“流體網(wǎng)格布局”選項卡，切換到“流體網(wǎng)格布局”選項中，可以新建基于“移動設(shè)備”、“平板電腦”或“臺式機”3種設(shè)備的流體布局網(wǎng)頁，如圖1-16所示。

單擊“啟動器模板”選項卡，切換到“啟動器模板”選項中，在該選項中提供了“Mobile起始頁”示例頁面，在Dreamweaver CC中共提供了3種Mobile起始示例頁面，選中其中一個示例，單擊“創(chuàng)建”按鈕，即可創(chuàng)建jQuery Mobile頁面，如圖1-17所示。

單擊“網(wǎng)站模板”選項卡，切換到“網(wǎng)站模板”選項中，可以創(chuàng)建基于各站點中的模板的相關(guān)頁面，在“站點”列表中可以選擇需要創(chuàng)建基于模板頁的站點，在“站點的模板”列表中列出了所選中站點中的所有模板頁面，選中一個模板，單擊“創(chuàng)建”按鈕，即可創(chuàng)建基于該模板的頁面，如圖1-18所示。

操作步驟

01 啟動Dreamweaver CC，執(zhí)行“文件>新建”命令，彈出“新建文檔”對話框，如圖1-19所示。在“新建文檔”對話框的左側(cè)單擊選擇“空白頁”選項，在“頁面類型”選項區(qū)中選擇HTML選項，在“布局”選項中選擇一種布局樣式，一般默認(rèn)情況下為“無”，單擊“創(chuàng)建”按鈕，即可創(chuàng)建一個空白的HTML文檔，如圖1-20所示。

02 單擊文檔工具欄上的“代碼”按鈕，轉(zhuǎn)換到代碼視圖中，可以看到新建的HTML文檔的默認(rèn)HTML代碼，如圖1-21所示。執(zhí)行“文件>保存”命令，彈出“另存為”對話框，設(shè)置文件名，并設(shè)置文件的保存位置，如圖1-22所示。

03 單擊“保存”按鈕，即可對該文檔進行保存。完成新建文檔的保存后，文檔的名稱將自動更新為所保存的文檔名稱，如圖1-23所示。

Q 保存已經(jīng)存在的文件會彈出“另存為”對話框嗎？

A 如果當(dāng)前編輯的文件，以前已經(jīng)保存過，執(zhí)行“文件>保存”命令，將直接覆蓋保存原來的文件，而不會彈出“另存為”對話框。

Q 在Dreamweaver CC中新建的HTML文檔默認(rèn)是什么文檔類型？

A 在“新建文檔”對話框中的“文檔類型”下拉列表中可以選擇所新建的HTML文件的文檔類型，包括7種文檔類型，HTML 4.01 Transitional、HTML 4.01 Strict、HTML 5、XHTML 1.0 Transitional、XHTML 1.0 Strict、XHTML 1.1和XHTML Mobile 1.0, HTML 5為Dreamweaver CC默認(rèn)新建的文檔類型。