網站規劃與設計
102 學年度開始的網頁設計教材用了四年後，雖然一開始獲得不錯的成果，不過後來發現到，前幾周講的 div 與 CSS 確實有點難度，
對於商業類的同學來說，挺不容易入門～而過了前四周後，後面都沒有談到方塊的設計與移動，結果到最終期末時，大家都忘紀要怎麼規劃版面了...
所以，這學期重新設計教材，期中報告以前要帶完全部的 html 預設的標籤 (tab)，並帶入常見的 CSS 元素，最後再介紹版型設計的重點。
期中考過後則開始帶入一點點 PHP 的引入函數 (include) 來設計完整的網站風格，同時介紹一點點 javascript (用在修改風格方面的資料而已)，
最終則使用 bootstrap 來呼叫慣用的版面，最終同學找到合作的廠商，就來一場期末網頁報告！
重要設定(2017/11/29)：
- 上課經常使用到 chrome 的 google 瀏覽器，但是這個瀏覽器通常會快取網站上的很多資料，包括 CSS 檔案與圖片資料，導致整個畫面無法更新。
搜尋一下網路的文件，有一篇談到可以透過 google developer tool 來處理！解決的流程是這樣的：
- 在要清除快取的頁面上面按下 『F12』 的快速鍵；
- 在最上方工具列的重讀 (reload 按鈕，通常在網址列的左側) 畫面按下『滑鼠右鍵』
- 會出現三個功能，包括(1)正常載入、(2)強制載入與(3)清除快取後載入，選擇第三項，就能夠載入正確的畫面了。
- (主要) Jon Duckett：『HTML&CSS網站設計建置優化之道(碁峰)』、ISBN: 978-986-276-501-2
- (主要) 原田秀司著/許郁文譯：『多元裝置時代的網站設計法則(博碩)』、ISBN: 978-986-201-950-4
- (主要) 彭其捷著：『成為一流的前端工程師打造專業的UX網站(博碩)』、ISBN: 978-986-434-112-2
- 下載簡易的網頁編輯器：notepad++, 官網在： http://notepad-plus-plus.org/
- 請注意語法撰寫，其中需要留意成對與非成對標籤，並且注意排版要整齊，有程式撰寫概念較佳
- 請注意目錄的設計，我需要一個名為 homework 的目錄，你的所有作業應該要放在裡面才對
- 注意超連結的語法，它是 Web 會火紅的主要原因之一！
- 做完資料務必要上傳，上傳的網址就是 class.vbird.tw