網頁編輯器是書寫HTML、CSS等代碼的工具軟件。一般常用的網頁編輯器有Dreamweaver、Sublime Text、WebStorm、Hbulider等，如圖1.8所示為常用的網頁編輯器的圖標。本教材採用Dreamweaver網頁編輯器 版本為CS6。Dreamweaver簡稱“DW”，具備完美的代碼提示功能和強大的輔助操作，因此它非常容易上手，是一款適合初學者學習和使用的網頁編輯器。下面和千鋒廣州HTML5小編一起來看看吧！
圖1.1 常用網頁編輯器
接下來講解如何使用Dreamweaver網頁編輯器進行網頁編程，軟件的安裝不再介紹，直接講解軟件安裝後如何使用。
運行DW軟件，進入軟件界面， 選擇菜單欄中【文件】→【新建】，打開新建文檔窗口，在【文檔類型】下拉列表中選擇HTML5，單擊【創建】按鈕，如圖所示，即可創建一個空白的HTML文檔。
新建文檔窗口
空白HTML文檔
為了讓初學者更好的使用DW工具，需要對DW進行一些初始化的設置，具體如下：
a) 工作區布局設置
運行DW軟件，進入軟件界面，將布局設置成統一的模式，選擇菜單欄中選擇【窗口】→【工作區布局(w)】→【經典】，如圖。
初始化工作區布局
2. 必備面板
設置經典模式後，需要調出三個常用的面板，分別選擇菜單欄【窗口】菜單下的【插入】、【屬性】、【文件】3個命令，如圖所示。
初始化必備面板
3. 新建默認文檔設置
選擇菜單欄中【編輯】→【首選參數】(Ctrl+U)，選中左側【分類】中的【新建文檔】，右邊就會出現相應的設置，選擇最常用的HTML文檔類型和編碼類型，本書設置為HTML5，如圖所示。
默認文檔設置
新建文檔的首選參數設置後，新建HTML文檔時，DW就會按照默認文檔設置直接生成所需的代碼。
4. 瀏覽器設置
初學者計算機必備IE瀏覽器和Chrome瀏覽器，建議講DW的默認預覽瀏覽器設置為“Chrome瀏覽器”，快捷鍵F12是使用主瀏覽器預覽網頁，一般把IE瀏覽器設為次瀏覽器，快捷鍵Ctrl+F12，如圖所示。
默認瀏覽器設置
5. 代碼提示
為了加快寫代碼的速度，會用到代碼提示，DW中就有強大的代碼提示的功能，只需在【首選參數】對話框中設置代碼提示，選擇【代碼提示】選項，然後選中【結束標籤】選項中的第二項，單擊【確定】按鈕即可，如圖所示。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/216304.html
微信掃一掃 
支付寶掃一掃 