Dreamweaver初始化設(shè)置和文檔基本操作

更新時(shí)間:2022-06-02 來源:黑馬程序員瀏覽量:

為了方便網(wǎng)頁制作，我們通常會(huì)選擇一些較便捷的輔助工具。例如，HBuilder、Sublime、Visual StudioCode、Dreamweaver等。其中前面列舉的3種軟件，更偏向于Web開發(fā)，而Dreamweaver工具則依靠其可視化的網(wǎng)頁制作模式，極大地降低了網(wǎng)站建設(shè)的難度，使得不同技術(shù)水平的設(shè)計(jì)師，都能搭建出美觀的頁面。本節(jié)將簡(jiǎn)單介紹Dreamweaver的初始化設(shè)置和基本文檔操作。

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

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

2.添加必備面板

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

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

選擇“編輯→首選參數(shù)“選項(xiàng)（或按【Ctrl+U】組合鍵），即可打開“首選參數(shù)”面板。選中左側(cè)分類中的“新建文檔”選項(xiàng)，右側(cè)就會(huì)出現(xiàn)對(duì)應(yīng)的設(shè)置。

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

在“首選參數(shù)”面板中可設(shè)置代碼提示，選擇“代碼提示”菜單，然后選中“結(jié)束標(biāo)簽”選項(xiàng)中的第二項(xiàng)，單擊“確定”按鈕。

5.瀏覽器設(shè)置

Dreamweaver可以關(guān)聯(lián)瀏覽器，對(duì)編輯的網(wǎng)站頁面進(jìn)行預(yù)覽。在“首選參數(shù)”面板左側(cè)區(qū)域選擇“在瀏覽器中預(yù)筑”選項(xiàng)，在右側(cè)區(qū)域單擊按鈕，即可打開“添加瀏覽器”菜單。

注意：Dreamweaver“設(shè)計(jì)”視圖中的網(wǎng)頁顯示效果只能作為參考，最終以瀏覽器中的顯示效果為準(zhǔn)。

Dreamweaver文檔的基本操作

（1）新建文檔

選擇菜單欄中的“文件→新建”選項(xiàng)，會(huì)出現(xiàn)“新建文檔”窗口。這時(shí)，在“文檔類型”下拉選項(xiàng)中選擇“HTML5”，即可創(chuàng)建一個(gè)空白的HTML5文檔。

（2）保存文檔

選擇“文件→保存”選項(xiàng)（或按【Ctrl+S】組合鍵），如果是第一次保存，會(huì)打開“另存為”對(duì)話框。執(zhí)行“文件→存儲(chǔ)為”命令（或按【Ctrl+Shift+S】組合鍵），會(huì)再次彈出“另存為”對(duì)話框，在該對(duì)話框中設(shè)置保存路徑、文件名和保存類型，單擊“確定”按鈕，即可將該文件另存為一個(gè)新的文件。