更新時(shí)間:2022-06-02 來(lái)源:黑馬程序員 瀏覽量:
為了方便網(wǎng)頁(yè)制作,我們通常會(huì)選擇一些較便捷的輔助工具。例如,HBuilder、Sublime、Visual StudioCode、Dreamweaver等。其中前面列舉的3種軟件,更偏向于Web開(kāi)發(fā),而Dreamweaver工具則依靠其可視化的網(wǎng)頁(yè)制作模式,極大地降低了網(wǎng)站建設(shè)的難度,使得不同技術(shù)水平的設(shè)計(jì)師,都能搭建出美觀的頁(yè)面。本節(jié)將簡(jiǎn)單介紹Dreamweaver的初始化設(shè)置和基本文檔操作。
1.設(shè)置工作區(qū)布局
打開(kāi)Dreamweaver工具界面,選擇菜單欄里的“窗口→工作區(qū)布局→經(jīng)典”選項(xiàng)。
2.添加必備面板
設(shè)置為“經(jīng)典”模式后,需要調(diào)出常用的三部分面板,分別為“插入菜單”“文件面板“屬性面板”。這些面板均可以通過(guò)“窗口"菜單打開(kāi)。
3.設(shè)置新建文檔
選擇“編輯→首選參數(shù)“選項(xiàng)(或按【Ctrl+U】組合鍵),即可打開(kāi)“首選參數(shù)”面板。選中左側(cè)分類中的“新建文檔”選項(xiàng),右側(cè)就會(huì)出現(xiàn)對(duì)應(yīng)的設(shè)置。
5.瀏覽器設(shè)置
Dreamweaver可以關(guān)聯(lián)瀏覽器,對(duì)編輯的網(wǎng)站頁(yè)面進(jìn)行預(yù)覽。在“首選參數(shù)”面板左側(cè)區(qū)域選擇“在瀏覽器中預(yù)筑”選項(xiàng),在右側(cè)區(qū)域單擊按鈕,即可打開(kāi)“添加瀏覽器”菜單。
注意:Dreamweaver“設(shè)計(jì)”視圖中的網(wǎng)頁(yè)顯示效果只能作為參考,最終以瀏覽器中的顯示效果為準(zhǔn)。
Dreamweaver文檔的基本操作
(1)新建文檔
選擇菜單欄中的“文件→新建”選項(xiàng),會(huì)出現(xiàn)“新建文檔”窗口。這時(shí),在“文檔類型”下拉選項(xiàng)中選擇“HTML5”,即可創(chuàng)建一個(gè)空白的HTML5文檔。
(3)打開(kāi)文檔
如果想要打開(kāi)電腦中已經(jīng)存在的文件,可以選擇“文件→打開(kāi)”選項(xiàng)(或按【Ctrl+O】組合鍵),即可彈出“打開(kāi)”面板。選中需要打開(kāi)的“文檔”,單擊“打開(kāi)”按鈕,即可打開(kāi)被選中的文件。