在網上做某件事需要多少錢?

加入網路並不像看起來那麼便宜。在本文中,我們將討論您可能需要花費多少,以及為什麼。

預備知識 您應該已經瞭解了您需要什麼軟體網頁、網站等之間的區別,以及域名是什麼
目標 回顧建立網站的完整流程,瞭解每個步驟的成本。

總結

啟動網站時,您可能花費為零,也可能花費巨高。在本文中,我們將討論所有內容的成本以及您如何獲得您所支付(或未支付)的。

軟體

文字編輯器

您可能有一個文字編輯器:例如,Windows 上的記事本、Linux 上的 Gedit、Mac 上的 TextEdit。如果您選擇一個能為程式碼著色、檢查語法並輔助程式碼結構的編輯器,您將更容易編寫程式碼。

許多編輯器是免費的,例如BracketsBluefishTextWranglerEclipseNetBeansVisual Studio Code。有些,例如Sublime Text,您可以隨意試用,但鼓勵您付費。有些,例如PhpStorm,根據您購買的計劃,可能花費幾十到 200 美元不等。其中一些,例如Microsoft Visual Studio,可能花費數百甚至數千美元;儘管 Visual Studio Community 對個人開發者或開源專案是免費的。通常,付費編輯器會提供試用版。

開始時,我們建議您試用幾種編輯器,以瞭解哪種最適合您。如果您只編寫簡單的HTMLCSSJavaScript,請選擇一個簡單的編輯器。

價格並不總是能可靠地反映文字編輯器的質量或有用性。您必須自己嘗試並決定它是否滿足您的需求。例如,Sublime Text 很便宜,但帶有許多免費外掛,可以大大擴充套件其功能。

影像編輯器

您的系統可能包含一個影像編輯器或檢視器:Windows 上的畫圖、Ubuntu 上的 Eye of GNOME、Mac 上的預覽。這些程式功能相對有限,您很快就會需要一個更強大的編輯器來新增圖層、效果和分組。

編輯器可以是免費的(GIMPPaint.NET)、中等價位(PaintShop Pro,100 美元以下)或數百美元(Adobe Photoshop)。

您可以使用其中任何一個,因為它們具有相似的功能,儘管有些非常全面,您永遠也用不完所有功能。如果您需要與其他設計師交換專案,您應該找出他們正在使用哪些工具。編輯器都可以將完成的專案匯出為標準檔案格式,但每個編輯器都會將其正在進行的aught專案儲存到自己的專用格式中。網際網路上的大多數影像都受版權保護,因此最好在使用檔案之前檢查其許可證。像Pixabay這樣的網站提供 CC0 許可證下的影像,因此您可以使用、編輯併發布它們,即使修改後用於商業用途。

媒體編輯器

如果您想在網站中包含影片或音訊,您可以嵌入線上服務(例如 YouTube、Vimeo 或 Dailymotion),或者包含您自己的影片(有關頻寬成本,請參閱下文)。

對於音訊檔案,您可以找到免費軟體(AudacityWavosaur),或支付高達幾百美元(Sound ForgeAdobe Audition)。同樣,影片編輯軟體可以是免費的(PiTiVi、Linux 上的OpenShot、Mac 上的iMovie)、100 美元以下(Adobe Premiere Elements),或數百美元(Adobe Premiere ProAvid Media ComposerFinal Cut Pro)。您的數碼相機附帶的軟體可能足以滿足您的所有需求。

釋出工具

您還需要一種方法來上傳檔案:從您的硬碟到遠端 Web 伺服器。為此,您應該使用釋出工具,例如(S)FTP 客戶端RSyncGit/GitHub

每個作業系統都包含一個 (S)FTP 客戶端,作為其檔案管理器的一部分。Windows Explorer、Nautilus(一個常見的 Linux 檔案管理器)和 Mac Finder 都包含此功能。然而,人們通常選擇專用的 (S)FTP 客戶端來並排顯示本地或遠端目錄並存儲伺服器密碼。

如果您想安裝 (S)FTP 客戶端,有幾種可靠的免費選項:例如,適用於所有平臺的FileZilla,適用於 Windows 的WinSCP,適用於 Mac 或 Windows 的Cyberduck,以及更多

由於 FTP 本身不安全,因此您應確保使用 SFTP — 這是 FTP 的安全加密版本,如今您接觸的大多數託管站點預設都會提供 — 或者其他安全解決方案,例如透過 SSH 的 Rsync。

瀏覽器

您要麼已經有一個瀏覽器,要麼可以免費獲得一個。如有必要,請下載FirefoxGoogle Chrome

網路接入

電腦/調變解調器

您需要一臺電腦。成本可能差異巨大,具體取決於您的預算和您居住的地點。要釋出一個最基本的網站,您只需要一臺能夠執行編輯器和 Web 瀏覽器的基本電腦,因此入門門檻可以很低。

當然,如果您想製作複雜的圖形、潤飾照片或製作音訊和影片檔案,您將需要一臺更強大的電腦。

您需要將內容上傳到遠端伺服器(請參閱下面的託管),因此您需要一個調變解調器。您的ISP每月可以向您租用網際網路連線,費用只需幾美元,但您的預算可能會有所不同,具體取決於您所在的位置。

ISP 接入

確保您有足夠的頻寬

  • 低頻寬接入可能足以支援一個“簡單”的網站:大小適中的影像、文字、一些 CSS 和 JavaScript。這可能需要花費您幾十美元,包括調變解調器的租金。
  • 另一方面,如果您想要一個包含數百個檔案的更高階網站,或者想直接從您的 Web 伺服器傳輸大型影片/音訊檔案,您就需要高頻寬連線,例如 DSL、電纜或光纖接入。這可能與低頻寬接入的成本相同,對於更專業的需要,每月可能高達數百美元。

託管

理解頻寬

託管服務提供商會根據您的網站消耗的頻寬向您收費。這取決於在給定時間內有多少人以及 Web 爬蟲機器人訪問您的內容,以及您的內容佔用了多少伺服器空間。這就是為什麼人們通常將他們的影片儲存在 YouTube、Dailymotion 和 Vimeo 等專用服務上的原因。例如,您的提供商可能有一個套餐,包括每天數千次訪問,對於“合理”的頻寬使用。但請注意,這在不同的託管提供商之間的定義不同。請記住,可靠的、付費的個人託管每月大約需要十到十五美元。

注意:不存在“無限”頻寬。如果您消耗大量頻寬,請準備支付鉅額費用。

域名

您的域名必須透過域名提供商(註冊商)購買。您的託管提供商也可能是註冊商(例如IonosGandi同時是註冊商和託管提供商)。域名通常每年花費 5-15 美元。此成本因以下因素而異

  • 本地義務:一些國家頂級域名價格更高,因為不同國家設定的價格不同。
  • 與域名相關的服務:一些註冊商透過將其地址隱藏在自己的地址後面來提供垃圾郵件保護:郵寄地址可以由註冊商代為提供,您的電子郵件地址可以透過註冊商的別名進行隱藏。

DIY 託管與“打包”託管

當您想釋出網站時,您可以自己完成所有工作:設定資料庫(如果需要)、內容管理系統或CMS(例如WordPressDotclearspip等),上傳預製或您自己的模板。

您可以利用託管提供商的環境,每月約花費十到十五美元,或直接訂閱帶有預打包 CMS 的專用託管服務(例如WordPressTumblrBlogger)。對於後者,您無需付費,但在模板和其他選項方面可能控制權較少。

免費託管與付費託管

您可能會問,既然有這麼多免費服務,我為什麼還要為我的託管付費?

  • 付費時您擁有更多自由。您的網站是您的,您可以無縫地從一個託管提供商遷移到另一個。
  • 免費託管提供商可能會在您的內容中新增廣告,超出了您的控制。

最好選擇付費託管而不是依賴免費託管,因為可以輕鬆移動您的檔案,並且大多數付費網站都保證正常執行時間。大多數託管提供商會給您大幅度的首次折扣。

有些人選擇混合方法。例如,他們的主要部落格放在付費主機上,並帶有完整域名;而隨意的、不太重要的內容則放在免費主機服務上。

專業的網站代理和託管

如果您想要一個專業的網站,您可能會請一家網路代理公司來為您完成。

在這裡,成本取決於多種因素,例如

  • 這是一個只有幾頁文字的簡單網站嗎?還是一個更復雜、長達數千頁的網站?
  • 您會想要定期更新它嗎?還是一個靜態網站?
  • 網站是否必須連線到您公司的 IT 結構以收集內容(例如,內部資料)?
  • 您想要一個當前流行的炫酷新功能嗎?在撰寫本文時,客戶正在尋求具有複雜視差效果的單頁應用。
  • 您是否需要代理公司構思使用者故事或解決複雜的UX問題?例如,建立吸引使用者的策略,或 A/B 測試以在多個想法中選擇一個解決方案。

對於託管,您需要考慮以下選擇

  • 您想要冗餘伺服器,以防您的伺服器出現故障嗎?
  • 95% 的可靠性足夠嗎,還是需要專業、全天候的服務?
  • 您想要高效能、超響應的專用伺服器,還是可以使用較慢的共享伺服器?

根據您對這些問題的回答,您的網站可能花費數千到數十萬美元。

後續步驟

既然您已經瞭解了您的網站可能花費多少錢,現在是時候開始設計該網站並設定您的工作環境了。