NGOs 有了粉絲頁，也不要忘了持續經營官網：使用免費開源網站建置首頁，提高議題能見度
學習 HTML（註）、架設個人、公司或 NGOs 的網頁應該是許多經歷過 1990 年代中末期互聯網第一波熱潮，卻又不是程式訓練出身者的「惡夢」。稍後，隨著部落格（Blog）以及更複雜的內容管理系統（Content Management System，縮寫為 CMS）軟體與寄宿代管服務的出現，資源有限的 NGOs 方能稍攞脫 HTML、css 等術語。然而近 3、4 年來，隨著臉書的興起與獨大，不僅許多個人部格客放棄了對自己網誌的記錄書寫，也有不少 NGOs 只靠著臉書粉絲頁的經營，不只荒廢了自家網站，還可能把有限的資源投助給已經攥不少錢的科技企業，卑微的冀望提高活動議題的能見度。
圖／Benjamin Dada @ unsplash
建置免費首頁的開放資源
本文以「NGO 推進器」首頁之作法為範例介紹，如何利用網路開放資源來建立 NGOs 免費首頁。這個首頁烘培機中，我分別利用：1. codepen.io：它是一個提供給網頁前端開發者在瀏覧器環境下使用的開發工具，上面有許多網站設計的開源專案，用戶可以 轉用並作修改（轉用時最好保留或提及原作者的貢獻）。2. gitlab.com／github.com：為配合接下來網頁的存放，得使用代碼託管服務，github 雖是比 gitlab 熱許多，不過基於鼓勵開源精神與風險分散，不妨多利用gitlab 。3. netlify.com：gitlab／github 雖也有提供「HTML 類型專案」的免費網頁存放空間以及自定網域轉址，不過我會再挑選把HTML 代碼佈署在 netlify.com 的原因是 netlify.com 還代為免費安裝 let’s encrypt SSL。
註解：HTML 是一種標記語言（markup language），而非一般熟知的程式設計語言；它會告訴瀏覽器該如何呈現你的網頁──單純簡易或是極其複雜的頁面都沒問題。HTML 包含了一系列的元素（elements），而元素包含了標籤（tags）與內容（content），我們用標籤來控制內容的呈現樣貌，例如字體大小、斜體粗體、在文字或圖片設置超連結等。資料來源：MDN web docs
延伸閱讀：
掌握資訊自主權：利用免費數位資源建置部落格，累積並管理組織資訊、建立品牌公信力
