dreamweaver是一款網(wǎng)頁制作軟件，用戶可以在線編輯代碼設(shè)計網(wǎng)頁，幫助您可以制作出一個滿意的網(wǎng)頁。另外dreamweaver內(nèi)還為用戶提供在線瀏覽、代碼補齊功能，給您在設(shè)計中帶來更多的便利。
dreamweaver cs6使用響應(yīng)迅速的 CSS3 自適應(yīng)網(wǎng)格版面，來創(chuàng)建跨平臺和跨瀏覽器的兼容網(wǎng)頁設(shè)計。利用簡潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計算機(jī)開發(fā)項目，提高工作效率。dreamweaver cs6直觀地創(chuàng)建復(fù)雜網(wǎng)頁設(shè)計和頁面版面，無需忙于編寫代碼。
2、改善的 FTP 性能
利用重新改良的多線程 FTP 傳輸工具節(jié)省上傳大型文件的時間。dreamweaver cs6更快速高效地上傳網(wǎng)站文件，縮短制作時間。
3、Adobe Business Catalyst 集成
使用 Dreamweaver 中集成的 Business Catalyst 面板連接并編輯您利用 Adobe Business Catalyst（需另外購買）建立的網(wǎng)站。dreamweaver cs6利用托管解決方案建立電子商務(wù)網(wǎng)站。
4、增強型 jQuery 移動支持
使用更新的 jQuery 移動框架支持為 iOS 和 Android 平臺建立本地應(yīng)用程序。dreamweaver cs6建立觸及移動受眾的應(yīng)用程序，同時簡化您的移動開發(fā)工作流程。
Dreamweaver可用最快速的方法將Fireworks，F(xiàn)reeHand或是Photoshop等檔案移到網(wǎng)頁上。運用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，只需簡單步驟便可完成。Dreamweaver能與用戶喜愛的設(shè)計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或是ps軟件來進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver 會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
控制能力
Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
雙擊打開Dreamweaver這款軟件，進(jìn)入Dreamweaver的操作界面。點擊上方文件，下拉找到新建。
點擊新建后，選擇空白頁，文檔類型為HTML。布局為無，點擊右下角創(chuàng)建。結(jié)果如下圖所示。
頁面右側(cè)找到插入選項，點擊他。并將它拉伸變長，找到表格選項。
對話框彈出后，設(shè)置表格大小。行：3，列：1，其余暫時不變。完成后點擊確定。
在設(shè)計視圖可看到，我們設(shè)置的3行1列的表格。在代碼視圖可看到，設(shè)置3行1列表格的代碼，我們繼續(xù)在設(shè)計視圖進(jìn)行操作。
點擊表格內(nèi)部，下方出現(xiàn)表格設(shè)置。在表格第一行輸入網(wǎng)頁的標(biāo)題文字，隨后點擊下方，水平：居中對齊，垂直：居中。并設(shè)置表格寬高，此時寬為51。
將鼠標(biāo)光標(biāo)放在表格第二行，點擊右側(cè)圖像，下拉后第一行點擊圖像。
對話框出來后，在下方文件名中輸入，插入圖片的名稱，點擊確定即可。
在表格第三行，輸入文字：我的鏈接。并在后面附上鏈接，可復(fù)制可手工輸入。
點擊上方文件，找到保存選項，點擊保存。然后在對話框中輸入此文件名，并保存在你容易找得到的地方，在點擊確定即可。
點擊上方，像地球一樣的圖標(biāo)，下拉后，點擊在IE瀏覽器中預(yù)覽，也可以在自行安裝的瀏覽器中預(yù)覽。
上傳網(wǎng)頁
步驟1：制作網(wǎng)站首頁
打開Dreamweaver軟件，制作一個簡單的網(wǎng)頁，把它命名為【index.html】并保存在電腦中。
步驟2：新建站點
點擊菜單欄中的【站點】，選擇【新建站點】。
對彈出框中的【站點】選項進(jìn)行如下設(shè)置。
步驟3：對【服務(wù)器】選項進(jìn)行設(shè)置
點擊加號添加新服務(wù)器。
然后，進(jìn)入你申請的網(wǎng)站空間的操作后臺，點擊【設(shè)置FTP密碼】，就可以看到你的FTP信息，將其填寫在下圖對應(yīng)的地方。
填完之后點擊【測試】，看是否測試成功。
測試成功之后設(shè)置高級選項，將前兩項打鉤，點擊【保存】完成對服務(wù)器的設(shè)置。
步驟4：：上傳網(wǎng)頁
上傳網(wǎng)頁有兩種方法。
方法一：
打開你要上傳的網(wǎng)頁，點擊菜單欄中的【站點】，選擇【上傳】即可上傳。
方法二：
網(wǎng)頁編輯完成之后，點擊菜單欄中的【文件】，選擇【保存】即可上傳。
步驟5：瀏覽網(wǎng)站
打開網(wǎng)站即可看到剛剛上傳的網(wǎng)頁。
輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應(yīng)該沒問題了。
此外，你還可以通過許多“變通”的方法達(dá)到錄入空格的目的，比如常用的是：
直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。
2.如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？
你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時，在地址WWW.163.COM前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下，這個圖標(biāo)是一個IE瀏覽器的指定圖片。
其實這也不是什么高深技術(shù)，只不過在網(wǎng)站目錄下添加了一個特定文件而已。
這時，我們需要預(yù)先制作一個圖標(biāo)文件，大小為16*16像素。文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“<head></head>”之間添加如下代碼：
<Link Rel="SHORTCUT ICON" href="http://圖片的地址（注意與剛才的目錄對應(yīng)）">
其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動識別！
3.為什么，我本來設(shè)計很好的網(wǎng)頁，在瀏覽器窗口最小化時會變的丑陋難堪？
這應(yīng)該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時，一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和 “沒換行”的差別是完全一樣的。
解決這個問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。
請看下面一個表格的屬性面板顯示：
你可能已經(jīng)注意到了，在表格的高寬設(shè)定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。
4.如何改變網(wǎng)頁顯示時，最頂部的提示信息？
瀏覽網(wǎng)頁時，頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在，有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4 前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進(jìn)入DW4就簡單多了。
直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。
5.怎么樣，才能為圖片添加指定顏色的邊框？
對于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。
不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設(shè)置邊框的寬度。
寬度設(shè)好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實這里有一個技巧問題，用鼠標(biāo)選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設(shè)定文字顏色一樣進(jìn)行就可以了。
6.如何添加圖片及鏈接文字的提示信息？
在我們?yōu)g覽網(wǎng)頁時，當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時，在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進(jìn)行一定的注釋說明。在一些場合，它的作用是很重要的。
下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下，該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。
那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現(xiàn)。
在<a href=“” >中添加“title”屬性。title=提示內(nèi)容即可。
【軟件介紹】
dreamweaver cs5官方版使設(shè)計人員和開發(fā)人員能充滿自信地構(gòu)建基于標(biāo)準(zhǔn)的網(wǎng)站。dreamweaver cs5官方版由于同新的 Adobe CS Live 在線服務(wù) Adobe BrowserLab 集成，您能以可視方式或直接在代碼中進(jìn)行設(shè)計，使用內(nèi)容管理系統(tǒng)開發(fā)頁面并實現(xiàn)精確的瀏覽器兼容性測試。【功能介紹】
1、可響應(yīng)的自適應(yīng)網(wǎng)格版面dreamweaver cs6使用響應(yīng)迅速的 CSS3 自適應(yīng)網(wǎng)格版面，來創(chuàng)建跨平臺和跨瀏覽器的兼容網(wǎng)頁設(shè)計。利用簡潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計算機(jī)開發(fā)項目，提高工作效率。dreamweaver cs6直觀地創(chuàng)建復(fù)雜網(wǎng)頁設(shè)計和頁面版面，無需忙于編寫代碼。
2、改善的 FTP 性能
利用重新改良的多線程 FTP 傳輸工具節(jié)省上傳大型文件的時間。dreamweaver cs6更快速高效地上傳網(wǎng)站文件，縮短制作時間。
3、Adobe Business Catalyst 集成
使用 Dreamweaver 中集成的 Business Catalyst 面板連接并編輯您利用 Adobe Business Catalyst（需另外購買）建立的網(wǎng)站。dreamweaver cs6利用托管解決方案建立電子商務(wù)網(wǎng)站。
4、增強型 jQuery 移動支持
使用更新的 jQuery 移動框架支持為 iOS 和 Android 平臺建立本地應(yīng)用程序。dreamweaver cs6建立觸及移動受眾的應(yīng)用程序，同時簡化您的移動開發(fā)工作流程。
【軟件特色】
制作效率Dreamweaver可用最快速的方法將Fireworks，F(xiàn)reeHand或是Photoshop等檔案移到網(wǎng)頁上。運用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，只需簡單步驟便可完成。Dreamweaver能與用戶喜愛的設(shè)計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或是ps軟件來進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver 會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
控制能力
Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
【使用教程】
制作簡單網(wǎng)頁雙擊打開Dreamweaver這款軟件，進(jìn)入Dreamweaver的操作界面。點擊上方文件，下拉找到新建。
點擊新建后，選擇空白頁，文檔類型為HTML。布局為無，點擊右下角創(chuàng)建。結(jié)果如下圖所示。
頁面右側(cè)找到插入選項，點擊他。并將它拉伸變長，找到表格選項。
對話框彈出后，設(shè)置表格大小。行：3，列：1，其余暫時不變。完成后點擊確定。
在設(shè)計視圖可看到，我們設(shè)置的3行1列的表格。在代碼視圖可看到，設(shè)置3行1列表格的代碼，我們繼續(xù)在設(shè)計視圖進(jìn)行操作。
點擊表格內(nèi)部，下方出現(xiàn)表格設(shè)置。在表格第一行輸入網(wǎng)頁的標(biāo)題文字，隨后點擊下方，水平：居中對齊，垂直：居中。并設(shè)置表格寬高，此時寬為51。
將鼠標(biāo)光標(biāo)放在表格第二行，點擊右側(cè)圖像，下拉后第一行點擊圖像。
對話框出來后，在下方文件名中輸入，插入圖片的名稱，點擊確定即可。
在表格第三行，輸入文字：我的鏈接。并在后面附上鏈接，可復(fù)制可手工輸入。
點擊上方文件，找到保存選項，點擊保存。然后在對話框中輸入此文件名，并保存在你容易找得到的地方，在點擊確定即可。
點擊上方，像地球一樣的圖標(biāo)，下拉后，點擊在IE瀏覽器中預(yù)覽，也可以在自行安裝的瀏覽器中預(yù)覽。
上傳網(wǎng)頁
步驟1：制作網(wǎng)站首頁
打開Dreamweaver軟件，制作一個簡單的網(wǎng)頁，把它命名為【index.html】并保存在電腦中。
步驟2：新建站點
點擊菜單欄中的【站點】，選擇【新建站點】。
對彈出框中的【站點】選項進(jìn)行如下設(shè)置。
步驟3：對【服務(wù)器】選項進(jìn)行設(shè)置
點擊加號添加新服務(wù)器。
然后，進(jìn)入你申請的網(wǎng)站空間的操作后臺，點擊【設(shè)置FTP密碼】，就可以看到你的FTP信息，將其填寫在下圖對應(yīng)的地方。
填完之后點擊【測試】，看是否測試成功。
測試成功之后設(shè)置高級選項，將前兩項打鉤，點擊【保存】完成對服務(wù)器的設(shè)置。
步驟4：：上傳網(wǎng)頁
上傳網(wǎng)頁有兩種方法。
方法一：
打開你要上傳的網(wǎng)頁，點擊菜單欄中的【站點】，選擇【上傳】即可上傳。
方法二：
網(wǎng)頁編輯完成之后，點擊菜單欄中的【文件】，選擇【保存】即可上傳。
步驟5：瀏覽網(wǎng)站
打開網(wǎng)站即可看到剛剛上傳的網(wǎng)頁。
【常見問題】
1.在dw中，如何輸入一個空格呢？輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。
DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調(diào)整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應(yīng)該沒問題了。
此外，你還可以通過許多“變通”的方法達(dá)到錄入空格的目的，比如常用的是：
直接在源代碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象后，然后調(diào)整文字的顏色與當(dāng)前的背景顏色相同等等，不過注意的是后者在一些瀏覽器中可能顯示上有點問題。
2.如何在瀏覽器地址欄前添加自定義的小圖標(biāo)？
你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時，在地址WWW.163.COM前會顯示一個“易”字樣的小圖標(biāo)。而默認(rèn)情況下，這個圖標(biāo)是一個IE瀏覽器的指定圖片。
其實這也不是什么高深技術(shù)，只不過在網(wǎng)站目錄下添加了一個特定文件而已。
這時，我們需要預(yù)先制作一個圖標(biāo)文件，大小為16*16像素。文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中。在HTML源文件“<head></head>”之間添加如下代碼：
<Link Rel="SHORTCUT ICON" href="http://圖片的地址（注意與剛才的目錄對應(yīng)）">
其中的“SHORTCUT ICON”即為該圖標(biāo)的名稱。當(dāng)然如果用戶使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，即可自動識別！
3.為什么，我本來設(shè)計很好的網(wǎng)頁，在瀏覽器窗口最小化時會變的丑陋難堪？
這應(yīng)該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內(nèi)容時，一點問題也沒有。當(dāng)我們使用窗口的最小化命令或手動的調(diào)整窗口的大小時，問題就慢慢出現(xiàn)了。網(wǎng)頁內(nèi)容會把當(dāng)前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和 “沒換行”的差別是完全一樣的。
解決這個問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內(nèi)容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。
請看下面一個表格的屬性面板顯示：
你可能已經(jīng)注意到了，在表格的高寬設(shè)定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。
4.如何改變網(wǎng)頁顯示時，最頂部的提示信息？
瀏覽網(wǎng)頁時，頂部的提示信息往往代表了網(wǎng)頁內(nèi)容的關(guān)鍵所在，有助于訪問者提前了解網(wǎng)頁內(nèi)容。在DW4 前，沒有在功能上直接提供該操作，我們往往通過在源代碼中應(yīng)用“title”屬性來完成。進(jìn)入DW4就簡單多了。
直接在編輯窗口最上方的“title”輸入框內(nèi)鍵入所需要的文字信息即可。
5.怎么樣，才能為圖片添加指定顏色的邊框？
對于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當(dāng)差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當(dāng)麻煩的。
不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設(shè)置邊框的寬度。
寬度設(shè)好了，你一定會問，顏色呢？面板上并沒有提供顏色的選擇呀！呵呵，其實這里有一個技巧問題，用鼠標(biāo)選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設(shè)定文字顏色一樣進(jìn)行就可以了。
6.如何添加圖片及鏈接文字的提示信息？
在我們?yōu)g覽網(wǎng)頁時，當(dāng)鼠標(biāo)停留在圖片對象或鏈接上時，在鼠標(biāo)的右下有時會出現(xiàn)一個提示信息框。對目標(biāo)進(jìn)行一定的注釋說明。在一些場合，它的作用是很重要的。
下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認(rèn)情況下，該輸入框是空白的。在這里錄入需要的提示內(nèi)容就可以了。
那么鏈接提示的制作就沒這么簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現(xiàn)。
在<a href=“” >中添加“title”屬性。title=提示內(nèi)容即可。
