如何設定你的電腦用Dreamweaver 和伺服器連線

本教學影片內容包括:

  1. 如何設定你的電腦和主機伺服器之間的 FTP/SFTP 連線。
  2. 如何設定 Adobe Dreamweaver 軟體將你的電腦和伺服器連線,上傳資料至伺服器中。
  3. 在你的電腦和伺服器連線建立了連線之後,你就可以開始來建立網站了。
  • 如何用 Drupal 軟體來架設網站教學影片,請按這裡
  • 如何用 Adobe Dreamweaver 軟體的 Html 來建立網頁教學影片,請按這裡

文字說明:

以下是以虛擬的網址www.example.com舉例 (實際的設定必須要換上您的網址資料):

  1. 設定本地檔案夾的位置:

假設你是要放在C硬碟的桌面(Desktop);請先在你的電腦的桌面建立一個檔案夾(folder),名稱例如sites;然後打開sites,在其中建立一個檔案夾,名稱例如amstar (如下圖):
註:以上諸如C硬碟、D硬碟或檔案名稱皆可按自己喜愛變更。

圖檔

  1. 設定Dreamweaver本地檔案夾的路徑:打開Dreamweaver軟體,在上方工具列(Toolbar)點選「網站(Site)」->「新增網站 (New site)」會跳出一個視窗(如下圖):


圖檔

網站名稱(Site Name): 填入 amstar (或任何你喜歡的英文名稱)
本地檔案夾(Local Site Folder): 按該欄右邊的小鈕去找出剛才設定的本地檔案夾路徑之後存檔:Dreamweaver會列出例如C:\Users\amstar\Desktop\sites\amstar\ 的路徑;按「儲存 (save)」。

  1. 設定Dreamweaver與本公司主機連線:

在上方工具列點選「網站(Site)」->「管理網站 (Manage Sites)」 -> 在新視窗點選網站名稱然後按下方「筆形」小鈕 -> 在新視窗左邊欄中點選伺服器(Servers),然後按下方「 + 」形小鈕(如下圖)。

圖檔

進入伺服器設定頁面(如下圖)

圖檔

伺服器名稱(Server Name): 填入本公司伺服器名稱 http://www.amstar.tw
連線使用方式(Connect using):從下拉式選擇欄中選擇 SFTP (本公司使用的是安全的加密連線)
加密連線位址(SFTP):填入你的網址例如 http://www.example.com
使用者名稱(Username):填入本公司提供給你的使用者名稱
密碼(Password): 填入本公司提供給你的密碼
按「測試連線 (Test)」鈕 -> 會跑出一個小視窗,按 OK (如下圖)

圖檔

如果跑出連線成功(Dreamweaver connected to your Web server successfully.)字樣
按「儲存 (save)」 -> 按「完成(Done)」。

  1. 下載或上傳檔案:打開Dreamweaver軟體,按「展開本地和遠端網站」鈕(如下圖)。


圖檔

展開本地和遠端網站頁面(如下圖)

圖檔

如果你有選用本公司所提供的免費樣本網頁:
(1) 按「連線遠端主機」鈕
(2) 點選web檔案夾(按二次可以展開遠端檔案夾)。
(3) 按下載箭頭。
(4) 下載完成後,按總檔案夾就會顯示已下載的檔案如下。

如果你已有自己的網頁:先打開原先在你電腦中設定的本地檔案夾的位置,將你的網頁存放在該檔案夾中。
(1) 打開Dreamweaver軟體,從中間右邊下拉式選單點選「本地端 (local view)」(如下圖)。

圖檔

(2) 按總檔案夾顯示檔案。
(3) 點選所要上傳的檔案。
(4) 按上傳鈕。