首頁技術(shù)文章正文

使用DW制作網(wǎng)頁,如何初始化代碼

更新時間:2020-10-23 來源:黑馬程序員 瀏覽量:

在使用Dreamweaver時,為了操作更得心應(yīng)手,通常都會做一些初始化設(shè)置。Dreamweaver工具的初始化設(shè)置通常包含以下幾個方面。

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

  打開Dreamweaver工具界面,選擇菜單欄里的“窗口→工作區(qū)布局→經(jīng)典”選項(xiàng)。

  2、 添加必備面板

  設(shè)置為“經(jīng)典”模式后,需要調(diào)出常用的三部分面板,分別為“插入”面板、“文件”面板、“屬性”面板,這些面板均可以通過“窗口”菜單打開,如圖1所示。

1603444920514_11.jpg

圖1 必備面板

  3、設(shè)置新建文檔

選擇“編輯→首選參數(shù)”選項(xiàng)(或按“Ctrl+U”組合鍵),即可打開“首選參數(shù)”面板,如圖2所示。選中左側(cè)分類中的“新建文檔”選項(xiàng),右側(cè)就會出現(xiàn)對應(yīng)的設(shè)置。選取目前最常用的HTML文檔類型和編碼類型(只需設(shè)置紅框標(biāo)識選項(xiàng)即可)。

1603444940053_12.jpg

圖2 “首選項(xiàng)參數(shù)”面板

  設(shè)置好新建文檔的首選參數(shù)后,再新建HTML文檔時,Dreamweaver就會按照默認(rèn)設(shè)置直接生成所需要的代碼。

  注意:

  在“默認(rèn)文檔類型”選項(xiàng)中,Dreamweaver CS6默認(rèn)文檔類型為XHTML1.0,使用者可根據(jù)實(shí)際需要更改為HTML5文檔類型。

  4、設(shè)置代碼提示

  Dreamweaver擁有強(qiáng)大的代碼提示功能,可以提高書寫代碼的速度。在“首選參數(shù)”面板中可設(shè)置代碼提示,選擇“代碼提示”菜單,然后選中“結(jié)束標(biāo)簽”選項(xiàng)中的第二項(xiàng),單擊“確定”按鈕,如圖3所示,即可完成代碼提示設(shè)置。

1603444950259_13.jpg

圖3 Dreamweaver代碼提示設(shè)置

  5、 瀏覽器設(shè)置

  Dreamweaver可以關(guān)聯(lián)瀏覽器,對編輯的網(wǎng)站頁面進(jìn)行預(yù)覽。在“首選參數(shù)”面板(圖3所示)左側(cè)區(qū)域選擇“在瀏覽器中預(yù)覽”選項(xiàng),在右側(cè)區(qū)域單擊“

 

”按鈕,即可打開如圖4所示的“添加瀏覽器”菜單。

1603444961300_14.jpg

圖4 添加瀏覽器

  單擊“瀏覽”按鈕,即可打開“選擇瀏覽器”面板,選中需要添加的瀏覽器,單擊“打開”按鈕,Dreamweaver會自動添加“名稱”“應(yīng)用程序”如圖5所示。

1603444971325_15.jpg

圖5 添加瀏覽器

  單擊圖5中的“確定”按鈕,完成添加,此時在“瀏覽器”顯示區(qū)域會出現(xiàn)添加的瀏覽器,如圖6所示,如果勾選“主瀏覽器”選項(xiàng),按快捷鍵“F12”即可進(jìn)行快速預(yù)覽。如果勾選“次瀏覽器”選項(xiàng),按“Ctrl+F12”組合鍵可使用次瀏覽器預(yù)覽網(wǎng)頁。

1603444980280_16.jpg

圖6 設(shè)置主瀏覽器

  本書建議將Dreamweaver主瀏覽器設(shè)置為“谷歌瀏覽器”,把火狐瀏覽器設(shè)置設(shè)為次瀏覽器。

  注意:

  Dreamweaver“設(shè)計(jì)”視圖中的顯示效果只能作為參考,最終以瀏覽器中的顯示效果為準(zhǔn)。

猜你喜歡:

Web開發(fā)者怎樣兼顧多個版本的瀏覽器?

如何使用H標(biāo)簽?【卡其漫畫2】

什么是自適應(yīng)式頁面?

黑馬程序員web前端培訓(xùn)課程 

分享到:
在線咨詢 我要報名
和我們在線交談!