2017.01.11

→期末作業←

2017.01.04

→作業←

2016.11.30

 →作業1←

→作業2←

今天的主題是製作Youtube的播放清單，認識用來嵌入影片的HTML碼以及Youtube Data API。這次只有先將老師給的程式碼做修改，下周才會學習到如何申請與應用。每次的課程都有新的收穫，讓我期待每一堂課的到來：）

林明錦

2016.11.23

今天延續上週的資料列表，實際應用在痞客邦(Pixnet)網站上。我們可以將指定分類的熱門文章、最新文章及近期熱門文章列出。

1.   首先，利用痞客邦網站上介紹的方法取得所想要分類的JSON，並利用特殊網站做整理。

2.   將取得的JSON網址放到W3School中用來取得元素的程式碼中。

3.   經過對比各項元素：作者(User.display_name)、標題(Title)、標籤(Tags)、圖片(Thumb)、網址(Link)，加入程式碼中。

4.   最後與上次的成品對照合併即可顯示列表。

→作業←

林明錦

2016.11.16

網頁的設計需要很多背景知識，因為還沒學過JAVA及資料庫，很多網頁我們都無法輕鬆讀取。今天先介紹了資料項目列表(UnorderList)的基本製作，下堂課才會學到實際的應用。這次在操作過程中發現自己對單引號與雙引號的應用還不是很熟練，需要再仔細練習研究。

1.   首先到Materializecss下載CSS資料夾並解壓縮

2.   製作一個HTML檔案，貼上HTMLSetup內容，放入資料夾

3.   加入Collections語法，修改圖片以及文字

4.   將數筆<li>資料合併成陣列，存入超連結、照片、文字等等

5.   利用for迴圈以及document.getElementById.innerHTML讀取資料

6.   最後加入function及onload即可輸出資料

→作業←

林明錦

2016.10.26

這次的題目是要製作BMI的計算器，不同於以往，這次沒有範本，要從無中生有，相較起來難多了。不過聽過老師的解說，再上W3School的網站搜尋能使我們的印象更深刻。

1.   加入select跟option來產生男女的選項

2.   加入input的選項來產生輸入身高體重的格子

3.   加入form action來產生計算的按鈕

4.   將身高體重及性別給予ID值並利用document.getElementById.value傳換成數值

5.   利用if及else if來判斷計算出來的BMI值，並加入alert來產生提示對話框

6.   加入一個新的div可以在判定後產生圖片

→作業←

林明錦

2016.10.19

今天老師接續介紹上週還沒完成的相簿語法，將相片編號為陣列，並使用if指令判斷圖片序號即可做出「上一張」、「下一張」的按鈕效果，亦可進一步改為循環相簿。

在學習的過程中發現到相同的題目有很多不同的想法，有些方法可以很直接的做出想要的效果，卻無法用在某些條件下，而且程式碼冗長；有些方法則可以很簡短的完成程式，廣泛應用在其他條件中，但卻不那麼直接。因此，當我們拿到題目時，應該要先花一些時間思考題目產生想法過後，再開始設計程式才是正確的方式。

這次的回家作業是將相簿改為在固定秒數切換下一張相片，我也從W3School上搜尋了其他很多的語法來讓相簿更精緻。其中包括執行循環工作(setTimeout)、停下循環工作(cleartimeout))、設置時間間格(Setinterval)、按鈕樣式(CCS Bottons)、置中(Align)……這次的作業也是滿滿收穫：）

→作業←

林明錦