iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0
自我挑戰組

從零開始自學HTML/CSS網頁設計系列 第 26

發佈網站並確認

  • 分享至 

  • xImage
  •  

如果要將完成的檔案上傳到伺服器,就得使用FTP用戶端相關的應用軟體。這類型的軟體種類有很多種,而這邊介紹使用的是FileZilla: https://filezilla-project.org/

  1. 首先點選Download FileZilla Client[All platforms] 的按鈕:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190aadBtMeY0X.png

  2. 點選Show additional download options的連結:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190JJYtbMsa19.png

  3. 點選Wimdows(64bit) 的選項(也可以依你的電腦作業系統的不同而調整):
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190TyHmMTeEcu.png

  4. 點兩下打開剛剛下載的檔案:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190vycXEQZGzA.png

  5. 點選I Agree:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190KhslryOqRF.png

  6. 點選Next,如果想在桌面有快捷鍵的話可以勾選Desktop Icon:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190uSzY4RISxD.png

  7. install後會開始安裝:
    https://ithelp.ithome.com.tw/upload/images/20221009/201521901RzJxkmmiN.png

  8. 安裝完成後點選Finish:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190oCnwQdVYG1.png

  9. 第一次FileZilla會自動啟動,歡迎使用訊息點選確認即可:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190R3m2HGv8Ix.png


  • 要利用FTP用戶端軟體連結伺服器,需要以下三種資訊:
  1. 主機名稱(FTP伺服器名稱)
  2. 使用者名稱(FTP帳號名稱)
  3. 密碼

如果是使用FC2,可以點選FC2ID Home的Control Panel來確認資訊。在FTP Information中可以確認主機名稱、使用者名稱,點選Account Information可以確認FTP密碼,也可以在New FTP password編輯密碼。

  • 開啟FileZilla左上角的開啟站台管理員:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190xlpSGEWgrK.png
  • 然後點選新增站台並在資料夾輸入任意網站名:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190wV7KRXHH6p.png
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190ciJJsUxezx.png
  • 輸入個各種FTP資訊:
    https://ithelp.ithome.com.tw/upload/images/20221009/20152190j1q0wkbYGS.png
  1. 主機:租賃伺服器主機的名稱
  2. 協定:選擇FTP-檔案傳輸協定
  3. 加密:選擇允許的話就使用透過外顯示LTS的FTP
  4. 登入形式:選擇詢問密碼
  5. 使用者:輸入租賃伺服器服務的使用者名稱
  6. 點選連線輸入租賃伺服器的密碼
  • 從本地站台裡找到當初網頁存放的資料夾(www),並拖曳至遠端站台。上傳可能會需要一些時間,傳輸完畢後,傳輸成功的索引標籤會顯示傳送成功的檔案數量。
  • 最後就可以在網站輸入網址來確認網站是否公開了,如果當初是使用免費的FC2,網址會是以下格式:
http://申請時輸入的帳號.web.fc2.com

上一篇
了解網域
下一篇
調整圖片的大小並裁切
系列文
從零開始自學HTML/CSS網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言