構建網站需要什麼軟體?

在本文中,我們將介紹編輯、上傳或檢視網站時所需的軟體元件。

預備知識 您應該已經知道網頁、網站、Web 伺服器和搜尋引擎之間的區別。
目標 瞭解如果您想編輯、上傳或檢視網站,需要哪些軟體元件。

總結

您需要的大部分 Web 開發程式都可以免費下載。我們將在本文中提供一些連結。

您需要以下工具:

  • 建立和編輯網頁
  • 將檔案上傳到您的 Web 伺服器
  • 檢視您的網站

幾乎所有作業系統都預設包含文字編輯器和瀏覽器,您可以使用它們來檢視網站。因此,您通常只需要獲取將檔案傳輸到 Web 伺服器的軟體。

深入瞭解

建立和編輯網頁

要建立和編輯網站,您需要一個文字編輯器。文字編輯器建立和修改未格式化的文字檔案。其他格式,如 **RTF**,允許您新增格式,如粗體或下劃線。這些格式不適合編寫網頁。您應該仔細考慮使用哪個文字編輯器,因為在構建網站時您將大量使用它。

所有桌面作業系統都附帶一個基本的文字編輯器。這些編輯器都很簡單,但缺乏網頁編碼的特殊功能。如果您想要更高階的功能,有很多第三方工具可用。第三方編輯器通常帶有附加功能,包括語法著色、自動完成、可摺疊部分和程式碼搜尋。以下是一些編輯器的簡短列表:

作業系統 內建編輯器 第三方編輯器
Windows
Mac OS
Linux
ChromeOS

這是高階文字編輯器的截圖

Screenshot of Notepad++.

這是線上文字編輯器的截圖

Screenshot of ShiftEdit

在 Web 上上傳檔案

當您的網站準備好公開發布時,您需要將您的網頁上傳到您的 Web 伺服器。您可以從各種提供商那裡購買伺服器空間(請參閱在 Web 上進行某項操作的成本是多少?)。一旦您確定了要使用的提供商,提供商就會透過電子郵件將訪問資訊傳送給您,通常是 SFTP URL、使用者名稱、密碼以及連線到其伺服器所需的其他資訊。請注意,(S)FTP 現在有些過時,而其他上傳系統開始流行,例如RSyncGit/GitHub

注意: FTP 本質上是不安全的。您應該確保您的託管提供商允許使用安全連線,例如透過 SSH 的 SFTP 或 RSync。

將檔案上傳到 Web 伺服器是建立網站的一個非常重要的步驟,因此我們在另一篇文章中詳細介紹了這一點。目前,這裡有一些免費的基本 (S)FTP 客戶端的簡短列表:

作業系統 FTP 軟體
Windows
Linux
Mac OS
ChromeOS

測試網站

許多可用的 Web 瀏覽器。當您開發網站時,您應該至少在桌面和移動平臺上使用以下主要瀏覽器進行測試,以確保您的網站對大多數人都能正常工作。

如果您針對的是特定群體(例如,技術平臺或地區),您可能需要使用其他瀏覽器進行測試,例如UC 瀏覽器Opera Mini

測試變得複雜,因為某些瀏覽器只在特定作業系統上執行。特別是,Apple Safari 在 iOS、iPadOS 和 macOS 上執行。最好利用BrowsershotsBrowserstack 等服務。Browsershots 會建立您的網站在各種瀏覽器中的外觀截圖。Browserstack 提供對虛擬機器的完全遠端訪問,因此您可以測試您的網站在最常見環境和不同作業系統上的執行情況。或者,您可以設定自己的虛擬機器,但這需要一些專業知識。

有關更多資訊,請參閱測試策略:構建測試實驗室

請務必在真實裝置上執行一些測試,尤其是在真實的移動裝置上。移動裝置當然需要花錢,所以如果您想在不花費太多費用的情況下在許多平臺上進行測試,我們建議在團隊之間共享裝置。對於可擴充套件的雲訪問真實裝置測試,我們也建議您瞭解App Live:BrowserStack 的互動式移動應用測試平臺

後續步驟