可能對很多人來說,建立網站是一件很困難的工作,如果沒有技術就必須要花錢請專業團隊幫忙設計,但後續維護管理又會是個難題,也因此有些商家或品牌就直接選擇經營社群網站平台,雖然這麼做看起來很省錢,也沒太大的技術性問題,但缺點是容易被平台綁住,對於搜尋曝光來說不如網站來得這麼有用。我會建議選擇較多人使用的架站服務,利用容易上手的所見即所得編輯器自行設計一個網頁,通常也會提供網站託管,價格不會太高。
HTML
tiiny.host 超簡單免費靜態網站空間,打包上傳 HTML 網頁檔輕鬆架站
HEAD 網頁開發參考手冊,收錄 HTML5 在 head 可用標籤及範例說明
Freebies.ByPeople 各種免費素材集散地,設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站,因此我就比較少介紹同類型的服務,不過網路上確實有不少類似網站,例如 Evernote Design 設計師必備懶人包就在單一網站上整合各種設計相關素材資源;或是 The Stocks 精選免費圖庫,一站收錄更方便搜尋等等,這些集合式免費資源都非常值得加入書籤以備不時之需。
Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼
Neocities 免費 HTML 網站空間,每月 200 GB 流量托管靜態網頁超簡單
免費建立分享僅限 1MB 網頁,可製作個人網頁、專案頁面或靜態部落格
Itty bitty 將內容轉為連結產生網頁,伺服器不儲存使用者資料
免費資源網路社群介紹過許許多多文字分享工具,簡單來說,將使用者輸入的文字轉為網頁鏈結,其他人可線上取得內容,上一個印象深刻的服務是 Telegraph,也是來自 Telegram 的新服務,這類網路工具當然是越簡單越好,例如 Publishthis.email 可以將內容以 Email 寄到特定信箱產生網頁鏈結,非常有用!
WordHTML 線上將 Word 轉為 HTML,內建清理工具原始碼更乾淨

相信許多讀者都曾有過類似經驗:從 Microsoft Word、Excel 或 PowerPoint 複製內容,貼到網頁的編輯器後發生問題,例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼,而這在 Office 早就已經不是新聞,通常解決的辦法只能先貼到純文字編輯器,將這些文字格式「清除」後重新貼回來,不過這又會遇到另一個問題:原有格式必須在瀏覽器端重新加入,通常是件很浪費時間的工作。
CSSPeeper 為設計師量身打造,更聰明視覺化檢視網站 CSS 樣式表(Chrome 擴充功能)
對於網頁設計或開發者來說,想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手,我在發現不錯的網站都會去看一下原始碼或樣式表,雖然 Google Chrome 本身就有強大的開發人員工具可以使用,但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。