第十七堂課： 使用 boot strap 的相關套版功能
網路上已經有非常多的套裝模組可以使用！你甚至還不太需要知道 Java script 的語法哩！只是需要參考人家寫好的使用說明即可。
其中我們系上使用最多的，應該屬於 bootstrap 這個玩意兒了！本課程的期末作業不接受使用 bootstrap 的 templates 完整應用，
但如果是使用部份元件增加美觀，則允許沒問題！
預先處理 bootstrap 的程式碼
- 你應該先前往 W3C 的教學網站看一下 Bootstrap 的功能與相關的解說：
W3C 的 bootstrap 介紹 - 接下來應該要下載 bootstrap 的腳本程式碼，你可以從官網下載或從鳥哥網站下載：
官網下載網頁
bootstrap-3.3.7-dist.zip - 將上述檔案解壓縮之後，你會得到一個 bootstrap-3.3.7-dist 的目錄，建議將上述目錄更名後，移動到 ~/yourID/include 目錄下，
你就會得到如下的檔名才對：
~/yourID/include/bootstrap-3.3.7/css ~/yourID/include/bootstrap-3.3.7/css/bootstrap.css ~/yourID/include/bootstrap-3.3.7/css/bootstrap.min.css ~/yourID/include/bootstrap-3.3.7/js ~/yourID/include/bootstrap-3.3.7/js/bootstrap.js ~/yourID/include/bootstrap-3.3.7/js/bootstrap.min.js
- 再到我們的 header.php 檔案中，在 <head></head> 當中插入兩個基本的功能！
<link href="~/yourid/include/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="~/yourid/include/bootstrap-3.3.7/js/bootstrap.min.js"></script>
- 前往如下網站測試其功能：
http://www.w3schools.com/bootstrap/bootstrap_carousel.asp
使用美觀的 3D Gallery 的圖片展示功能
- 前往官網的解說：https://tympanus.net/codrops/2012/02/06/3d-gallery-with-css3-and-jquery/
- 下載所需要的原始碼：在鳥哥網站上
- 下載完畢之後，先在 ~yourname/include 底下再建立一個名為 3dgallery 的目錄，再將該檔案解壓縮在 ~yourname/include/3dgallery 底下。 你會發現新的目錄底下有個名為 index2.html 的檔案！將他抓出來瞧一瞧～就會大致知道如何修改了。
本章練習與習題：
- 將上述資料進行完畢，並於首頁加入正確的連結，將結果上傳後，到上傳網站查閱是否正確處理才可以！