Transcript 利用Dreamweaver 上傳建置完成的網站

多媒體製作與應用
利用Dreamweaver上傳建置
完成的網站
利用Dreamweaver上傳建置完成的網站
(一) 在桌面用學號建立資料夾
利用Dreamweaver上傳建置完成的網站
(二) 開啟Dreamweaver建立一個以「index.htm」
為檔名的網頁，網頁內容打上學號、 姓名、 系
級，儲存於剛建置完成的學號資料夾。
利用Dreamweaver上傳建置完成的網站
Step 1
在「網站」選單中開啟「管理網站」
利用Dreamweaver上傳建置完成的網站
Step 2
在「管理網站」中的新增選擇「網站」
利用Dreamweaver上傳建置完成的網站
Step 3 本例以「教學網站」為例，「本地根資料夾」
即為剛才建立的資料夾，完成後點選左邊「遠端資
訊」。
利用Dreamweaver上傳建置完成的網站
Step 4
在「存取」的下拉式選單中的選擇「FTP」
利用Dreamweaver上傳建置完成的網站
Step 5
FTP主機為「140.127.32.99」，登入為「學
號」，密碼為「學號的後三碼」，按「測試」看FTP連
線是否正常 。
利用Dreamweaver上傳建置完成的網站
Step 6 建置完成後按下「完成」
利用Dreamweaver上傳建置完成的網站
Step 7 呈現「檔案面板」畫面，按下「擴展/ 收合」
按鈕
利用Dreamweaver上傳建置完成的網站
Step 8 呈現兩個畫面，左邊為上傳網頁的FTP空間，右
邊為原本己建置完成網站內容，建立FTP連線。
利用Dreamweaver上傳建置完成的網站
Step 9 FTP連線之後則會出現遠端空間的網頁檔案內容。
利用Dreamweaver上傳建置完成的網站
Step 10 按下「上傳」會詢問是否上傳整個網站 ，按
「確定」。
利用Dreamweaver上傳建置完成的網站
Step 11 登入「 93級多媒體製作與應用」 的「專題展
示」，點選自己的姓名。
利用Dreamweaver上傳建置完成的網站
Step 12 呈現剛建置的網頁畫面
利用Dreamweaver上傳建置完成的網站