課堂進度
第 1 站 認識 Vibe Coding 未完成第 2 站 選擇網站主題 未完成第 3 站 生成第一版網站 未完成第 4 站 網站升級 未完成(現在這一站)第 5 站 Debug 網站修理站 未完成第 6 站 五項網站快檢 未完成第 7 站 Padlet 星光作品展 未完成第 8 站 成果分享及頒發證書 未完成
0/8 站完成
第 4 站/8⏱ 30–45 分鐘未開始
網站升級
顏色、文字、卡片、圖片、按鈕
🎯 這一站要達成
為網站加入至少一項升級:改顏色、改文字、加卡片、加圖片或加按鈕功能。
完成後你會擁有:一個獨一無二、和別人不同的網站。
🧭 本站路線
先完成下方活動,最後在頁底確認及蓋章。
0/3
- 1在下面升級清單中選一項,複製升級提示詞。
- 2貼入 Lovable 送出,等新版本出現。
- 3確認升級真的出現了,再選下一項(每次只改一項)。
網站升級清單
每次只選一項,複製提示詞貼入 Lovable。
改顏色
我想把網站主色改成薄荷綠配白色,重點按鈕用橙金色,並確保文字和背景高對比。
改文字
我想把歡迎區塊的標題改得更有活力,並把全網正文字體加大,方便小學生閱讀。
加卡片
我想在主要內容區加 3 張卡片,每張有標題、一句介紹和一個「看更多」按鈕。
加圖片
我想在歡迎區塊加一張大圖片,並在每張卡片上方加一張配圖,圖片要圓角。
加按鈕功能
我想加一個按鈕,按下去會捲動到最底的頁尾;按鈕要大、圓角、有陰影。
加小遊戲
我想加一個 3 題的問答小遊戲,答對會顯示鼓勵句,答錯可以再試一次。
玻璃擬態
我想把整體風格改成玻璃擬態:半透明卡片、輕微模糊背景、柔和陰影。文字要保持高對比、字體要大、按鈕邊界要清楚。
校園藍圖
我想把整體風格改成校園藍圖:深藍底、白色格線、手繪標註感。文字要保持高對比、字體要大、按鈕邊界要清楚。
粉彩黏土
我想把整體風格改成粉彩黏土:柔和粉色、厚厚圓角、立體軟軟的按鈕。文字要保持高對比、字體要大、按鈕邊界要清楚。
✅ 完成確認(0/3)
做到一項才剔一項;剔齊後便可在下面蓋章去下一站。
