圖畫變網頁· P.1–3 我的故事

圖畫變故事
故事變網頁

我是一個 P.1–3 的學生。
我畫了 4 張圖，用 AI 變成故事書，
再將故事書變成屬於我的個人網站！

查看我的故事 → 我的作品集

向下滾動 ↓

My Creative Journey · 我的創作歷程

四張圖畫，一個故事

由構思故事到展示作品，我用四張手繪圖畫，配合 AI 技術，創作了屬於自己的故事書與網站。

💭 開始 · Begin

我想說一個甚麼故事？

第一步是計劃！我坐下思考，用第一張圖畫記錄我的故事靈感。同時用 HTML 製作了我的第一張個人名片卡。

⚡ 比較 · Compare

哪個方向更好？

我畫了幾個方向，比較哪個故事最有趣、最值得表達。選擇好方向，先開始畫齊 4 張連環故事圖！

🎨 創作 · Create

畫出我的故事！

畫齊 4 張圖之後，放入條幅輪播，加上顏色與背景設計。再用 AI 將圖畫變成故事書文字！

🌟 展示 · Present

向全班展示！

將故事書放上個人網站，加入聯絡資料。最後一日，我向同學和老師分享整個創作旅程！

Course Lessons · 課程內容

六堂課，六個突破

由第一張圖畫到最後展示日，每一堂都是新的冒險，一步一步建立屬於自己的數碼故事。

🖼️ 一張圖畫 + HTML 名片

畫出第一張代表自己的圖畫，學習用 HTML 整個人名片卡，是我第一個網頁！

📖 計劃故事 + 4 張圖 + 輪播

構思一個完整故事，畫出 4 張連環圖，再放入相片輪播，讓故事動起來！

🎨 條幅設計 + 上色 + 背景

將 4 張圖放入跑馬燈條幅，選擇顏色心理學配色，設計專屬背景風格。

🤖 AI 生成故事書 + 聯絡

用 AI 將 4 張圖變成一本真正的故事書！再加入聯絡資料，令作品更完整。

🌐 上載網站 + 個人模板

將故事書上載到自己的個人網站，用老師的模板設計獨一無二的作品集頁面。

🎤 展示日！

向全班同學和老師展示自己的故事網站。分享創作過程，接受掌聲鼓勵！

What I Learned · 我所學會的

數字說故事

六堂課完成後，我學會的不只是技術，還有設計思維、AI 應用及創意表達。

6 堂課程

4 張故事圖畫

1 本 AI 故事書

1 個屬於我的網站

🖼️

圖畫故事的起點 從單一圖像到四格連環圖，我學會了運用視覺順序說述一個完整的故事，每一張圖片都深具意義。

🎨

顏色心理學 橫幅設計與背景顏色，會直接影響觀眾的感受。設計是一種溝通的語言！

🤖

AI 是我的創作夥伴 運用 AI 將我的圖畫轉化為故事文字，AI 協助助我擴展創意，而不是取代我！

🌐

我是小小網頁設計師師 運用 HTML 模板，我建立了專屬的個人網站並發佈至互聯網，讓全世界都能看到！

My Portfolio · 我的作品集

這就是我的網頁

這是用六堂課設計的作品集，包含名字、四張故事圖的淡入淡出輪播、跑馬燈與聯絡資料。全部皆由我自己設計！

abc.website.me

✨ 我的名字✨

Welcome to my portfolio :) · 歡迎來到我的作品集 :) · Welcome to my portfolio :) · 歡迎來到我的作品集 :)

🎬 故事片段 My Story Video

✉️

Email 電郵 you@example.com

📱

Phone 手機 +852 1234 5678

圖畫變故事
故事變網頁