酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

Dreamweaver CS6如何設定站點

電腦3W

Dreamweaver是一款用於網頁編程的軟件,它不僅可以在進行網站編輯的時候提供幫助,而且還可以直接連接你的站點進行本地測試,今天小編要分享的就是如何利用Dreamwearver快速的連接到本地搭建的站點,這樣你就可以輕鬆的快速時間邊編輯邊進行測試啦。

Dreamweaver CS6如何設定站點

操作方法

(01)在設定Dreamweaver之前我們需要先搭建一個站點環境,這裏小編用的是wordpress站點,小編就簡單的帶過了(這些小編之前有寫)。首先我們需要先來安裝php環境安裝套件,像USBWebserver、XAMPP、wamp、appserv等都是互聯網上熱行的php環境安裝套件,有了這些套件我們就可以輕鬆的搭建php開發環境了,這裏小編比較喜歡用appserv。

Dreamweaver CS6如何設定站點 第2張

(02)安裝好了appserv之後我們需要到wordpress官網下載系統包,我們把系統包(系統包一般是.ZIP結尾的壓縮包)放到服務器對應的檔案夾裏,這裏小編的是在D:AppServwww。

Dreamweaver CS6如何設定站點 第3張

(03)在瀏覽器輸入 http://localhost/就可以進入wordpress在線安裝程序了,具體的安裝流程大家可以借鑑小編之前寫的《建站詳解:[7]在線安裝wordpress程序》

Dreamweaver CS6如何設定站點 第4張

(04)搭建好了站點我們現在就可以開始用Dreamweaver來管理站點了,首先我們開啟Dreamweaver CS6軟件,在選單欄頂上有品字形圖標,我們點擊就可以看到如果所示,這裏我們選擇“新建站點”。

Dreamweaver CS6如何設定站點 第5張

(05)開啟“站點設定對象”視窗後,在“站點名稱”和“本地站點檔案夾”中填寫站點名稱及選擇你所要開啟站點的檔案夾。“站點名稱”可以隨意填寫,這裏小編寫index,本地站點檔案夾”則是你站點創建的檔案夾即D:AppServwww,修改完成後就可以點擊“保持”按鈕之後你就可以看到Dreamweaver開始更新站點快取,也就是說你的站點位置已經設定好了。

Dreamweaver CS6如何設定站點 第6張
Dreamweaver CS6如何設定站點 第7張

(06)但是此時Dreamweaver CS6上的站點並沒有和wordpress站點聯通,因爲Dreamweaver沒有和wordpress站點服務器聯通,所以我們還需要進行服務器設定。進入“站點管理”,雙擊站點名“index”進入“站點設定對象”視窗,在左邊欄選擇“服務器"選項,

Dreamweaver CS6如何設定站點 第8張

(07)點擊如圖所示的“+”號進行服務器添加,這裏我們在“連接方式”處選擇“本地/網絡”,即本地搭建的wordpress站點服務器。輸入相應的服務器檔案夾和URL即可,再儲存。

Dreamweaver CS6如何設定站點 第9張
Dreamweaver CS6如何設定站點 第10張

(08)此時你的Dreamweaver再次重新載入站點快取,之後你只要把你編輯好的代碼在檔案欄中點擊上傳即可將檔案上傳至該站點服務器中了。

Dreamweaver CS6如何設定站點 第11張
Dreamweaver CS6如何設定站點 第12張
Dreamweaver CS6如何設定站點 第13張
Dreamweaver CS6如何設定站點 第14張