履歷切版最終作業

Figma 設計稿

• 履歷切版設計

使用技能

• HTML5
• CSS3

學會技能

• HTML5 :

  1. head 區塊內放置網頁的 metadata。
  2. body 區塊內放置網頁內的主要功能。
  3. 網頁設計建議符合 header、content、footer 等區塊進行設計。
  4. 有相同重複項目時，可善用 ul、li 的特行進行切版。
  5. 學習 table、form 的區塊設計。
  6. 善用 h1、h2、h3 等各語意的標籤作設計。
  7. 使用 font awesome 的 icon 來設計網頁。

• CSS3 :

  1. 使用 flexbox 進行網頁布局設計。
  2. hover 等互動應用設計。
  3. logo 可藉由 h1 + background、text-indent、overflow、white-space 來放置內容。
  4. nth-child 偽類選擇器來指定基數、偶數的項目的設計。
  5. position 的 absolute、relative、fixed 等定位方式設計元素擺放位置。
  6. 使用 ::before、::after 等偽元素來設計履歷時間軸。