1.2.3 使用Dreamweaver

Dreamweaver是當今流行的網頁編輯工具之一。它采用了多種先進技術，提供了圖形化程序設計窗口，能夠快速高效地創建網頁，并生成與之相關的程序代碼，使網頁創作過程變得簡單化，生成的網頁也極具表現力。從MX開始，DW開始支持可視化開發，對于初學者確實是一個比較好的選擇，因為都是所見即所得的。特征包括語法加亮、函數補全，參數提示等。值得一提的是，Dreamweaver在提供了強大的網頁編輯功能的同時，還提供了完善的站點管理機制，極大地方便了程序員對網站的管理工作。

Dreamweaver的下載地址為http://www.adobe.com/downloads/。

【例1-3】下面介紹應用Dreamweaver編程JavaScript腳本的步驟（實例位置：光盤\MR\源碼\第1章\1-3）。

（1）安裝Dreamweaver后，首次運行Dreamweaver時，展現給用戶的是一個“工作區設置”的對話框，在此對話框中，用戶可以選擇自己喜歡的工作區布局，如“設計者”或“代碼編寫者”，如圖1-13所示。這兩者的區別是在Dreamweaver的右邊或是左邊顯示窗口面板區。

（2）選擇工作區布局，并單擊“確定”按鈕后。選擇“文件”/“新建”命令，將打開“新建文檔”對話框。在該對話框中的“類別”列表區選擇“基本頁”，再根據實際情況來選擇所應用的腳本語言，這里選擇的是“HTML”，然后單擊“創建”按鈕，則創建以JavaScript為主腳本語言的文件，如圖1-14所示。

（3）在打開的頁面中，有3種視圖形式，分別為“代碼”“拆分”和“設計”。在“代碼”視圖中，可以編輯程序代碼，如圖1-15所示；在“拆分”視圖中，可以同時編輯“代碼”視圖和“設計”視圖中的內容，如圖1-16所示；在“設計”視圖中，可以在頁面中插入HTML元素，進行頁面布局和設計，如圖1-17所示。

在Dreamweaver中插入HTML元素后，通過“屬性”面板可以方便地定義元素的屬性，使其滿足頁面布局的要求。在頁面中，允許多個表格的嵌套；可以插入圖像、Flash等；可以插入表單元素，例如，文本框、列表/菜單、復選框、按鈕等。

（4）設計頁面及編寫代碼完成后，保存該文件到指定目錄下，文件的擴展名為“.html”或“.htm”。