一頁式最終作業

Figma 設計稿

• 一頁式網頁切版設計

使用技能

• HTML5
• CSS3

學會技能

• HTML5 :

  1. head 區塊內放置網頁的 metadata。
  2. body 區塊內放置網頁內的主要功能。
  3. 網頁設計建議符合 header、content、footer 等區塊進行設計。
  4. 有相同重複項目時，可善用 ul、li 的特行進行切版。
  5. 學習 table、form 的區塊設計。

• CSS3 :

  1. 使用 flexbox 進行網頁布局設計。
  2. linear-gradient 漸層效果設計。
  3. hover 等互動應用設計。
  4. logo 可藉由 h1 + background、text-indent、overflow、white-space 來放置內容。