[HTML] #4 「網頁」模板資源 - antqtech/KM GitHub Wiki

練習切版重點

HTML結構

學習使用HTML標籤創建頁面結構,如div,header,nav,footer等。

CSS佈局

瞭解佈局方法,如使用float、position、flexbox或grid來配置元素的位置和尺寸。

響應式設計(rwd)

學習如何適應不同螢幕尺寸,以提供一致的使用者體驗。

練習網站資源

以下是依些可以學習的網站範例,可以依照自己的需求自己找範例去刻板,並把自己的練習放在KM的intern_excircise資料夾中。 也可以放入自己的code pen連結

themeforest

templated

Colorlib

Start Bootstrap

Code Pen

功能:

CodePen是一個線上的開發平台,讓開發者能夠編寫和分享前端網頁程式碼。它提供了一個直觀的環境,讓使用者能夠即時編寫HTML、CSS和JavaScript代碼,並立即在瀏覽器中預覽其效果。

連結