HTML5網(wǎng)頁(yè)編輯器的設(shè)置和使用

網(wǎng)頁(yè)編輯器是書(shū)寫(xiě)HTML、CSS等代碼的工具軟件。一般常用的網(wǎng)頁(yè)編輯器有Dreamweaver、Sublime Text、WebStorm、Hbulider等，如圖1.8所示為常用的網(wǎng)頁(yè)編輯器的圖標(biāo)。本教材采用Dreamweaver網(wǎng)頁(yè)編輯器 版本為CS6。Dreamweaver簡(jiǎn)稱(chēng)“DW”，具備好的代碼提示功能和強(qiáng)大的輔助操作，因此它非常容易上手，是一款適合初學(xué)者學(xué)習(xí)和使用的網(wǎng)頁(yè)編輯器。下面和千鋒廣州HTML5小編一起來(lái)看看吧！

接下來(lái)講解如何使用Dreamweaver網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)編程，軟件的安裝不再介紹，直接講解軟件安裝后如何使用。

運(yùn)行DW軟件，進(jìn)入軟件界面， 選擇菜單欄中【文件】→【新建】，打開(kāi)新建文檔窗口，在【文檔類(lèi)型】下拉列表中選擇HTML5，單擊【創(chuàng)建】按鈕，如圖所示，即可創(chuàng)建一個(gè)空白的HTML文檔。

新建文檔窗口

空白HTML文檔

為了讓初學(xué)者更好的使用DW工具，需要對(duì)DW進(jìn)行一些初始化的設(shè)置，具體如下：

a) 工作區(qū)布局設(shè)置

運(yùn)行DW軟件，進(jìn)入軟件界面，將布局設(shè)置成統(tǒng)一的模式，選擇菜單欄中選擇【窗口】→【工作區(qū)布局(w)】→【經(jīng)典】，如圖。

初始化工作區(qū)布局

2. 必備面板

設(shè)置經(jīng)典模式后，需要調(diào)出三個(gè)常用的面板，分別選擇菜單欄【窗口】菜單下的【插入】、【屬性】、【文件】3個(gè)命令，如圖所示。

初始化必備面板

3. 新建默認(rèn)文檔設(shè)置

選擇菜單欄中【編輯】→【選參數(shù)】(Ctrl+U)，選中左側(cè)【分類(lèi)】中的【新建文檔】，右邊就會(huì)出現(xiàn)相應(yīng)的設(shè)置，選擇最常用的HTML文檔類(lèi)型和編碼類(lèi)型，本書(shū)設(shè)置為HTML5，如圖所示。

默認(rèn)文檔設(shè)置

新建文檔的選參數(shù)設(shè)置后，新建HTML文檔時(shí)，DW就會(huì)按照默認(rèn)文檔設(shè)置直接生成所需的代碼。

4. 瀏覽器設(shè)置

初學(xué)者計(jì)算機(jī)必備IE瀏覽器和Chrome瀏覽器，建議講DW的默認(rèn)預(yù)覽瀏覽器設(shè)置為“Chrome瀏覽器”，快捷鍵F12是使用主瀏覽器預(yù)覽網(wǎng)頁(yè)，一般把IE瀏覽器設(shè)為次瀏覽器，快捷鍵Ctrl+F12，如圖所示。

默認(rèn)瀏覽器設(shè)置

5. 代碼提示

為了加快寫(xiě)代碼的速度，會(huì)用到代碼提示，DW中就有強(qiáng)大的代碼提示的功能，只需在【選參數(shù)】對(duì)話框中設(shè)置代碼提示，選擇【代碼提示】選項(xiàng)，然后選中【結(jié)束標(biāo)簽】選項(xiàng)中的第二項(xiàng)，單擊【確定】按鈕即可，如圖所示。

網(wǎng)頁(yè)標(biāo)題：HTML5網(wǎng)頁(yè)編輯器的設(shè)置和使用
瀏覽地址：http://www.bm7419.com/news12/104912.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、小程序開(kāi)發(fā)、定制網(wǎng)站、商城網(wǎng)站、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)