1. 作品集網站

• 目的：

  旨在展示個人專業技能和項目經驗，作為求職過程中的技術展示工具。網站涵蓋了 HTML、JavaScript、C# 等程式語言，反映了網頁開發的專業能力。

  • 展示技能：能夠展示技術能力和創意設計。
  • 項目經驗：強調專案經驗及技術應用。

  網站展示了網頁設計和開發中的實際應用，包括：

  • HTML與CSS設計：展示網頁佈局、色彩搭配和視覺效果。
  • JavaScript功能：展示互動效果，如動態內容展示和用戶互動。
  • 具體專案：
    • 購物車功能：展示了處理用戶輸入和計算邏輯的能力等。
    • 互動遊戲：如貪吃蛇，展示了使用 JavaScript 開發互動遊戲的技能。

2. 設計與體驗

• 設計主軸：
  • 設計理念：網站以宇宙為主題，背景圖片和功能融入宇宙特效與色彩互動。
  • 風格：使用創新和現代化的設計元素，展示技術能力，並提高視覺吸引力。
  • 用戶體驗：
    • 創新性：重點放在創新性和技術嘗試上。
    • 最終目標：吸引人的設計和功能展示個人技能和專業。
  • 網站體驗核心：
    • 易用性：卡片元素和區域劃分清晰，幫助用戶快速找到所需信息。
    • 互動性：按鈕和觸覺回饋增強操作直觀感受。
    • 反應速度：使用 Lazy Load 優化加載速度，提升性能。
    • 視覺設計：使用對比色強調視覺吸引力。

3. 技術

• 技術：
  • HTML、CSS、JavaScript：這些技術如何幫助實現網站功能。

3-1主要網站功能介紹：

• 導航欄設計：使用 CSS transform 縮放效果。
• 懸浮視窗：使用 CSS 模式與 JavaScript 開啟動畫。
• 搜尋功能：JavaScript 動態搜尋與自動滾動。
• 圓餅圖：使用純 CSS 的 conic-gradient。
• 圖片展開縮放：CSS transform 和 transition。
• 按鈕互動：使用 CSS ::before 和 ::after 虛擬元素。

3-2作品區主要作品功能介紹：

• 購物車系統：
  • 功能：處理商品選擇、數量變更和總金額計算。
  • 技術：JavaScript 和 CSS。
• 煙火特效：
  • 功能：煙火效果的圓形素材擴散和下墜。
  • 技術：JavaScript 和 CSS。
• 貪吃蛇遊戲：
  • 功能：控制蛇的移動和食物生成。
  • 技術：JavaScript 和 CSS。
• 影音播放器：
  • 功能：音頻播放、暫停、調整音量和進度。
  • 技術：HTML、CSS 和 JavaScript。

4.日程安排：