1、 “面板組”： 是分組在某個標題下面的相關面板的集合。若要展開一個面板組，單擊組名稱左側的展開箭頭；若要取消停靠一個面板，拖動該組標題條左邊緣的手柄。 “文件”面板： 可以管理文件和文件夾， “文件”面板還可以訪問本地磁盤上的全部文件，類似于 Windows 資源管理器。 3、菜單 “文件”菜單：包含“新建”、“打開”、“保存”、“保存全部”，查看當前文檔或對當前文檔執行操作，例如“在瀏覽器中預覽”和“打印代碼”。 “編輯”菜單：包含選擇和搜索命令，例如“選擇父標簽”和“查找和替換”。“編輯”菜單還提供對DW菜單中“首選參數”的訪問。 “查看”菜單：可以看到文檔的各種視圖，并且可以顯示和隱藏不

2、同類型的頁面元素和 DW工具及工具欄。 “插入”菜單：提供“插入”欄的替代項，用于將對象插入文檔。 “修改”菜單：可以更改選定頁面元素或項的屬性。使用此菜單，可以編輯標簽屬性，更改表格和表格元素，并且為庫項和模板執行不同的操作。第1頁/共21頁 4、常用工具欄 “插入”：“插入”欄包含用于創建和插入對象（如表格、層和圖像）的按鈕。 “常用”：可以創建和插入最常用的對象，例如圖像和表格。 “布局”：可以插入表格、div 標簽、層和框架。 “表單”：包含用于創建表單和插入表單元素的按鈕。 “文本”：插入各種文本格式設置標簽和列表格式設置標簽。 “HTML”：插入用于水平線、頭內容、表格、框架和腳本

3、的 HTML 標簽。 “腳本”：僅適用于使用特定服務器語言的頁面，這些類別中的每一個都提供了服務器代碼對象，可以將這些對象插入“代碼”視圖中。 “應用程序”：可以插入動態元素，例如記錄集、重復區域以及記錄插入和更新表單。 “媒體”：可以插入 Flash 元素。 “收藏”：可以將“插入”欄中最常用的按鈕分組和組織到某一常用位置。 5、文檔工具欄 第2頁/共21頁 顯示代碼視圖：僅在“文檔”窗口中顯示“代碼”視圖。 顯示代碼視圖和設計視圖：在“文檔”窗口的一部分中顯示“代碼”視圖，另一部分顯示“設計”視圖。 顯示設計視圖：僅在“文檔”窗口中顯示“設計”視圖。標題：允許為文檔輸入一個標題，它將顯示在

4、瀏覽器的標題欄中。如果文檔已經有了一個標題，則該標題將顯示在該區域中。沒有瀏覽器/檢查錯誤：可以檢查跨瀏覽器兼容性。文件管理：顯示“文件管理”彈出菜單。在瀏覽器中預覽/調試：在瀏覽器中預覽或調試文檔。從彈出菜單中選擇一個瀏覽器。刷新設計視圖：在“代碼”視圖中進行更改后刷新文檔的“設計”視圖。視圖選項：允許為“代碼”視圖和“設計”視圖設置選項。 文檔工具欄中包含如下按鈕 第3頁/共21頁 6、狀態欄狀態欄提供正在創建的文檔有關的其它信息。 8.2 建立站點 8.2.1 建立站點 啟動 Dreamweaver MX 2004，選擇“站點”“新建站點”出現“未定義站點1的站點定義”對話框。 在對話框

5、中，然后在“您打算為站點起什么名字？”文本框中輸入站點名稱（如zhiyexyuan）。 單擊“下一步”，出現“zhiyexyuan站點定義為”對話框，詢問是否要使用服務器技術。 選擇“否”選項， 選擇標有“編輯我的計算機上的本地副本，完成后再上傳到服務器（推薦）”的選項。 在站點開發過程中有多種處理文件的方式，初學網頁制作的同學可選擇此選項。 單擊該文本框旁邊的文件夾圖標。 隨即會出現“選擇站點的本地根文 單擊“下一步”，出現向導的下一個界面，詢問如何連接到遠程服務器。從彈出式菜單中選擇“無”。可以稍后設置有關遠程站點的信息。 單擊“下一步”，該向導的下一個屏幕將出現，其中顯示設置概要。 單擊

6、“完成”完成設置。 隨即出現“管理站點”對話框，顯示新站點。單擊“完成”關閉“管理站點”對話框。 夾”對話框。第4頁/共21頁第5頁/共21頁第6頁/共21頁第7頁/共21頁下一頁第8頁/共21頁 8.2.2 創建頁面 1、頁面創建 在Dreamweaver MX 2004起始頁創建新頁，或者可以選擇“文件”“新建”，彈： 從各種預先設計的頁面布局中選擇一種。比如：選擇“基本頁”HTML，點擊創建按鈕。Dreamweaver MX 2、頁面制作 【插入標題文字】 進入頁面編輯設計視圖狀態。光標位置就是插入點的位置。啟動中文輸入法輸入“我的主頁”四個字，并設置其大小。 【設置文字的格式】 選中文

7、字，在屬性面板中將字體格式設置成默認字體，大小可任意更改字號。并選中“B”將字體變粗。 【設置文字的顏色】選中文字，在屬性面板中，單擊顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。 【設置網頁的標題和背景顏色】 點擊“修改”菜單選“頁面屬性”。 在標題輸入框填入標題“我的主頁” 設置背景顏色：網頁背景可以是圖片，也可以是顏色。如果背景要設為圖片，點擊背景圖象“瀏覽”按鈕，系統彈出圖片選擇對話框，選中背景圖片文件，點擊【確定】按鈕。 第9頁/共21頁 【插入圖像】選擇以下任意一種方法： 使用插入菜單： 在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。如下

8、圖： 使用插入欄（如下圖）：單擊插入欄對象按鈕選 按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。 使用面板組“資源”面板（如下圖）：點按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標拖動至工作區合適位置。 【輸入歡迎文字】 在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您”然后，利用屬性面板對文字進行設置。保存頁面。 【預覽網頁】在頁面編輯器中按F12預覽網頁效果。網站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm。第10頁/共21頁第11頁/共21頁第12頁/共21頁第13頁/共21頁 8.2.3 超級鏈接 1、頁面之間的超級連接 在網頁中選中要做超級

9、鏈接的文字或者圖片。 在屬性面板中單擊黃色文件夾圖標，在彈出的對話框里選中相應的網頁文件就完成了。 按F12預覽網頁。在瀏覽器里光標移到超級鏈接的地方就會變成手型。 2、【郵件地址的超級連接】 通過實際操作打開。 3、【制作圖片上的超級鏈接】 首先插入圖片。單擊圖片，用展開的屬性面板上的繪圖工具在畫面上繪。 ：鏈接輸入框：填入相應的鏈接。替代框：填入你的提示文字說明。目標框：不作選擇則默認在新瀏覽器窗口打開。 保存頁面， 按F12預覽，用鼠標在設置的熱區檢驗效果。屬性面板改換為熱點面板如圖第14頁/共21頁第15頁/共21頁第16頁/共21頁第17頁/共21頁第18頁/共21頁第19頁/共21頁 3、【制作圖片上的超級鏈接】圖片上的超級鏈接是指在一張圖片上實現多個局部區域指向不同的網頁鏈接。比如一張中國地圖的圖片，單擊了不同的省跳轉到不同的網頁。可點