第四次上課心得

這次上課使用到Materialize，它是一個素材的框架，可以很方便的去寫一個網頁。
它可以將網頁RWD化，可以在手機或電腦上看網頁。
首先可以下載網頁的zip檔就可以使用，這次上課有用到幾個html的元素，下面會介紹每一個元素。

1. link


link是定義檔案與外部資源的關係，可以將CSS的style sheet連接到檔案裡面，就不會寫在html檔案裡面。
2. nav


nav可定義一個導覽列。就是在網頁頂端的一行。
3. ul


ul 是指unordered list，是定義無序列表。而ul裡面要夾一個<li>...</li>才能正常使用。
4. material icon


有時候在網頁裡會有需要用到icon，所以google有幫我們畫了一些icon，我們可以直接換html裡的程式碼就可以換icon了，不用特別去下載圖片，非常方便。
5. Cards


Cards是一個非常方便的方法去顯示網頁的內容，就像有一個漂亮的框框去顯示網頁的內容。
6. grid


網頁可以分為12個column，因為RWD的關係，所以我們不能將內容固定為px，所以我們改class裡的數字來修改它的大小，而s是代表小的裝置，m是代表中型以上的裝置。
如果class裡面寫了"s12 m4"的話，就代表小的裝置佔了12個column，中型以上的裝置佔4個column。
7. footer


footer是定義網頁的頁腳，包含檔案的作者、版權信息、聯繫信息等等。
8. color


它可以定義網頁的顏色，透過改變class裡面的參數就可以改變顏色，我們可以用網頁所提供的Color Palette去修改參數。
9. 迴圈


當我們發現我們某幾段程式長得非常像，我們就可以使用for 迴圈把程式化簡。

最後，這是我這次的作業：https://jsfiddle.net/e7zn7ytv/1/