HTML5網頁編輯器的設置和使用

網頁編輯器是書寫HTML、CSS等代碼的工具軟件。一般常用的網頁編輯器有Dreamweaver、Sublime Text、WebStorm、Hbulider等，如圖1.8所示為常用的網頁編輯器的圖標。本教材采用Dreamweaver網頁編輯器 版本為CS6。Dreamweaver簡稱“DW”，具備好的代碼提示功能和強大的輔助操作，因此它非常容易上手，是一款適合初學者學習和使用的網頁編輯器。下面和千鋒廣州HTML5小編一起來看看吧！

接下來講解如何使用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中就有強大的代碼提示的功能，只需在【選參數】對話框中設置代碼提示，選擇【代碼提示】選項，然后選中【結束標簽】選項中的第二項，單擊【確定】按鈕即可，如圖所示。

網頁標題：HTML5網頁編輯器的設置和使用
瀏覽地址：http://m.kartarina.com/news12/104912.html

成都網站建設公司_創新互聯，為您提供網站建設、小程序開發、定制網站、商城網站、App設計、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯