- Dreamweaver CC網頁設計從入門到精通(微課精編版)
- 前端科技
- 558字
- 2019-12-09 14:39:24
2.1 實戰演練:新建頁面
Dreamweaver CC提供了多種創建頁面的方法。除了直接在【文件】面板中新建各種類型的網頁文件外,使用【新建】菜單命令創建網頁是最常用的方法。
【操作步驟】
第1步,啟動Dreamweaver CC,選擇【文件】|【新建】命令,打開【新建文檔】對話框,如圖2.1所示。

圖2.1 【新建文檔】對話框
第2步,【新建文檔】對話框由【空白頁】【流體網格布局】【啟動器模板】【網站模板】4個分類選項卡組成(模板是依照已有的文檔結構新建一個文檔)。
第3步,在左側選項卡中選擇一種類型,如【啟動器模板】,然后在【示例文件夾】列表框中選擇子類項,如【Mobile起始頁】選項,則右側列表框將顯示【示例頁】類別的所有選項,如圖2.2所示。

圖2.2 新建啟動器模板
第4步,在示例列表框中選擇一種類型的頁面,在右側的預覽區域和描述區域中可以觀看效果,并察看該頁面的描述文字。
例如,選擇【jQuery Mobile(本地)】選項,對話框的預覽區域自動生成預覽圖,描述區域自動顯示該主題的描述說明。
如果在分類選項卡中選擇【流體網格布局】分類選項,則可以在右側設置流體布局配置參數,如圖2.3所示。

圖2.3 新建流體網格布局
第5步,單擊【新建文檔】對話框中的【創建】按鈕,Dreamweaver CC會自動在當前窗口創建一個移動互聯網網頁,如圖2.4所示。

圖2.4 新建的jQuery Mobile移動頁面模板
可以根據上面介紹的方法創建不同類型的頁面或者創建一個空白頁,具體步驟不再重復。