Changee Learning Path - 製作第一個靜態頁面
在網路的時代，我們在開始學習新領域時，可以透過 Google 找到許多學習的「資訊」，然而過多的資訊反而無法判斷什麼才是適合自己的「資源」。現有的學習資源非常豐富，但卻散落在各處，使得「自我學習」時總是花費大量時間在搜尋適合自己的資訊。因此我們希望能夠建立 Changee Learning Path「學習路徑平台」，整合資源與資訊，透過「學習分類帽」、「學習軌跡」、「實體資源」三個主要項目，建立方便自學的「學習路徑平台」。
在網路的時代，我們在開始學習新領域時，可以透過 Google 找到許多學習的「資訊」，然而過多的資訊反而無法判斷什麼才是適合自己的「資源」。現有的學習資源非常豐富，但卻散落在各處，使得「自我學習」時總是花費大量時間在搜尋適合自己的資訊。因此我們希望能夠建立 Changee Learning Path「學習路徑平台」，整合資源與資訊，透過「學習分類帽」、「學習軌跡」、「實體資源」三個主要項目，建立方便自學的「學習路徑平台」。
完成個人履歷
好像很多東西，別擔心，一步一步來
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
// CSS 樣式, js 程式
</head>
<body>
// 頁面裡面的內容
</body>
</html>
運用標籤來告訴瀏覽器內容的結構與語意
Changee
<h1> 起始標籤</h1> 結尾標籤<p>在網路的時代，我們在開始學習新領域時，可以透過 Google 找到許多學習的「資訊」，
然而過多的資訊反而無法判斷什麼才是適合自己的「資源」。
現有的學習資源非常豐富，但卻散落在各處，使得「自我學習」時總是花費大量時間在搜尋適合自己的資訊。</p><em> 強調<strong> 重要<br> 換行<ol>與無序清單<ul><ul>內容彼此間沒有順序關係（採買清單)<ol>內容有順序關係（課程章節、行事曆）<li>要包在裡面
<ul>
<li>什麼是前端？</li>
<li>為什麼要學前端？</li>
<li>前端的美好，引發學前端的慾望。</li>
<li>如何自學前端開發。</li>
<ol>
<li>線上教學資源</li>
<li>書籍</li>
<li>每天需要追蹤的資訊</li>
<li>哪些可以參加的活動</li>
</ol>
<li>網站產生器</li>
<li>前端開發工具簡介</li>
</ul>
Source: Learn To Code
<標籤名 屬性1="值1" 屬性2="值2"><input type="email"><input type="email" placeholder="Your email"><input type="submit">屬性就像是每一個標籤的選項
<a target="_blank" href="https://www.facebook.com/changeeinfo">
CHANGEE粉絲團
</a>
<img src="../img/changee_logo.jpg" width="120" height="120" alt="Changee">
<img src="../img/changee_logo.jpg" style="margin-top: 50px" alt="Changee">
<style>
h1 {
font-size: 72px;
}
</style>
Source: W3Schools
background-attachment, background-clip, background-position, background-repeat, background-size 跟背景有關的內容很多，多用經驗才會多。
px 與 em 的不同
Box-shadow 產生器：CSS3 Box Shadow Generator
可以玩的東西太多了，修行看個人。
git clone https://github.com/psdmac/Changee-learning-path.git
git add . // 將所有檔案加入管理
git commit -am "first commit"
git push origin master
git log
git checkout -b gh-pages
git push origin gh-pages
下週課程 - 排版的技巧