首頁技術文章正文

Dreamweaver初始化設置和文檔基本操作

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

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

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

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

設置工作布局

2.添加必備面板

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

添加必備面板

3.設置新建文檔

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

設置新建文檔
4.設置代碼提示
在“首選參數(shù)”面板中可設置代碼提示,選擇“代碼提示”菜單,然后選中“結束標簽”選項中的第二項,單擊“確定”按鈕。
設置代碼提示

5.瀏覽器設置

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

瀏覽器設置

注意:Dreamweaver“設計”視圖中的網(wǎng)頁顯示效果只能作為參考,最終以瀏覽器中的顯示效果為準。

Dreamweaver文檔的基本操作

(1)新建文檔

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

新建文檔

dw文檔設置
(2)保存文檔
選擇“文件→保存”選項(或按【Ctrl+S】組合鍵),如果是第一次保存,會打開“另存為”對話框。執(zhí)行“文件→存儲為”命令(或按【Ctrl+Shift+S】組合鍵),會再次彈出“另存為”對話框,在該對話框中設置保存路徑、文件名和保存類型,單擊“確定”按鈕,即可將該文件另存為一個新的文件。
Dreamweaver保存文檔

(3)打開文檔

如果想要打開電腦中已經(jīng)存在的文件,可以選擇“文件→打開”選項(或按【Ctrl+O】組合鍵),即可彈出“打開”面板。選中需要打開的“文檔”,單擊“打開”按鈕,即可打開被選中的文件。

(4)關閉文檔
·選擇“文件→關閉”選項(或按【Ctrl+W】組合鍵)可關閉選中的文檔。單擊需要關閉的“×”文檔窗口標簽欄按鈕,可關閉該文檔。
關閉文檔
分享到:
在線咨詢 我要報名
和我們在線交談!