iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0

設計網頁前,我們可以熟悉一下並練習(像小時候考試前一定都會寫習作對吧!)
今天會利用w3school來指示一下!今天先分享一些練習的網頁
1. Frontend Mentor
這個網站提供多種網頁設計挑戰,讓你透過實踐練習 HTML、CSS 和 JavaScript。挑戰分成不同的難度等級,並且提供設計範本,你可以模仿實現,甚至加上自己的創意。
網站:frontendmentor.io
2. CSSBattle
這是一個有趣的網站,專門針對 CSS 的練習。每個關卡都是一個圖形挑戰,你必須透過純 CSS 寫出相同的視覺效果。這個練習可以極大地提升你對 CSS 的掌控。
網站:cssbattle.dev
3. CodePen
CodePen 是一個即時編輯器平台,適合前端設計與開發的快速原型製作。你可以創建自己的項目,與社群分享並獲得反饋,也可以參與他們的挑戰,練習新的技巧。
網站:codepen.io
4. Dribbble
雖然 Dribbble 主要是設計師作品展示的平台,但你可以在上面找到許多網頁設計靈感,並模仿或練習這些設計,增強視覺設計和排版的能力。
網站:dribbble.com
5. FreeCodeCamp
提供全面的網頁開發課程,涵蓋 HTML、CSS 和 JavaScript。練習環節以實際項目為基礎,適合從零開始或進階的學習者。
網站:freecodecamp.org
https://ithelp.ithome.com.tw/upload/images/20240923/201683573V6ICSeAYY.jpg
以上就是相關的練習~
接下來幾天來練習一下這些網站吧!


上一篇
SASS?SCSS?到底是什麼?
下一篇
DAY10 Wait!!!完成一個完整的網站需要什麼?
系列文
一個網頁的誕生!教你從基礎到自行完成設計網站12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言