網站制作之DreamWeaver入門及軟件安裝方法附軟件下載

2024-09-12 12:28:31

字體：大中小

來源：轉載

供稿：網友

熱門版本類型推薦	下載地址
Dreamweaver MX 2004 官方簡體中文專業版	點擊進入下載
Dreamweaver CS3(DW CS3)簡體中文精簡版(50M)	點擊進入下載
Dreamweaver CS4 官方簡體精簡版采用官方原版安裝模式/免激活	點擊進入下載
Dreamweaver CS3/Flash CS3/Photoshop CS3注冊機[Adobe CS3 注冊機]	點擊進入下載
Dreamweaver CS3 簡體中文精簡優化版 [已修正CPU占用過高的問題]	點擊進入下載
Dreamweaver8 中文綠色版(無需安裝)	點擊進入下載
Dreamweaver V8.0 簡體中文版(附注冊機+8.02補丁)	點擊進入下載
網頁三劍客 CS5 官方簡體中文正式版附注冊機	點擊進入下載

功能簡介：
Macromedia Dreamweaver MX 2004 （簡稱DW MX 2004），是Macromedia 最新開發的的HTML編輯器，用于對Web站點、Web頁和 Web應用程序進行設計、編碼和開發。 DW MX 2004 包含有一個嶄新、簡潔、高效的界面，且性能也得到了改進。此外，還包含了眾多新增的功能，改善了軟件的易用性并使您無論處于設計環境還是編碼環境都可以方便地生成頁面。
【DW MX 2004 MX 2004 的新功能簡介】
▲簡潔高效的設計和開發界面：界面更易于使用，可使您的工作效率和工作質量均得到提高。
▲“插入”欄的改進：簡潔高效的新外觀，占用更少的工作區空間。還新增加了一個“收藏”類別，您可以對“插入”欄進行自定義，將最常使用的對象放置在該欄上。
▲表格編輯可視化：在表格中進行列調整操作時能看到實際效果。
▲用戶界面改進：可得到最大的可用工作區，更清晰地顯示上下文和焦點，更易于使用和更具邏輯性。
▲起始頁：使您能夠訪問最近使用過的文件，創建新文件和訪問DW MX 2004資源。起始頁會在您啟動DW MX 2004 或尚未打開文檔時顯示。
▲保存桌面選項：使您可以選擇當您重新啟動DW MX 2004 時重新打開您上一次使用的文檔。
▲完全支持 Unicode：DW MX 2004支持 Internet Explorer所支持的所有文本編碼方式。您可以使用幾乎所有您的系統中安裝的語言字體，DW MX 2004 會正確地顯示和保存這些字體。
▲安全 FTP：使您能夠完全加密所有文件傳輸。
▲新式的頁面布局和設計環境。
▲增強的 CSS 功能：提供了一個更為精巧的方法來進行樣式設計及提高設計交互性。
▲動態跨瀏覽器驗證：在您保存文檔時自動檢查當前文檔的跨瀏覽器兼容性問題。
　　本教程針對DW MX 2004簡體中文版進行討論，供學習網頁制作創建靜態網站的朋友們參考。因本人水平有限，不當之處在所難免，歡迎批評指正。
　　【圖象處理軟件】
Photoshop：制作圖文并茂的網頁，需要處理圖片， PS 是最好的圖象處理軟件。最新版為Photoshop CS(俗稱8.0)版本。對初學者來說稍微專業了。您可以使用簡單易學、功能強大的的 Photoshop Elements（即：PSE），對于網頁圖片文件制作PSE就足夠用了。。
Fireworks：最新為 MX 2004版本，網頁制作三劍客之一。能和DW無縫鏈接。該軟件請您自行收集下載。
Flash：最新為 MX 2004版本，網頁制作三劍客之一。網上最火的動畫制作軟件。該軟件請您自行收集下載。
Ulead GIF Animator：友立公司開發的功能強大的GIF動畫軟件。該軟件請您自行收集下載。
　　【其他軟件】
CuteFTP：是專業的FTP上傳軟件，用于往服務器端上傳文件用。 Dreamweaver MX 2004 有此功能，而且功能強大。但是，不少人還是習慣用專業的FTP軟件。該軟件請您自行收集下載。
最終您還需要有一個網絡空間。以便您的大作讓更多的人瀏覽。 dreamweaver入門（2004版本）:窗口布局：
窗口布局
Dreamweaver MX 2004 提供了將全部元素置于一個窗口中的集成工作區。在集成工作區中，全部窗口和面板集成在一個應用程序窗口中。您可以選擇面向設計人員的布局或面向手工編碼人員需求的布局。首次啟動 Dreamweaver 時，會出現一個工作區設置對話框（如下圖）：
　　您可以從中選擇一種工作區布局。如果您不熟悉編寫代碼，請您選擇“設計者”。如果您以后想更改工作區，可以使用編輯菜單“首選參數”對話框切換到一種不同的工作區。編輯菜單“首選參數”對話框如下圖：
　【欄目說明】
“插入”欄（如下圖）：包含用于將各種類型的“對象”（如圖像、表格和層）插入到文檔中的按鈕。每個對象都是一段 HTML 代碼，允許您在插入它時設置不同的屬性。例如，您可以通過單擊“插入”欄中的“表格”按鈕插入一個表格。也可以不使用“插入”欄而使用“插入”菜單插入對象。
　　 “文檔”窗口顯示您當前創建和編輯的文檔。
　　“屬性檢查器”（如下圖）：用于查看和更改所選對象或文本的各種屬性。
　　 “面板組”（如下圖）是分組在某個標題下面的相關面板的集合。若要展開一個面板組，請單擊組名稱左側的展開箭頭；若要取消?？恳粋€面板組，請拖動該組標題條左邊緣的手柄。
　　 “文件”面板（如下圖）使您可以管理您的文件和文件夾，無論它們是 Dreamweaver 站點的一部分還是在遠程服務器上。“文件”面板還使您可以訪問本地磁盤上的全部文件，類似于 Windows 資源管理器。
　　 Dreamweaver MX 2004提供了多種此處未說明的其他面板、檢查器和窗口。若要打開其它面板，請使用“窗口”菜單。
網站制作之dreamweaver入門

dreamweaver入門（2004版本）:菜單概述：
菜單概述
本節提供 Dreamweaver MX 2004中各菜單的簡要說明。下圖為菜單條：
　　以下分別敘述菜單選項：
文件菜單編輯菜單
　　“文件”菜單　包含“新建”、“打開”、“保存”、“保存全部”，還包含各種其他命令，用于查看當前文檔或對當前文檔執行操作，例如“在瀏覽器中預覽”和“打印代碼”。
　　“編輯”菜單　包含選擇和搜索命令，例如“選擇父標簽”和“查找和替換”。“編輯”菜單還提供對DW菜單中“首選參數”的訪問。
查看菜單插入菜單
　　“查看”菜單　使您可以看到文檔的各種視圖（例如“設計”視圖和“代碼”視圖），并且可以顯示和隱藏不同類型的頁面元素和 DW工具及工具欄。
　　“插入”菜單提供“插入”欄的替代項，用于將對象插入您的文檔。
修改菜單文本菜單
　　“修改”菜單使您可以更改選定頁面元素或項的屬性。使用此菜單，您可以編輯標簽屬性，更改表格和表格元素，并且為庫項和模板執行不同的操作。
　　“文本”菜單使您可以輕松地設置文本的格式。
命令菜單站點菜單
　　“命令”菜單　提供對各種命令的訪問；包括一個根據您的格式首選參數設置代碼格式的命令、一個創建相冊的命令等。
　　“站點”菜單　提供用于管理站點以及上傳和下載文件的菜單項。
窗口菜單幫助菜單
　　“窗口”菜單　提供對 DW中的所有面板、檢查器和窗口的訪問。
　　“幫助”菜單　提供對 Dreamweaver 文檔的訪問，包括關于使用 Dreamweaver 以及創建 Dreamweaver 擴展功能的幫助系統，還包括各種語言的參考材料。
除了菜單欄菜單外，Dreamweaver 還提供多種右鍵顯示上下文菜單，您可以利用它們方便地訪問與當前選擇或區域有關的有用命令。若要顯示上下文菜單，右擊窗口中的某一項。
網站制作之dreamweaver入門

dreamweaver入門（2004版本）:常用工具欄：
“插入”欄“插入”欄包含用于創建和插入對象（如表格、層和圖像）的按鈕。當鼠標指針滾動到一個按鈕上時，會出現一個工具提示，其中含有該按鈕的名稱?！　∧承╊悇e具有帶彈出菜單的按鈕。從彈出菜單中選擇一個選項時，該選項將成為該按鈕的默認操作。例如，如果從“圖像”按鈕的彈出菜單中選擇“圖像占位符”，下次單擊“圖像”按鈕時，Dreamweaver 會插入一個圖像占位符。每當從彈出菜單中選擇一個新選項時，該按鈕的默認操作都會改變。
　　“插入”欄按以下的類別進行組織：
　　“常用”類別使您可以創建和插入最常用的對象，例如圖像和表格。
　　“布局”類別使您可以插入表格、div 標簽、層和框架。您還可以從三個表格視圖中進行選擇：“標準”（默認）、“擴展表格”和“布局”。當選擇“布局”模式后，您可以使用 Dreamweaver 布局工具：“繪制布局單元格”和“繪制布局表格”。
　　“表單”類別包含用于創建表單和插入表單元素的按鈕。
　　“文本”類別使您可以插入各種文本格式設置標簽和列表格式設置標簽。
　　“HTML”類別使您可以插入用于水平線、頭內容、表格、框架和腳本的 HTML 標簽。
　　“服務器代碼”類別僅適用于使用特定服務器語言的頁面，這些類別中的每一個都提供了服務器代碼對象，您可以將這些對象插入“代碼”視圖中。
　　“應用程序”類別使您可以插入動態元素，例如記錄集、重復區域以及記錄插入和更新表單。
　　“Flash 元素”類別使您可以插入 Flash 元素。
　　“收藏”類別使您可以將“插入”欄中最常用的按鈕分組和組織到某一常用位置。
文檔工具欄
　　文檔工具欄中包含按鈕，這些按鈕使您可以在文檔的不同視圖間快速切換：“代碼”視圖、“設計”視圖、同時顯示“代碼”和“設計”視圖的拆分視圖。
　　工具欄中還包含一些與查看文檔、在本地和遠程站點間傳輸文檔有關的常用命令和選項?！　∫韵聦x項進行說明：
　　顯示代碼視圖　僅在“文檔”窗口中顯示“代碼”視圖。
　　顯示代碼視圖和設計視圖　在“文檔”窗口的一部分中顯示“代碼”視圖，而在另一部分中顯示“設計”視圖。當選擇了這種組合視圖時，“視圖選項”菜單中的“在頂部查看設計視圖”選項變為可用。請使用該選項指定在“文檔”窗口的頂部顯示哪種視圖。
　　顯示設計視圖　僅在“文檔”窗口中顯示“設計”視圖。
　　標題　允許您為文檔輸入一個標題，它將顯示在瀏覽器的標題欄中。如果文檔已經有了一個標題，則該標題將顯示在該區域中。
　　沒有瀏覽器/檢查錯誤　使您可以檢查跨瀏覽器兼容性。
　　文件管理　顯示“文件管理”彈出菜單。
　　在瀏覽器中預覽/調試　在瀏覽器中預覽或調試文檔。從彈出菜單中選擇一個瀏覽器。
　　刷新設計視圖　當您在“代碼”視圖中進行更改后刷新文檔的“設計”視圖。
　　視圖選項　允許您為“代碼”視圖和“設計”視圖設置選項。
狀態欄
狀態欄提供與您正創建的文檔有關的其它信息　　標簽選擇器顯示環繞當前選定內容的標簽的層次結構。單擊該層次結構中的任何標簽以選擇該標簽及其全部內容。比如：單擊 <body> 可以選擇文檔的整個正文。
　　窗口大小彈出菜單（僅在“設計”視圖中可見）用來將“文檔”窗口的大小調整到預定義或自定義的尺寸。
　　“窗口大小”彈出菜單的右側是頁面的文檔大小和估計下載時間。
網站制作之dreamweaver入門

dreamweaver入門（2004版本）:定義站點：
設置站點
Web 站點是一組具有如相關主題、類似的設計、鏈接文檔和資源。Dreamweaver MX 2004 是一個站點創建和管理工具，因此使用它不僅可以創建單獨的文檔，還可以創建完整的 Web 站點。創建 Web 站點的第一步是規劃。為了達到最佳效果，在創建任何 Web 站點頁面之前，應對站點的結構進行設計和規劃。決定要創建多少頁，每頁上顯示什么內容，頁面布局的外觀以及頁是如何互相連接起來的。

上一篇：讓你的dw也支持像php樣具有jquery提示功能實現方法

下一篇：用Dreamweaver制作網頁表格示例教程