新網站即將要在下星期一跟大家見面了！
第一時間收到網站開張通知：https://ciao.kitchen/waitinglist/
努力了半年，上線前喘口氣想和大家聊聊這一路以來的心路歷程...
為什麼我們需要一個新網站呢？
有參與上個訂閱計劃的朋友們都記得，我的部落格、線上課程、臉書直播、會員管理跟金流全都流離失所分散在不同的平台，無法整合在同一個平台之下，不僅對會員們很抱歉，連我自己在行政管理維護上都非常痛苦，每天都要一個一個手動核對資訊跟通知訊息，讓我在決定在半年前暫時停下腳步，尋求更好的解決方案。
There must be a better way!
【 有夢最美籌備期 】
從半年前上個專案下線之後，我花了一個月研究各種可能的開發方向。
新網站最底標該有的標準就是把所有的內容整合到一個地方，用同一個帳號享有所有的服務，既有的部落格無法達到，所以只能把希望寄望在用最有彈性的從頭自己架站了，審慎評估後，還可以笑笑地覺得自己可以撐過這個學習曲線。
在我腦中的“美好想像”，這個網站不僅僅是部落格放文章，必須兼具線上課程系統、影片串流、會員管理、金流處理的多功能平台，所以光是選用哪個hosting 、課程管理、會員系統、影音雲端、金流選項，彼此又要能互相支援的前提，我就已經花了半個月大量研究所有估狗的到的評測和分析。
其中，課程管理系統是我最關鍵的選擇。
審慎選擇了第一個A課管系統開始展開開發，功能上OK，目前為止還不需要coding，有很多參數和設定可以微調，開發經驗還算舒適，但是它的使用者介面，老實說，美感欠佳。可是當下找不到更好的選擇，想說不管了，先把功能搞定，外觀就且戰且走，慢慢改吧！
【 當現實來敲門期 】
我們的技術開發人力其實只有小妹我(舉手)，加上一個平日下班後吃完飯又要再打卡上班的隊友小當家。 對一位文科背景，人生卻從來沒修過一堂程式/網頁設計課的我來說，突然很希望自己對程式語言的了解只要有50分就好了... 一開始架設網站，挫折感很日常地開始照三餐瘋狂打臉，開始覺得自己眼高手低。
由於我對網站的架構跟網頁語言一咪咪的sense也沒有，加上網站的功能並不是只有單純的部落格而已，光是把一個按鈕從藍色改成綠色，只是改個顏色喔，連什麼進階的改形狀、改大小的客製化都談不上，我花了三個多小時還是搞不定，完全迷路在後台內一直鬼打牆。唉，連顏色都不會改，CSS是什麼可以吃嗎，我真的做得出來我想要的網站嗎？
不外包公司真的有機會嗎？才第一週我就開始懷疑人生了。
好不容易越來越跟第一個課程系統混熟，也痛下決心花了上萬元購買它的付費版本後，很開心看到網站慢慢有個雛形了。不僅花了錢，連英語介面我都花了一個星期佛心幫開發公司翻譯超過兩千字把它中文化後，一切緩慢地往目標前進中，沒想到在兩個月後，也就是聖誕節前夕，第二道牆又狠狠地撞上來。
【 谷底捶心肝撞牆期 】
我非常有印象那天我做網站作到心情鬱悶，想說去家裏附近的咖啡館工作換個心情。當我開始找別人的網站來參考想法的時候，看到了一個英國的線上音樂學習網站，不管是設計美感或是功能上完全是我夢想中的水準！雖然很明顯是專業的網站公司製作的，而我只是一位素人正在模索我的第一個網站，可是還是忍不住會拿兩者來比較。
自己嚇自己真的很恐怖，當下的我突然好沮喪，覺得自己怎麼這麼差，甚至有種再也不想再看到自己的網站的厭惡感....因為不管再怎麼改，現有系統的極限大概就是那樣了。
聖誕節前夕真的滿低潮的，因為如果要突破的話，除了面對我做了一系列錯誤的決定之外，勢必得重新找新軟體、新平台，等於把既有的網站打掉重做，一切歸零。
第一次重來很痛，因為感覺自己努力兩個月多的成果像是一場泡泡，好像什麼也沒發生過。
來到1月心情持續低落，即使最後終於海選到一個我滿意的新系統，準備要捲土重來的時候，新系統的複雜程度以及跟其他外掛軟體的衝突，造成網站bug很多，發生了好幾次網站死當得重灌和回溯，好幾天的心血瞬間又沒有了，不進反退... 但是經歷了耶誕節破釜沈舟，我發現我的內心被訓練越來越堅強了！
接著，遇到自己架站初期還很脆弱的各種駭客攻擊、網站讀取速度過慢、不知道該如何客製化等等各種菜鳥障礙，老天都確保我都有經歷到。
我只能安慰自己，第一次做網站這麼跌撞應該都是正常的吧（苦笑）
雖然理性上我知道自己有一天一定會做完的，家人們也都全力支持，可是恐懼感會在睡覺前或是清晨一起床的時候襲來，那種什麼事情最後都是得靠自己解決，一關過了卻還有另外一關壓著我喘不過氣的心情讓我的脾氣跟自信心....該怎麼說呢，很委婉的形容的話，不是在最佳狀況。
好幾次我都想舉白旗放棄。可是已經走到一半，親力親為就是為了達到自己想要的目標，繼續堅持下去吧。
【 一線曙光 】
來到了3月跟4月隨著網站越來越上軌道，我的心情也跟著網站的進度慢慢回復正常，尤其是當我已經可以很輕鬆調整CSS和PHP改出我要的版型，或是解掉困擾我很久的技術bug的瞬間，忍不住鼓勵一下自己，
呼...有變厲害了唷！
做網站的過程有點像是玩黏土初胚，我每天看它、雕它、磨掉它的稜稜角角、補強他結構上的不足，看著我的待辦清單一項一項打勾，網站bug一個接一個被修正後，巧兒灶咖網路上的新家一點一滴的成型。
新網站在下星期一準備好跟大家見面，因為課程跟會員方案還在製作中的關係，網站的功能仍未全部開放，
但是!! 新網站有新增很多令人興奮的功能（都是過去很多巧手們跟我許願過的功能），我之後會陸續跟大家一一介紹～
下一階段會開始更投入製作烘焙課程和品項開發，攝影棚升級，目前會員方案尚未開放，初期為了維護系統的穩定跟保證會員服務品質，暫時不會跟所有人開放，有興趣想優先收到訊息的巧手們請到以下訂閱網址留下妳的Email，我會優先通知妳們：https://ciao.kitchen/waitinglist/
謝謝大家看完這麼長的心情文orz
css按鈕顏色 在 [問題] 請問改變按鈕按下後的顏色? - 看板Web_Design 的美食出口停車場
我想要做一個頁面，上面有幾個按鈕
按下按鈕會顯示不同的文字，這部分沒有問題
可是要如何改變按鈕被按下之後的背景顏色、字體等等屬性？
早上翻了一些文件，發現 css 好像只有定義 active/focus/hover
就是沒有類似 pressed/clicked 的可以用
不曉得有沒有什麼方法可以做到我想要的效果？
--
→ Microscft:北七 你去找一個要按ctrl-alt-del來登入的系統給我看 09/27 11:18
→ Microscft:找不到你就學大和田那樣跟我下跪 09/27 11:19
→ Microscft:幹你們一堆人是用哪個平行宇宙的電腦？ 睜眼說瞎話 09/27 11:23
→ Microscft:去做簽名檔啊 如果你們樂意這隻蛆爽到升天的話 09/27 11:35
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.177.1
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1422590889.A.BFE.html
... <看更多>