網(wǎng)頁編輯器是書寫HTML、CSS等代碼的工具軟件 。一般常用的網(wǎng)頁編輯器有Dreamweaver、Sublime Text、WebStorm、Hbulider等 ， 如圖1.8所示為常用的網(wǎng)頁編輯器的圖標 。本教材采用Dreamweaver網(wǎng)頁編輯器 版本為CS6 。Dreamweaver簡稱“DW” ， 具備完美的代碼提示功能和強大的輔助操作 ， 因此它非常容易上手 ， 是一款適合初學者學習和使用的網(wǎng)頁編輯器 。下面和千鋒廣州HTML5小編一起來看看吧！
圖1.1 常用網(wǎng)頁編輯器
接下來講解如何使用Dreamweaver網(wǎng)頁編輯器進行網(wǎng)頁編程 ， 軟件的安裝不再介紹 ， 直接講解軟件安裝后如何使用 。
運行DW軟件 ， 進入軟件界面 ， 選擇菜單欄中【文件】→【新建】 ， 打開新建文檔窗口 ， 在【文檔類型】下拉列表中選擇HTML5 ， 單擊【創(chuàng)建】按鈕 ， 如圖所示 ， 即可創(chuàng)建一個空白的HTML文檔 。
新建文檔窗口
空白HTML文檔
為了讓初學者更好的使用DW工具 ， 需要對DW進行一些初始化的設置 ， 具體如下：
a) 工作區(qū)布局設置
運行DW軟件 ， 進入軟件界面 ， 將布局設置成統(tǒng)一的模式 ， 選擇菜單欄中選擇【窗口】→【工作區(qū)布局(w)】→【經(jīng)典】 ， 如圖 。
初始化工作區(qū)布局
2. 必備面板
設置經(jīng)典模式后 ， 需要調(diào)出三個常用的面板 ， 分別選擇菜單欄【窗口】菜單下的【插入】、【屬性】、【文件】3個命令 ， 如圖所示 。
初始化必備面板
3. 新建默認文檔設置
選擇菜單欄中【編輯】→【首選參數(shù)】(Ctrl+U) ， 選中左側【分類】中的【新建文檔】 ， 右邊就會出現(xiàn)相應的設置 ， 選擇最常用的HTML文檔類型和編碼類型 ， 本書設置為HTML5 ， 如圖所示 。
默認文檔設置
新建文檔的首選參數(shù)設置后 ， 新建HTML文檔時 ， DW就會按照默認文檔設置直接生成所需的代碼 。
4. 瀏覽器設置
初學者計算機必備IE瀏覽器和Chrome瀏覽器 ， 建議講DW的默認預覽瀏覽器設置為“Chrome瀏覽器” ， 快捷鍵F12是使用主瀏覽器預覽網(wǎng)頁 ， 一般把IE瀏覽器設為次瀏覽器 ， 快捷鍵Ctrl+F12 ， 如圖所示 。
默認瀏覽器設置
5. 代碼提示
【網(wǎng)站編輯器哪個好用 html手機編程軟件推薦】?為了加快寫代碼的速度 ， 會用到代碼提示 ， DW中就有強大的代碼提示的功能 ， 只需在【首選參數(shù)】對話框中設置代碼提示 ， 選擇【代碼提示】選項 ， 然后選中【結束標簽】選項中的第二項 ， 單擊【確定】按鈕即可 ， 如圖所示 。
推薦閱讀
- 處理器性能對比 三星Exynos1080和麒麟9000哪個更強
- 一件代發(fā)哪個平臺最好 淘寶一件代發(fā)哪家好
- 放開那三國3謀士推薦 放開那三國3強力謀士選哪個好
- 購買域名多少錢一個 購買域名后建立網(wǎng)站的步驟
- 庫房管理軟件哪個好用 免費出入庫管理軟件推薦
- 跑步和跳繩哪個更減肥
- 跳繩和跑步哪個瘦身好
- 哪個平臺買二手蘋果手機靠譜 二手蘋果在哪買靠譜
- 海參VS雞蛋哪個更有營養(yǎng)
- 代超是哪個經(jīng)紀公司 代超有女朋友嗎