NGOs 有了粉絲頁,也不要忘了持續經營官網:使用免費開源網站建置首頁,提高議題能見度

圖/Rubén Menárguez @ unsplash

學習 HTML(註)、架設個人、公司或 NGOs 的網頁應該是許多經歷過 1990 年代中末期互聯網第一波熱潮,卻又不是程式訓練出身者的「惡夢」。稍後,隨著部落格(Blog)以及更複雜的內容管理系統(Content Management System,縮寫為 CMS)軟體與寄宿代管服務的出現,資源有限的 NGOs 方能稍攞脫 HTML、css 等術語。然而近 3、4 年來,隨著臉書的興起與獨大,不僅許多個人部格客放棄了對自己網誌的記錄書寫,也有不少 NGOs 只靠著臉書粉絲頁的經營,不只荒廢了自家網站,還可能把有限的資源投助給已經攥不少錢的科技企業,卑微的冀望提高活動議題的能見度。

圖/Benjamin Dada @ unsplash

建置免費首頁的開放資源

本文以「NGO 推進器」首頁之作法為範例介紹,如何利用網路開放資源來建立 NGOs 免費首頁。這個首頁烘培機中,我分別利用:1. codepen.io:它是一個提供給網頁前端開發者在瀏覧器環境下使用的開發工具,上面有許多網站設計的開源專案,用戶可以 轉用並作修改(轉用時最好保留或提及原作者的貢獻)。2. gitlab.comgithub.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


延伸閱讀:

掌握資訊自主權:利用免費數位資源建置部落格,累積並管理組織資訊、建立品牌公信力

移動閱讀時代早已來臨,你家網頁可以在不同裝置上瀏覽嗎?/非營利網站必須擁有的 7 大元素

電子郵箱公私不分?利用專屬網域名免費申請工作用 Email,提升 NGO 專業度也確保工作者隱私

作者介紹

NGO 推進器

介紹並分享盡責安全的網路資訊,協助找尋全方位的非政府/非營利組織數位科技與社會運動策略。