學習如何用HMTL5和CSS3，跟JayLin一起做一個NFT卡片完整課程

Part 1 - 初步介紹編譯器使用以及HTML5 | CSS

初學者學習HTML5和CSS3不知道從哪裡開始，這次Jay帶你來做個NFT卡片，一次完整教學案例來理解HTML5和CSS3

學習重點:

• 編譯器 (Visual Studio Code)介紹
• 如何從設計檔案轉到程式碼
• 路徑和架構介紹

Part 2 - 優化你的HTML5 | CSS

上一集Jay帶你來做個NFT卡片用HTML5 & CSS3，這次教你如何優化你的CSS3

學習重點:

• 優化你的程式碼
• CSS3架構以及排版

Part 3 - 學習CSS3動畫效果

在優化你的CSS3後，這集教你如何做CSS3動畫效果

學習重點:

• 如何用CSS3製作動畫效果

Part 4 - 學習響應式設計(Responsive Design)

這集教大家關於響應式設計概念以及如何實作在NFT卡片上

學習重點:

• 響應式設計(Responsive Design) 重要性
• 如何實施響應式設計在NFT卡片專案上

總結

JayLin希望透過這四集影片介紹，你能更了解編譯器使用

HTML5和CSS3有趣的玩法😃

• HTML5和CSS3架構
• 優化你的專案
• CSS3動畫效果
• 響應式設計(Responsive Design)

---

更多相關教學文章

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/