作者

Jason，工科男，主要從事產品研發和工程諮詢領域。這樣的背景怎麼會跟中文故事會聯繫到一起？這也再次展現了中文故事會的魔力，大家都因為小孩的教育和中文學習走到了一起。很榮幸被邀寫這篇稿子，其實我本身也是做網頁的初學者，但是我堅信學無止境，能為中文故事會貢獻自己的力量很開心，也很欣慰看到志願者很快就能接手管理網頁。每一個你，都可以快速創建你自己的網站。

概括

想擁有自己機構的網頁？其實非常簡單，再也不用像以前電腦剛剛普及的年代，做個網頁就是高大上了。什麼Frontpage,dreamweaver不再是做網頁的必要神器了。做網頁其實很簡單，任何人都可以，哪怕沒有編程的基礎。

身為RCS的志願者，相信大家都被發起人Michelle的熱情激勵，每個志願者來自不同的背景，但大家都因為同一個目的走到一起，不為別的，只為羅村建立自己的專屬故事會。隨著故事會的開展，越做越好，各方面也慢慢成熟，包括微信群建立，志願者培訓，故事會征名，設計自己的logo，跟圖書館和中文學校合作，開通facebook和youtube宣傳渠道。我感覺唯一有點欠缺就是羅村童言缺乏一個公共宣傳平台。也許有人通過微信知道了下次故事會的時間，有人看到了facebook上故事會的照片，還有人看到我們製作的flyer，另外有通過圖書館的program看到我們的故事會，或者帶娃參加活動口頭通知的。這些在故事會開展初期是非常有效的方法，然而很多時候無法三言兩語講清楚RCS到底是什麼組織。

在這樣的背景下，就誕生了為羅村童言建立網站的想法。網站的目的很簡單純粹，它是一個綜合的信息平台，一個全方位宣傳羅村童言的marketing tool。網站的目的是提供所有的信息來源但是不需要囊括所有的活動細節。一個簡單的網址就是你唯一需要告訴別人的。

目標

建立公共信息平台，協助羅村童言宣傳和樹立品牌。

網站要求

網址簡單好記有意義，成為marketing利器。

網站簡單大方，結構簡單，方便瀏覽。

網站維護簡單明了，志願者培訓就能上手。

建立網站三部曲

I. 申請域名

申請一個合適、好記、有意義的域名非常關鍵，一個好記的域名立刻就能帶來無數訪問者。相反一個不好記的域名直接否定了做網站的意義。

申請域名的網站很多，這裡例舉幾個我使用過的，都感覺不錯：

1）Godaddy.com

這個網站估計是最多人用的申請域名網站，界面清楚好用，申請好了以後還給免費的custom email。godaddy也是建網站最開始來搜索哪些域名是不是available的最好網站，清楚明了。如果已經被人用了，還會建議哪些類似的可以申請。

這次沒有選擇godaddy的主要原因是godaddy的收費模式有點類似網路公司（例如comcast），價格經常變，還需要查找coupon，可以找到很大的折扣，但是等你下次renew的時候又要再來一遍。godaddy域名服務用過6年，最喜歡的地方是使用和設置起來挺簡單，還有免費的你自己域名的email。

2) NearlyFreeSpeech.net

這個網站可能大部分人都不知道，其實是個非常不錯的域名和伺服器網站，尤其適合小型的需要host的網站，facebook起家的時候就用的這個網站伺服器。Host指的是網站做好了以後，所有的文件存放的伺服器。nearlyfreespeech的理念是Only pay for what you use。也就是說，如果你的網站流量小的話，你可以花很少的錢，享受大型網站一樣的專業服務。

Nearlyfreespeech的域名申請也很簡單，統一價格，都很便宜，一般都是$12一年。

考慮到google domains是因為google的品牌，也考慮到之後會使用google sites，想著同一家的domain name和google sites，應該好integrate。後來發現不是這回事，花了很長時間才搞定。具體細節見第三部分（打算用google domains申請域名的請看過來）。

Google domains申請也很簡單，輸入想申請的域名，就會告訴你是不是可用，大部分域名都是一年12美元，簡單直接，不需要搜coupon。

羅村童言的域名試了很多，最後選定RocStory.org，簡單好記。也試過其他的比如RochesterChineseStorytime.org之類的，最後覺得反而太長了。順便提一下，google domain可以添加管理許可權，設置permission，方便最後domain和sites的mapping。

II. 設計網站

真正設計的網站都是自己直接寫code，想怎麼設計怎麼設計，就不在我們考慮的範圍內了，畢竟大家都是志願者，沒那個精力。CS專業的不要鄙視。

組織規模稍微大點的，有專人做網站編輯的，我會推薦使用CSS template。CSS可以用來專門設置網頁的內容和排版的框架，方便整理控制網站的設計和排版。聽起來很難是嗎？是需要一點熟悉時間，但是完全不必擔心，網上有很簡單的教程，比如W3Schools (https://www.w3schools.com/w3css/default.asp)。沒時間看教程？也沒關係，有人幫你做好了CSS Template，看這個網站templatemo (http://www.templatemo.com/)。這是我覺得好用簡單的CSS template網站，各種炫酷主題的網站你全都可以免費下載，用來做自己的網站。需要的工具：1）Dreamweaver或類似的可以直接編輯源代碼和預覽的軟體； 2）一點點編程知識，比如你知道很多編程語言的for-end什麼意思就可以上手了；3）既然是自己親手設計的網站，那就需要一個伺服器用來上傳所有的網頁文件，這裡強烈推薦nearlyfreespeech，原因見上。

最後，完全傻瓜型的就是google sites了，其實很多人應該用過，非常簡單，不需要任何編程基礎，因為google想到了一切。google 有classic sites和new sites，目前還是建議使用classic sites，google 喜歡搞一些新鮮玩意兒，new sites網上一直評論目前沒啥可用性。

當然還有其他各種建立網站的工具了。這裡著重講一下使用google sites建立網站的過程，照著下面幾步就好了。

2）點擊Create，選擇 in Classic Sites。

3）選擇適合的template，填入網頁的Name和Address，點擊Create就按照模版建立網站了。特別提一下的是，選擇template不僅僅是網頁的整體設計和外觀，還需要考慮到網站的結構，比如打算有幾個頁面，頁面之間的關係，每個頁面下面有沒有子頁面之類的。在建立網站之前可以考慮網站的需求，避免之後發現template不適合，重新開始。

4）建立好網站後，就是具體編輯頁面了，此不贅述，大家都可以弄明白。如果需要建立一個新頁面，最快的方式是直接copy一個已有的頁面，這樣能保存所有格式，方便編輯。

5）Google Sites與各種插件的兼容性很好，一定要利用上。比如 Google calendar可以直接嵌入，你只需要更新Google calendar，網站上就自動更新了，對於經常舉辦活動的組織來說，這是必不可少的，也是公布 schedule最好的方式。另外活動如果有highlight video的話，上傳到youtube，再嵌入到網頁，訪客就能在網頁上直接觀看了，而不必再去搜索你的youtube頻道。還有訪客留言，或者報名表，以及投票之類的，都可以用Google Forms輕鬆搞定，也可以嵌入到網頁中，諸如此類。至於基本的網站訪客計數，就是小菜一碟。另外Google Analytics，是一個非常強大的工具，它能給你分析網站訪客的各種信息。各種插件用起來，網頁的功能就變得很強大，google和其他的developer的gadgets很多，全在於你是不是去利用，而且還是免費的。

說話間，你的網站就做好了，是不是特別簡單？

III. 關聯域名和網站

現在網站做好了，你如果宣布網址是sites [dot] google [dot] com [slash] site [slash] rochesterstorytime，估計沒人能記住！不過沒關係，我們可以關聯域名和網站（domain mapping）。

Domain mapping是什麼呢？說白了，就是你有了googles sites提供的免費網站，但是網址太麻煩了，你想把整個google sites建立的網站map到自己的域名下。舉個例子：

RCS的google sites網址是

https://sites.google.com/site/rochesterstorytime/

怎麼操作呢？一個懶人的辦法是設置domain forward，這很簡單，任何domain registrar都提供forward（包含設置masking），也就是rocstory.org可以forward到sites.google.com/site/rochesterstorytime，不設置mask的話，網址就顯示成google sites的網址，設置mask的話，就只顯示rocstory.org，但網址不會顯示子頁面的地址。這些都不是我們所說的domain mapping。

Domain mapping有兩步：1）告訴domain registar，CNAME指向哪裡。這裡我們的裸域名是rocstory.org，www是一個最常用的CNAME (subdomain)，那麼我們需要設置www這個CNAME指向google sites；2）告訴google sites，來自www.rocstory.org 的request跟哪個google sites是關聯的。這裡的第二步是整個網站建立碰到的最大的麻煩，這是一個網上很多人抱怨的問題，具體可以在google sites help forum里搜尋」This location is already in use by another service, please pick a different one.」 原因是google sites拒絕接受www.rocstory.org作為關聯的網址，因為「已經在別處使用」。經過一些調研，最後解決的辦法是，用google sites同一個gmail申請G Suite business賬戶，才能有管理員許可權解決這個問題。G Suite business賬戶是付費，但是有免費試用期，可以隨時cancel。

所以從domain mapping角度來說，google做的不是很好。建議使用godaddy申請域名。

總結

聽完三部曲，相信你已經發現建立自己的網站有多簡單了，同時你已經接觸了建立網站的所有元素。如果感興趣，請多關注羅村童言，RocStory.org，也可給我們留言。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！