|
馬克褚工作室，最新課程： 😁2026/9/24週四，線上課程，至少五週。Garmin BaseCamp，手機GPS進階必學，gpx管理最佳利器，學會之後，您每天都會離不開它！。 😁2026/8/23週日，【手機GPS完整的九小時課程，iPhone的山林日誌，台北】離線地圖保證你不迷路，完整的室內和戶外課程|新北市|104高年級 😁2026/8/30周日，【手機GPS完整的九小時課程，Android的OruxMaps與綠野遊蹤，台北】離線地圖保證你不迷路，完整的室內和戶外課程|新北市|104高年級 ✈請參考以下連結： https://www.markchoo.com.tw/class |
使用Gemini製作網頁，首部曲，範例測試
選單 | 此為最新版 | 回文件資料庫 | 教學資料| 文件編號：1002 | ||
| 版本：1.00 ， 狀態：OK （最後修改日期：2026/07/17 - 13:26:03） 版本說明：無 | ||
|
YouTube影片完成度：100%
 |
||
本文件描述［使用Gemini製作網頁，首部曲，範例測試］，其他Gemini文件，請見：
AI學習（人工智慧Artificial Intelligence）
影片說明：
重點說明：
- 最近AI的發展一日千里，已經可以開始製作網頁了。藉由［104高年級］平台的課程協助，測試了首次的網頁產生。馬克經驗：4728.課程：【104高年級老師】熱門課程全攻略 —— 教學設計的「關鍵細節」與 AI 備課支援－持續學習（2026/07/14，週二）
- 產生的網頁很是眩目，重點是，給AI的指令越清晰，結果越是明確。
-
步驟：
-
Gemini按［＋］，選［Canvas］。
-
輸入兩段，兩段合在一起。指定要輸出到網頁。請到以下［指令參考］區段複製。
-
網頁規格描述（共用），每組另有不同網頁用途的題目（專用）。
-
-
輸出html網頁。輸出的原始程式可自行更改。以下附上D組產生的網頁範例。下載：連結
-
圖文說明
-
Gemini按［＋］，選［Canvas］。
-
輸入兩段，兩段合在一起。指定要輸出到網頁。
- 網頁規格描述（共用），每組另有不同網頁用途的題目（專用）。
-
輸出html網頁。輸出的原始程式可自行更改。下載：連結
指令參考
共用部分
你現在是一位資深的「104高年級課程行銷顧問」與「精通 Tailwind CSS 的資深前端網頁工程師」。
我會提供你一份課程的原始大綱，請幫我同時完成兩件事：
【暖心文案優化與標題改造】：
針對 55 歲以上的熟齡學員，將這份資料改寫成「真誠、好懂、有說服力」的課程介紹。
黃金標題優化規則（極重要，請嚴格判斷課程類型並套用以下公式，標題必須讓學員在 3 秒內判斷是否適合自己）：
若為【學習類】課程：使用「適合對象 ＋ 教學內容 ＋ 獲得成果」公式。且標題中必須包含「零基礎」、「新手OK」、「手把手教學」等安心關鍵字。
例如：「零基礎！解鎖用ChatGPT製作質感早安圖卡」、「手機拍美食，一學就上手」
若為【導覽類】課程：使用「【地點】＋ 特色 ＋ 獨特體驗 ＋ （適合對象/難度標記）」公式。
例如：「【台北】大稻埕百年風華：走訪私房洋樓，品味黃金茶香（平緩好走）」
語氣自然：像是在跟老朋友聊天，避免生硬的政令宣導，也不要用浮誇或過度熱情的網紅詞彙。
視覺減負：將資訊結構化、多用白話文解釋專有名詞。
三大板塊內容改寫：
課程介紹：以溫暖的故事起頭，點出熟齡族的生活痛點，並說明這門課如何作為溫暖的生活引路人。
課程亮點（必須為列點式）：精煉出 3 個核心優勢，每個亮點開頭加上一個親切的 Emoji（如 🌱, 💬, 📝），並用「🌱 標題：描述」的由上而下列點方式呈現。
導覽學習路線：依時間或小時，將學習步驟理順（如：第一小時...、第二小時...）。
【生成高質感單頁網頁】：
請幫我將上述優化後的文案，填入一個完整的、可直接預覽的 RWD 單頁網頁代碼（HTML + Tailwind CSS + JavaScript）中。
網頁的視覺與功能架構必須嚴格符合以下規格：
色調風格：使用 104 高年級經典的暖橘色系統（如：主色 #ff6c00，輕微背景 #fffbf2）。
頂部導覽列：高年級風格 Logo（104高年級）、探索與登入按鈕。
課程標題與定位區：麵包屑導航、經黃金公式優化過的大標題、分類標籤（如：線上直播｜數位科技）、收藏按鈕。
精美主圖區：具備高質感（104風格）的主視覺大圖。
左側主內容（嚴格限制只保留以下三個區塊，其餘不相關的規格文字、講師介紹皆移除）：
課程介紹：溫暖共鳴的故事。
課程亮點：上述的「由上而下精美列點式（Bulleted List）」排版，不使用卡片群，保持閱讀流暢。
導覽學習路線：使用「垂直虛線時間軸（Dashed Timeline）」呈現每小時的進度。
右側浮動報名卡（PC端 Sticky 固定，手機端自動移至下方）
以下是我的原始課程資料，請直接為我進行優化並輸出唯一的、完整的 HTML 檔案：
【原始課程資料】A組
原來名畫可以這樣看！走進印象派的藝術世界
課程資訊
開課日期：2026/10/03（六）14:00－17:00
上課地點：104 高年級共享空間（台北市中山區）
課程費用：NT$699
招生人數：12－25 人
課程介紹
印象派是西方藝術史中相當重要的流派，也是許多人接觸藝術時最常聽到的名詞。本課程將帶領大家認識印象派的發展背景，介紹莫內、雷諾瓦、竇加等重要畫家的創作特色，以及不同作品的表現手法。
課程中將透過大量名畫欣賞，說明光線、色彩與構圖在印象派作品中的運用，並介紹畫家創作時代背景與藝術風格，幫助學員建立藝術欣賞的基本概念。
希望透過這堂課，讓大家更加認識印象派藝術，提升美學素養，並培養欣賞藝術作品的能力。
課程特色
認識印象派重要畫家與作品。
了解印象派的發展歷史。
培養藝術欣賞能力。
課程流程（3 小時）
14:00－14:40｜印象派的誕生
介紹印象派發展背景與重要代表人物。
14:40－15:40｜名畫欣賞
分析代表作品的色彩、光線與構圖特色。
15:40－16:40｜畫家與創作故事
介紹畫家的創作歷程與作品特色。
16:40－17:00｜交流與討論
分享欣賞心得，老師回應提問。
【原始課程資料】B組
留住旅行回憶：用水彩畫下美好的風景
課程資訊
開課日期：2026/09/05（六）14:00－17:00
上課地點：104 高年級共享空間（台北市大安區）
課程費用：NT$899（含基本水彩材料）
招生人數：10－16 人
課程介紹
旅行時，我們總會拍下許多美麗的風景與難忘的回憶，但照片往往只是存放在手機裡，很少有機會再次翻閱。如果能親手將旅途中看見的景色，用畫筆慢慢描繪下來，不只是留下回憶，也能重新感受當時的心情與感動。
這堂課將帶領大家認識水彩的基本工具與技法，從色彩搭配、渲染技巧到簡單構圖，一步一步學習如何將旅行照片轉化成一幅溫暖的水彩作品。老師會現場示範每一個步驟，帶領大家完成創作，即使沒有繪畫基礎，也能體驗水彩創作的樂趣。
課程中將以旅行風景作為創作主題，透過實際練習熟悉水彩的表現方式，完成一幅屬於自己的作品。希望大家透過這堂課，不僅學會水彩的基本技巧，也能在忙碌的生活中找到一段放鬆創作的時光，將旅行中的美好回憶，以另一種方式保存下來。
課程特色
零基礎也能學習水彩創作。
老師現場示範，帶領大家一步步完成作品。
學習水彩基本技巧與旅行風景創作。
課程流程（3 小時）
14:00－14:30｜認識水彩工具與基本技巧
介紹水彩顏料、畫筆及基本上色方式，熟悉工具使用。
14:30－15:20｜色彩與渲染練習
練習色彩搭配、漸層與渲染技巧，建立基礎繪畫能力。
15:20－16:40｜旅行風景創作
依照老師示範，以旅行照片為主題完成一幅水彩作品。
16:40－17:00｜作品分享與交流
展示作品，分享創作心得，老師提供建議與回饋。
【原始課程資料】C組
植感生活：乾燥花玻璃夜燈手作
課程資訊
開課日期：2026/09/19（六）14:00－17:00
上課地點：104 高年級共享空間（台北市信義區）
課程費用：NT$1,280（含所有材料）
招生人數：10－18 人
課程介紹
生活中有許多值得收藏的美好時刻，如果能親手完成一件溫暖的小作品，不僅能妝點居家空間，也能為生活增添更多儀式感。
這堂課將帶領大家運用乾燥花材與玻璃燈罩，製作一盞屬於自己的乾燥花夜燈。課程中將介紹花材搭配、色彩配置及基本黏貼技巧，並透過老師示範與實作練習，完成一件兼具美感與實用性的手作品。
無論是擺放在客廳、臥室，或作為送禮小物，都能展現自己的創意與巧思。歡迎一起體驗手作的樂趣，享受慢慢完成作品的成就感。
課程特色
零基礎也能完成乾燥花夜燈。
老師示範每一個製作步驟。
完成一件屬於自己的手工作品。
課程流程（3 小時）
14:00－14:30｜材料介紹與工具認識
認識乾燥花材、玻璃燈罩及基本工具，說明製作流程。
14:30－15:20｜花材搭配與配置
學習花材配色與擺放方式，完成夜燈設計。
15:20－16:40｜夜燈組裝製作
依照老師示範完成花材固定、燈罩組裝及細節調整。
16:40－17:00｜作品展示與分享
欣賞彼此作品，交流製作心得。
【原始課程資料】D組
雲端神隊友：3 小時打造你的 Google Gemini 生活助理
課程資訊
開課日期：2026/08/18（二）14:00－17:00
上課方式：104 高年級線上教室（Google Meet）
課程費用：體驗價 NT$499／人
招生人數：8－25 人
課程介紹
你是否曾經聽過 AI，卻不知道該如何開始使用？想試試看，又擔心自己學不會、跟不上嗎？這堂課將帶領大家認識 Google Gemini，透過老師一步一步示範與實際操作，學習如何與 AI 對話，並應用在日常生活中。
課程中將練習使用 Gemini 查詢資料、整理資訊、規劃旅遊、撰寫文章，以及生成文字與圖片，讓 AI 成為生活中的好幫手。無論是想提升生活便利性，還是對 AI 感到好奇，都歡迎一起來體驗，認識這項新工具的應用方式。
課程特色
從零開始，沒有基礎也能學習。
老師一步一步帶領操作。
學會 Google Gemini 的基本功能與應用。
課程流程（3 小時）
14:00－14:30｜認識 Google Gemini
認識 Gemini 的功能，完成帳號登入與基本設定。
14:30－15:30｜AI 基本操作
學習如何與 AI 對話，體驗文字生成與資料查詢。
15:30－16:30｜生活情境應用
利用 Gemini 協助規劃旅遊、整理資訊、撰寫文章及生成圖片。
16:30－17:00｜成果分享與 Q&A
分享操作成果，老師回覆問題。
【原始課程資料】E組
走進海岸地景：探索石梯坪的自然與人文故事
課程資訊
開課日期：2026/10/24（六）08:30－12:30
集合地點：石梯坪遊憩區入口停車場
課程費用：NT$850
招生人數：15－25 人
課程介紹
石梯坪位於花東海岸，是臺灣東部著名的海岸地質景觀，也是認識海岸地形與自然生態的重要場域。本課程將帶領大家走訪石梯坪周邊步道，介紹海蝕平台、壺穴、海蝕溝、單面山等特殊地形，並認識海岸植物、潮間帶生物及當地自然環境。
課程中將介紹菲律賓海板塊與歐亞板塊碰撞所形成的地質特色，以及珊瑚礁岩、海蝕作用及海岸地貌的演變，並分享花東海岸地質公園的形成背景與保育觀念。同時也將介紹阿美族傳統生活文化、漁撈方式及人與自然共存的智慧，讓大家從自然、生態、文化等不同角度深入了解石梯坪。
透過實地走訪與現場解說，希望大家更加認識花東海岸豐富的地質景觀與自然生態，感受臺灣東海岸的自然魅力。
課程特色
認識石梯坪特殊地質景觀。
了解花東海岸自然生態。
深入探索地方文化故事。
課程流程（4 小時）
08:30－09:00｜集合與路線介紹
介紹石梯坪地質公園及今日走讀路線。
09:00－10:00｜海岸地形導覽
介紹海蝕平台、壺穴、單面山等地形特色。
10:00－11:00｜潮間帶與海岸植物
認識潮間帶生物及海岸植物生態。
11:00－12:00｜阿美族文化與聚落故事
介紹當地歷史、人文及生活文化。
12:00－12:30｜交流分享
分享心得並回答學員提問。
文件資訊：