文章插圖

文章插圖
網頁編輯器是書寫HTML、CSS等代碼的工具軟件 。一般常用的網頁編輯器有Dreamweaver、Sublime Text、WebStorm、Hbulider等,如圖1.8所示為常用的網頁編輯器的圖標 。本教材采用Dreamweaver網頁編輯器 版本為CS6 。Dreamweaver簡稱“DW”,具備完美的代碼提示功能和強大的輔助操作,因此它非常容易上手,是一款適合初學者學習和使用的網頁編輯器 。下面和千鋒廣州HTML5小編一起來看看吧!
接下來講解如何使用Dreamweaver網頁編輯器進行網頁編程,軟件的安裝不再介紹,直接講解軟件安裝后如何使用 。
運行DW軟件,進入軟件界面, 選擇菜單欄中【文件】→【新建】,打開新建文檔窗口,在【文檔類型】下拉列表中選擇HTML5,單擊【創建】按鈕,如圖所示,即可創建一個空白的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中就有強大的代碼提示的功能,只需在【首選參數】對話框中設置代碼提示,選擇【代碼提示】選項,然后選中【結束標簽】選項中的第二項,單擊【確定】按鈕即可,如圖所示 。
- 肛門口瘙癢是怎么回事,肛門口瘙癢是怎么回事用什么藥有效
- 鈣片直接吞可以嗎
- 用excel怎么制作表格 怎么做excel表格
- 蜂臘:蜂蠟有哪些妙用?有哪些藥用價值?
- 網絡用語giao是什么意思:giao和奧利給分別是什么意思?
- 蘋果型號N開頭是 蘋果N開頭是什么
- 不能過量食用的蔬菜,過量吃胡蘿卜易引起胡蘿卜血癥
- 葉黃素和花青素的作用,花青素最能保護眼睛的7種食物
- 紅棗的食用禁忌要注重,紅棗的食譜大全
- 錘子系統更新服務應用下載 錘子系統升級服務
