一、我的 Pipeline（製作流程）
本次作品的製作流程，首先是確定主題與內容方向，接著使用 AI 工具（如 ChatGPT、Kiro）協助整理資料與發想內容。在完成文字內容後，我使用 HTML 建立網站架構與排版，將文字、圖片與設計整合成網頁形式。最後，我將完成的作品整理並上傳至 GitHub，完成整體發布流程。

二、Demo：作品成果展示
本次作品主要分為三個部分，包括 WordPress 新聞文章、GitHub 網站作品，以及 HTML 圖卡設計作品。
📌 WordPress 新聞文章：
https://cocorico.info/blog/2026/06/04/深夜洗衣服較便宜？台電解答夏季電費怎麼算！吹/
📌 GitHub 網站作品：
https://a113010251-a11y.github.io/homework.github.io/index.html
📌 HTML 圖卡設計作品：
file:///Users/yanyijun/Downloads/card-1-cover.html
此連結要複製才能打開

三、使用工具與原因

• ChatGPT：協助整理資料、撰寫內容與修改文字
• Kiro：協助檢查並修正 HTML 程式碼
• HTML：用於建立網站架構與版面設計
• GitHub：用於發布網站與儲存程式碼
• WordPress：用於發布新聞文章與內容呈現
• 這些工具讓整體製作流程更加順利，也提升了效率。

四、最困難的部分與解決方式

在製作過程中，最困難的部分是 HTML 排版與程式錯誤調整，例如圖片位置跑掉或版面不整齊的問題。

後來透過 ChatGPT 與 Kiro 協助檢查程式碼，並不斷測試與修改，逐步修正錯誤，最終成功完成整體網站作品。

五、如果重來一次會怎麼改

如果能重新製作一次，我會更早進行整體規劃，讓網站設計更一致，同時加入更多視覺設計與互動效果，使作品更完整且更有吸引力。此外，也會提早完成內容準備，提升整體作品品質。

結語

透過這次期末作品，我學會如何運用 AI 工具輔助學習、使用 HTML 建立網站，以及透過 GitHub 發布作品。這次的學習不只是技術上的提升，也讓我更了解數位內容製作的完整流程。