首頁(yè)技術(shù)文章正文

網(wǎng)頁(yè)制作之DW初始化代碼設(shè)置

更新時(shí)間:2020年10月23日16時(shí)34分來(lái)源:傳智播客瀏覽次數(shù):

在使用Dreamweaver時(shí)，為了操作更得心應(yīng)手，通常都會(huì)做一些初始化設(shè)置。Dreamweaver工具的初始化設(shè)置通常包含以下幾個(gè)方面。
　　1、設(shè)置工作區(qū)布局
　　打開Dreamweaver工具界面，選擇菜單欄里的“窗口→工作區(qū)布局→經(jīng)典”選項(xiàng)。
　　2、添加必備面板
　　設(shè)置為“經(jīng)典”模式后，需要調(diào)出常用的三部分面板，分別為“插入”面板、“文件”面板、“屬性”面板，這些面板均可以通過(guò)“窗口”菜單打開，如圖1所示。

圖1 必備面板

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

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

　　設(shè)置好新建文檔的首選參數(shù)后，再新建HTML文檔時(shí)，Dreamweaver就會(huì)按照默認(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è)置。

圖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ū)域單擊“

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

圖4 添加瀏覽器

　　單擊“瀏覽”按鈕，即可打開“選擇瀏覽器”面板，選中需要添加的瀏覽器，單擊“打開”按鈕，Dreamweaver會(huì)自動(dò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è)。