在使用Dreamweaver時(shí),為了操作更得心應(yīng)手,通常都會(huì)做一些初始化設(shè)置。Dreamweaver工具的初始化設(shè)置通常包含以下幾個(gè)方面。
1、 設(shè)置工作區(qū)布局
打開(kāi)Dreamweaver工具界面,選擇菜單欄里的“窗口→工作區(qū)布局→經(jīng)典”選項(xiàng)。
2、 添加必備面板
設(shè)置為“經(jīng)典”模式后,需要調(diào)出常用的三部分面板,分別為“插入”面板、“文件”面板、“屬性”面板,這些面板均可以通過(guò)“窗口”菜單打開(kāi),如圖1所示。
圖1 必備面板
3、設(shè)置新建文檔
選擇“編輯→首選參數(shù)”選項(xiàng)(或按“Ctrl+U”組合鍵),即可打開(kāi)“首選參數(shù)”面板,如圖2所示。選中左側(cè)分類(lèi)中的“新建文檔”選項(xiàng),右側(cè)就會(huì)出現(xiàn)對(duì)應(yīng)的設(shè)置。選取目前最常用的HTML文檔類(lèi)型和編碼類(lèi)型(只需設(shè)置紅框標(biāo)識(shí)選項(xiàng)即可)。
圖2 “首選項(xiàng)參數(shù)”面板
設(shè)置好新建文檔的首選參數(shù)后,再新建HTML文檔時(shí),Dreamweaver就會(huì)按照默認(rèn)設(shè)置直接生成所需要的代碼。
注意:
在“默認(rèn)文檔類(lèi)型”選項(xiàng)中,Dreamweaver CS6默認(rèn)文檔類(lèi)型為XHTML1.0,使用者可根據(jù)實(shí)際需要更改為HTML5文檔類(lèi)型。
4、設(shè)置代碼提示
Dreamweaver擁有強(qiáng)大的代碼提示功能,可以提高書(shū)寫(xiě)代碼的速度。在“首選參數(shù)”面板中可設(shè)置代碼提示,選擇“代碼提示”菜單,然后選中“結(jié)束標(biāo)簽”選項(xiàng)中的第二項(xiàng),單擊“確定”按鈕,如圖3所示,即可完成代碼提示設(shè)置。
圖3 Dreamweaver代碼提示設(shè)置
5、 瀏覽器設(shè)置
Dreamweaver可以關(guān)聯(lián)瀏覽器,對(duì)編輯的網(wǎng)站頁(yè)面進(jìn)行預(yù)覽。在“首選參數(shù)”面板(圖3所示)左側(cè)區(qū)域選擇“在瀏覽器中預(yù)覽”選項(xiàng),在右側(cè)區(qū)域單擊“
”按鈕,即可打開(kāi)如圖4所示的“添加瀏覽器”菜單。
圖4 添加瀏覽器
單擊“瀏覽”按鈕,即可打開(kāi)“選擇瀏覽器”面板,選中需要添加的瀏覽器,單擊“打開(kāi)”按鈕,Dreamweaver會(huì)自動(dòng)添加“名稱(chēng)”“應(yīng)用程序”如圖5所示。
圖5 添加瀏覽器
單擊圖5中的“確定”按鈕,完成添加,此時(shí)在“瀏覽器”顯示區(qū)域會(huì)出現(xiàn)添加的瀏覽器,如圖6所示,如果勾選“主瀏覽器”選項(xiàng),按快捷鍵“F12”即可進(jìn)行快速預(yù)覽。如果勾選“次瀏覽器”選項(xiàng),按“Ctrl+F12”組合鍵可使用次瀏覽器預(yù)覽網(wǎng)頁(yè)。
圖6 設(shè)置主瀏覽器
建議將Dreamweaver主瀏覽器設(shè)置為“谷歌瀏覽器”,把火狐瀏覽器設(shè)置設(shè)為次瀏覽器。
注意:
Dreamweaver“設(shè)計(jì)”視圖中的顯示效果只能作為參考,最終以瀏覽器中的顯示效果為準(zhǔn)。
猜你喜歡:
web前端兼容性面試題匯總
如何使用css讓圖片垂直居中?flex方法和display方法介紹
黑馬程序員web前端培訓(xùn)課程
傳智播客web前端培訓(xùn)課程