如何操作dreamweaver軟件|dw軟件怎麼用

Dreamweaver這一款專業的網頁製作軟件，相信相關專業的人員都不會陌生。

可以說，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。 這裏西西給大家帶來一個dreamweaver製作網頁的教程，初學DW的朋友可以參考一下。

一、定義站點 1、在任意一個根目錄下創建好一個檔案夾（我們這裏假設爲E盤），如取名爲MyWeb。 ***備註：網站中所用的檔案都要用英文名。

2、開啟Dreamweaver，選擇“站點—新建站點”，開啟對話框。在站點名稱中輸入網站的名稱（可用中文），在本地根檔案夾中選擇剛纔創建的檔案夾（E:web）。

然後確定即可。 ***備註：再次開啟Dreamweaver，會自動找到剛纔設立的站點。

如果有多個站點，可以在選單“站點—開啟站點”中去選擇。 二、創建頁面 1、在本地檔案夾E:MyWeb下面的空白處，按右鍵選“新建檔案”，這樣就建好了一個頁面，默認的檔案名爲untitled.htm。

htm就表示這個網頁檔案是一個靜態的HTML檔案。給它改名爲index.htm。

***網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。

2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱，按右鍵選頁面屬性，開啟“頁面屬性”視窗。

在這裏可以設定網站的標題、背景顏色或背影圖像，超級連結的顏色（一般默認即可），其他都保持默認即可。 3.此時遊標位於左上角，可輸入一句話，如“歡迎來到我的主頁”。

選取文字，用選單“視窗/屬性”開啟屬性面板，選取文字大小爲6，再使文字居中，然後在文字前用幾個回車使其位於頁面中間。 4.如要選取字型，則選擇字型中的最後一項：編輯字型列表。

然後在對話框中選+號，接着在“可用字型”欄中選擇需要加入到字型列表中的一種字型，點擊中間的按鈕就可以加入了。 ***在網頁上最常用的是宋體字。

不要將特殊的字型加到列表中使用，因爲別人電腦上未裝就看不到。如果需要用的話，要做成圖片後再使用。

***在網頁上打入空格的辦法是：把輸入法調爲全形。 ***在網頁上換行的辦法是：shift+Enter。

只按Enter則爲換段。 三、爲頁面添加圖片 1、在本地檔案夾E:MyWeb下面的空白處，按右鍵選“新建檔案夾”，這樣建立了一個檔案夾，用它來放圖片，可以改名爲tu或pic或images都可以。

2、用選單“視窗/對象”開啟對象面板，點擊“插入圖像”，在對話框裏選要插入的圖片。如果會出現對話框：“你願意將該檔案複製到根檔案夾中嗎？”，必須選“是”，然後將它儲存到剛建好的檔案夾裏。

3、選中該圖片，開啟屬性面板，可以在上面爲圖片取名，重新設定圖片的高、寬，拖住圖片角上的點可以變大小。按住shift鍵，再拖動角上的點，可以使圖片保持寬高比例拉伸。

如要恢復這原始大小，則單擊右下角的“重設大小”按鈕。 4、“連結”可以直接在這裏輸入地址。

“替代”是圖片的說明，即鼠標指向圖片所顯示的文字；“邊框”是圖片邊框寬度，“對齊”是對齊方式。 四、添加超級連結 1、爲文字添加連結。

比如，在頁面上輸入“我的文章”，然後將其選中，開啟屬性面板，在“連結”一格中，選擇它所要連結到的頁面即可。後面一格“目標”我們一般常用的是self即開啟的新視窗代替了現開的視窗；或是選擇blank即開啟新視窗。

2、爲圖片添加連結 與上面文字的連結同理，插入圖片，然後在屬性面板中的連結一格中選擇即可。 ****圖片可以創建不同的多個連結。

方法如下： 在屬性面板中的“地圖”一項下面有一些圖形，比如點擊方形，遊標變成十字，在圖片上畫一個藍色矩形的熱區，此時在屬性面板上可以爲這個熱區設定連結地址，鼠標指向會顯示。同樣，再用圓形設定一個熱區，就可以再爲該圖片設定其他連結了。

3、添加E-mail連結 選中需要添加E-mail連結的文字或圖片，開啟屬性面板，在“連結”一格中輸入填寫郵件地址。格式如下：mailto：郵件地址。

注意中間不空格。 4、如果連結到瀏覽器無法開啟的檔案，例如exe、Zip等檔案，那麼瀏覽者在點擊這個連結的時候，就會實現檔案下載、或是在線播放的功能。

五、表格的使用 1、點擊插入/表格，開啟表格面板進行設定。行數、列數、寬度、邊框等，“單元格填充”爲單元格內側與內容的距離；“單元格間距”爲單元格之間的距離，單位均爲像素。

2、插入表格後，在表格的邊框上點擊一下，可以全選整個表格。然後在下面的屬性面板裏可以進行各種設定。

3、把遊標移到其中一個單元格，此時看到的屬性面板，就是單元格的屬性面板。也可以進行各種關於單元格的操作。

如背景色、背景圖、邊框、合併、拆分等。 六、關於表格的其他操作 一製作細線表格 原理： 1、選中整個表格，設定其背景爲黑色（該顏色即表格線的顏色）。

2、選中所有單元格，設定其背景爲白色。 二自動格式化表格 1、先製作好一張表格，然後選中。

2、選選單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。

三一像素分割條 1、插入一個1行1列，寬爲200像素，邊框邊距均爲0的表格。 2、選中表。

方法/步驟

1

首先開啟我已安裝好的dreamweaver軟件。

步驟閱讀

2

開啟軟件後，進入首選項視窗。

步驟閱讀

3

在這個視窗中我們點擊創建新項目下的”HTML“選項。

步驟閱讀

4

點擊”HTML“選項後，進入到編輯視窗。

步驟閱讀

5

在編輯視窗有三種狀態可供選擇，如果你懂代碼，喜歡直接寫代碼，那麼我們選擇視窗中的”代碼“選項，就全屏進入代碼寫入模式。

步驟閱讀

6

如果我們不懂代碼，我們可以選擇”設計"視窗，這裏可以自由輸入文字這些。當然如果你在編輯時兩個都想要看到，這時我們可以選擇“拆分”模式。

步驟閱讀

步驟閱讀

7

填寫內容後，點擊視窗上方的“檔案”選項，找到“儲存”按鈕儲存即可。

步驟閱讀

END

開啟DW,DW介面如圖

2

分析所製作的網頁的需求，明確目標

3

明確需求。如果是建議一個網站，需要建立一個站點，方便管理並使製作步驟更爲有條理。

4

新建站點彈出來的視窗。在這裏我輸入的是“新聞網頁”，放在Dreamwaver CS6檔案夾下的新聞網頁檔案夾

5

在新聞網頁檔案夾下新建“images”檔案，匯入製作網頁所需要的素材，這裏所需要的素材都是圖片

6

新建HTML，選擇“創建”

在“標題”中輸入“新聞網頁首頁”，轉換到“設計”介面

根據製作網頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據圖設定

插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之後變黑。在屬性中對齊選項選擇“居中對齊”

在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“檔案域”。然後是密碼，同樣的插入“檔案域”。切換到“拆分”介面，選中密碼對應的“檔案域”，將“type”改爲“password”

插入圖像，不知道怎麼填的話就一直選擇“確定”即可

插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什麼就一直“確定”，無妨。在屬性欄裏的值改爲“登入”。然後插入圖像“谷歌logo”，附上效果圖

選中第二行，點擊鼠標右鍵，選擇“表格”，“合併單元格”

在第二行插入圖片。完成頁面製作。儲存HTML檔案。然後在站點“新聞網頁”可以看到儲存的HTML檔案

點擊製作好的HTML檔案，選擇用360瀏覽器開啟，輸入用戶名和密碼，然後會看到如下情況：用戶名課件，密碼不可見，符合實際

步驟閱讀

當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

建一個網站要學的很多不只DREAMWEAVER,DREAMWEAVER只是用來排版的，其他的還有PS,FLASH動畫軟件，PS是設計模板用的 FLASH是做動畫用的，

要會的語言有DIV+CSS語言（這個是必須要會的） JS、AS語言（這倆個可會可不會只熟悉也行）

網站的完成包括兩個技術1個是前臺技術，第二個是後臺編程也就是程序員

1.開啟DREAMWEAVER 站點——新建站點 就可以了啊

2.開啟DREAMWEAVER 直接新建HTML頁面編寫代碼

（在做這些之前首先要做好設計稿，然後在切片，在是排版，包括與程序員配合）

shift F4 調出行爲視窗

上面有一個類似加號的按鈕 點擊開始設定行爲

行爲的樣式有很多中，但是人們都不常用這種， 會JAV的人都自己寫一些腳本來 ，不太會的都是在網上寫腳本效果自己套很方便的

不過在行爲裏面有些小效果還是可以用的， 譬如交換圖像這個，及是你選中圖像，讓後點擊交換圖像， 找到交換圖像的路徑，就好了， 效果是點你點擊，或者劃過圖像的時候交換到下一張，

彈出視窗也就是在網頁上常見的那種彈出的廣告視窗等..

還有一個叫做時間軸的，還不錯，像一些網站上用的浮動廣告，就是用他寫出來的，用這個效果的時候就像是在做動畫一樣， 創建時間軸， 然後移動你要浮動的廣告，位置在創建一個結尾針，就可以在你指定的路線上浮動了，

什麼東西都是研究的多了就懂了。

開啟 Dreamweaver MX 2004 軟件，執行【站點】 | 【站點管理】命令，在彈出的【站點管理】對話框中選擇【新建】，按新建站點的步驟逐步進行設定，最後儲存完成製作。

操作步驟 步驟一 定義站點 （ 1 ）開始新建站點。啓動 Dreamweaver MX 2004 ，切換到【檔案】面板，單擊【管理站點】，然後在彈出的【管理站點】對話框中單擊【新建】按鈕 （ 2 ）設定站點屬性參數。

在彈出的【 Dreamweaver 100 的站點定義爲】對話框的“編輯檔案”、“編輯檔案，第 2 部分”、“編輯檔案，第 3 部分”中定義站點， 提示：本實例是切換到【基本】選項卡中設定站點，建議初學者先以此方式建立站點，再透過【進階】選項卡對站點進行更詳細的設定。 步驟 4 如果選擇的是【否，我不想使用服務器技術】，則站點爲靜態網站，此時將直接執行步驟 6 。

靜態網站與動態網站的區別不是指網站有沒有 GIF 、Flash 動畫，而是指有沒有互動性。“互動性”是指網站根據用戶的要求和選擇能夠動態作出改變及響應，能夠自動更新網站，自動生成批量頁面，能夠根據用戶的條件（時間、瀏覽器類型、用戶在站點的使用權限等），自動生成不同頁面。

步驟 5 主要是根據自身熟悉的服務器技術進行選擇。如果讀者熟悉 ASP 服務器技術，則可選擇【 ASP javascript 】、【 ASP VBScript 】這兩種腳本中的一種，如果熟悉 ASP.NET ，則應選擇【 ASP.NET C# 】、【 ASP.NET VB 】或【 ASP.NET Jscript 】。

步驟 7 如果選擇的是【在本地進行編輯，然後上傳到遠程測試服務器】，那麼在執行完步驟 9 之後，將會進入到【測試檔案】中進行遠程服務器的有關設定；如果選擇的是【使用本地網絡直接在遠程測試服務器上進行編輯】，那麼在第 8 步操作中就應輸入該服務器的地址，鑑於安全性，建議初學者不要使用這種方式編輯網站。 步驟 8 輸入的是網站在本地網絡中的物理存儲位置，其設定一般與 IIS 服務器默認站點主目錄的物理存儲位置一致。

（ 3 ）接着測試站點及完成站點定義 提示： 第 1 步操作輸入“ pub 服務器行爲執行的必要組件。 DreamweaverCtrls.dll 檔案名稱及其所在目錄 bin 名稱不能更改，並且 bin 檔案夾必須儲存在站點的根目錄下。

本書第 75 例至第 90 例將以該站點進行網絡應用程序開發。 （ 3 ）如果在“ c:Intepub_client ”檔案，請將“光碟 源檔案 實例 2aspnet_client ”檔案夾複製到“ c:Intepub_client ”檔案在安裝 .NET 框架時，默認情況下安裝到“ c:Intepubwwwroot ”檔案夾下（系統盤爲 C 盤時）。 構建好了開發環境，在 Dreamweaver 中建立好站點之後，可以說是網絡應用程序的加工廠的構建完畢，可以加工各種產品——網頁、網絡應用程序等等。

在 Dreamweaver 中建立站點，是進行網站開發的第二個關鍵步驟。這裏所講的建立站點，其實就是在 Dreamweaver 中定義站點、策劃站點結構、部署開發環境。

定義站點是爲了更好地利用【檔案】面板對站點檔案進行管理，也是爲減少一些錯誤的出現，如路徑出錯，連結出錯等等。許多初學者開。

分數很高嘛，這個得細細說了：

你下的版本不錯，新版本就是好用~

Adobe Dreamweaver，簡稱DW，英文翻譯是“編織夢想”；

網絡三劍客之一（網絡三劍客 也叫“夢之隊”），我個人覺得還是比較複雜的，我的意思是比較其它同門軟件，比如photoshop,flash,fireworks,

現在我是Dreamweaver的愛用者，學習的過程中發現要記的東西蠻多，還好，我有點英語基礎，不會那麼枯燥

如果你很有心，需要做好準備，基礎教程多看幾遍，學習嘛，從模仿開始，然後，加些無聊的QQ羣，跟羣裏的人探討一些，多用用百度知道~

堅持纔是硬道理~祝你早日學成~