前面介紹了這麼多,卻忽略了這最重要的步驟。
如何上傳網頁檔案至你的網站?
大部分學校(大專院校),會提供學生 學術用的主機,當然可玩性也較低。
本站有介紹過 [教學]Hostinger 免費空間,練習架站最佳平台(新版教學),也是適合練習架站的好選擇。
那麼,既然有了主機,手邊也有了自己寫的網站(或者範本、wordpress 等),那該如何將檔案上傳至主機呢?
有些主機會有個cpanel介面,其中會有個檔案管理員。不過在此篇教學,並不會介紹這部分。
在此介紹,FTP 上傳的應用程式:FileZilla
軟體名稱:FileZilla
官方網站:https://filezilla-project.org/
相容系統:Mac、Windows、Linux
站長沒有用過其他款,所以說一直以來就是使用這款應用程式做上傳的動作。讓我們先瞧瞧這款的介面:
(以下介面為 Mac 版本)
那麼在使用之前,必須有的資訊如下:
- 主機 IP
- 使用者名稱
- 使用者密碼
- 連接埠 (可有可無)
主機 IP 通常虛擬主機商會給,如果是使用我介紹的HOSTINGER 免費虛擬主機,
可以到帳號→信息→「文件上傳詳情」中 查看相關的資料。
- FTP IP地址的資料 請填到「主機」
- FTP 用戶名 請填到「使用者名稱」
- FTP 密碼 請填到「密碼」
- FTP 埠 請填到「連接埠」(可填可不填)
- 點擊藍色按鈕「快速連線」
以下以長榮大學為例(校園學術性主機):
- 首先到長榮大學計網中心網頁 ←可直接點此進入連結
- 會有一個「資料上傳主機:webftpst.cjcu.edu.tw」,這個就是「主機 IP 的部分」。
- 使用者名稱與密碼則是「 校園網路服務系統帳號 &密碼」
- 在主機部分 填入 webftpst.cjcu.edu.tw
- 使用者名稱 填入 校園網路服務系統帳號
- 密碼 填入 校園網路服務系統帳號的密碼
- 連接埠不需要填寫,請直接點擊藍色按鈕「快速連線」
以上,便可連接至您的主機,那麼該如何上傳檔案至主機呢?
讓我們先了解這款應用程式的介面:
左側部分會顯示自己電腦中的資料夾與檔案;
而右側部分則是虛擬主機中的檔案。
只需要從左側拖曳檔案,或者滑鼠雙擊檔案就可以直接傳到虛擬主機中了。
另外要注意的是,通常虛擬主機會有個大目錄:pubhtml。
- 網站首頁必須命名為 index.html、index.htm、home.html、home.htm (任選其中一個)
- 並上傳至pubhtml 目錄底下
- 這麼一來當訪問您的網站時,預設會先讀取index.html 作為首頁
在使用主機 甚至是學術型主機,請遵守各家的使用規範,讓我們共同營造美好的網路世界。
如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷: