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

2023/05/15閱讀時間約 1 分鐘

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)

更多相關教學文章

為什麼會看到廣告
11會員
30內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
發表第一個留言支持創作者!