前一篇有簡單介紹自己、參賽原因及提及主題
今天要來說明這次主題的大綱及預計會有的內容，首先先提供作為範例的我的線上作品集參考。
那就開始吧！
Luna的線上作品集

使用工具、軟體

這些是這次製作網站主題中會用到的工具及軟體，詳細使用方法會在後面的章節一一說明，並推薦一些自己覺得好用的工具、套件。

• Pinterest 等靈感網站 — 發想
• Figma — 設計稿
• VSCode — 程式編寫
• Bootstrap — RWD基底
• Git、GitHub — 控版
• GitHub Page — 網站上架

章節內容

依據網頁設計基本流程，定下了預計會有的章節內容，這裡簡略說明，有可能會依據狀況調整。

網頁設計基本流程

• 前言、大綱
  • 前言 — 自我介紹、參賽原因
  • 主題大綱介紹 — 使用工具、預計內容
• 靈感、風格、制定方向
  • 找尋靈感
  • 如何制定網站內容？ — 想放的內容、作品整理
• 草稿、Figma設計稿(Wireframe)
  • 手畫草稿、網頁基本編排
  • Figma教學
• 切版前知識
  • VSCode使用方法、插件推薦
  • Html教學
  • Css教學
  • RWD基本介紹、大小版規劃
• 開發過程
  • 切版順序、共用Layout
  • RWD製作
  • Bootstrap教學、應用
  • 好用套件推薦
  • 微互動
• Git、GitHub Page
  • Git介紹、GitHub版控
  • GitHub Page上架
• 結語、心得

其實我的作品集裡面有使用到GSAP的動畫設定，他能製作更滑順、滾動式動畫，但因為章節限制且我自己對於GSAP也沒有到熟練，所以我選擇更詳細講解細項，若未來有機會再來介紹GSAP吧！