Web | Coding | Blog | SOHO

[教學]如何上傳檔案至你的網站,使用 FileZilla

前面介紹了這麼多,卻忽略了這最重要的步驟。

如何上傳網頁檔案至你的網站?

大部分學校(大專院校),會提供學生 學術用的主機,當然可玩性也較低。
本站有介紹過 [教學]Hostinger 免費空間,練習架站最佳平台(新版教學),也是適合練習架站的好選擇。

那麼,既然有了主機,手邊也有了自己寫的網站(或者範本、wordpress 等),那該如何將檔案上傳至主機呢?
有些主機會有個cpanel介面,其中會有個檔案管理員。不過在此篇教學,並不會介紹這部分。


00

在此介紹,FTP 上傳的應用程式:FileZilla

軟體名稱:FileZilla
官方網站:https://filezilla-project.org/
相容系統:Mac、Windows、Linux

站長沒有用過其他款,所以說一直以來就是使用這款應用程式做上傳的動作。讓我們先瞧瞧這款的介面:
(以下介面為 Mac 版本)01

 

那麼在使用之前,必須有的資訊如下:

  • 主機 IP
  • 使用者名稱
  • 使用者密碼
  • 連接埠 (可有可無)

主機 IP 通常虛擬主機商會給,如果是使用我介紹的HOSTINGER 免費虛擬主機
可以到帳號→信息→「文件上傳詳情」中 查看相關的資料。

02

  1. FTP IP地址的資料 請填到「主機」
  2. FTP 用戶名 請填到「使用者名稱」
  3. FTP 密碼 請填到「密碼」
  4. FTP 埠 請填到「連接埠」(可填可不填)
  5. 點擊藍色按鈕「快速連線」

03


以下以長榮大學為例(校園學術性主機):

  1. 首先到長榮大學計網中心網頁 ←可直接點此進入連結
  2. 會有一個「資料上傳主機:webftpst.cjcu.edu.tw」,這個就是「主機 IP 的部分」。
  3. 使用者名稱與密碼則是「 校園網路服務系統帳號 &密碼」

03

  • 在主機部分 填入  webftpst.cjcu.edu.tw
  • 使用者名稱 填入 校園網路服務系統帳號
  • 密碼 填入 校園網路服務系統帳號的密碼
  • 連接埠不需要填寫,請直接點擊藍色按鈕「快速連線」

以上,便可連接至您的主機,那麼該如何上傳檔案至主機呢?


讓我們先了解這款應用程式的介面:

左側部分會顯示自己電腦中的資料夾與檔案;
而右側部分則是虛擬主機中的檔案。

04

只需要從左側拖曳檔案,或者滑鼠雙擊檔案就可以直接傳到虛擬主機中了。

05

另外要注意的是,通常虛擬主機會有個大目錄:pubhtml。

  • 網站首頁必須命名為 index.html、index.htm、home.html、home.htm (任選其中一個)
  • 並上傳至pubhtml 目錄底下
  • 06
  • 這麼一來當訪問您的網站時,預設會先讀取index.html 作為首頁

在使用主機 甚至是學術型主機,請遵守各家的使用規範,讓我們共同營造美好的網路世界。


如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:

 

Comments

comments

如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


© 2017 4xCode™ | Design:SC 站長

歡迎來到SC站長網站

 

本站文章不再更新,新文章將發表至

4 x ‘s Space 網站

 

謝謝您一直以來的支持,我們新網站見~

 

SC站長網站文章也會將慢慢轉移至新網站,

新網站連結 4-x.tw 點此前往,或點擊上方圖案)