名片與履歷表實作

名片連結 履歷表連結
—

(A)程式學習到的事情：

• (1) HTML & CSS 觀念與實際運用
  • 了解 relative & absolute 的運用
  • box-model 意義 與 border-box 代表意義
  • inline & block 涵義
• (2) 排版與切版邏輯
  • 了解先將網頁切成大版塊
  • 並去思考此版塊內有多少元素並定義其 id or class
• (3) transition 如何使用與如何置中

(B)程式描述：

利用實作出履歷表與名片版面更了解如何操作 HTML & CSS 去達到所想要的版面配置

履歷表與名片實作心得記錄

解題想法與概念：

1. 由上到下去畫畫圖，用紙筆畫出你有幾個畫面，想怎樣呈現
2. 定義好你有哪些大區塊，想好各區塊要用什麼 class 去定義 CSS
3. 做大區塊中的小區塊定義，一樣想用什麼 class定義CSS
4. 由上到下慢慢修飾，會慢慢有輪廓，不要細修，先雕輪廓
5. 細修與調整細節