CSS reset
CSS reset 設定
設計稿字型載入設定
字型設定網址
CDN
CSS 設定範例
圖片連結
線上網址圖片,這裡六角已經上傳到
圖片空間
,本次作業圖片都放在
online-test/2024-web-layout
資料夾,網址如下:
https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/**online-test/2024-web-layout/**image1.png
https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/**online-test/2024-web-layout/**image2.png
https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/**online-test/2024-web-layout/**image3.png
https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/**online-test/2024-web-layout/**image4.png
可參考的文件資源
Bootstrap5 文件
(使用 Bootstrap 開發者,建議使用 5.3 版)
w3schools 文件
(使用手刻者,可以在此文件內查詢相關語法)
實作題檢核點
HTML 標籤依照語意使用
表單結構正確