手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack，只需要開啟 VSCode～

Q: 為什麼要客製化？
客製化可以使 Bootstrap 更符合專案的風格樣式。

Q: 用覆蓋不行嗎？一定要客製化嗎？
就經驗上來說，覆蓋通常會缺少許多的狀態，如按鈕的 hover, active, focus 等等，並且容易使樣式缺少一致性。

Q: 編譯？Bootstrap 不是 CSS 嗎？
Bootstrap 的 .css 檔案是編譯後的結果，它原始檔案是屬於 .scss 的結構，本文只會針對其中的變數檔案進行介紹，不需要會 .scss 也可以進行調整喔。

Q: 客製化環境是不是很複雜，如果沒有 gulp、webpack 使用經驗是否就無法？
不會，本章節介紹的方式僅需要使用 VSCode 即可（有安裝 Node.js 更好，但不強制）。

Sketch 的 Zeplin 很多人推，不用做標示文件直接把檔案扔給開發人員就好。不過它只能用在MAC上。

我習慣用 Photoshop 做圖，所以推 Avocode，不管是顏色、切圖、字體、文字、CSS、尺寸等等，都不用設計師手動標示。

開發人員想看看哪個物件的細節只要用 Avocode 開啟 PSD 檔，想看哪滑鼠就點哪，可以直接 Copy CSS，還可以直接切圖出來。

Photoshop 和 Sketch 的原始檔 Avocode 都吃。兼容 Win 和 MAC。

月費制.....年繳，最便宜的方案一個月 6.75 元。

（這間開發商出了一大堆外掛，我也買了很多，像 Psdcleaner、Subtle pattern...)

Fontastic 免費網頁圖示字型（Icon Fonts）產生器

Fontastic 是一個很強大的 Icon Font 產生器，使用方法是選擇你要運用到網頁裡的圖示，設定好調用的前置詞，網站就會依照你選取的圖示產生 TTF、SVG、EOT、WOFF 四種字型檔案，將它們製作成你的專用的字型，再依照網站提供的 CSS 程式碼與參考頁面說明，就能在網頁裡運用這些圖示。

http://www.freegroup.org/2013/10/fontastic/

跨平台APP開發使用Visual Studio2015與PhoneGap(第1次課程簡報&VS2015環境安裝說明&雲端資源介紹與DWCS6介紹&開啟新網站與INDEX首頁&插入四個有頁首沒頁尾的頁面&設定超連結與BACK按鈕)

上課內容：
01_課程簡報說明
02_VS2015環境安裝說明
03_雲端資源介紹與DWCS6介紹
04_DWCS6中開啟新網站與INDEX首頁
05_插入四個有頁首沒頁尾的頁面home&page1&page2&page3
06_設定超連結與BACK按鈕

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMk1AnM7fTQEHLXc_Tsynd2

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2015

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap

跨平台APP開發使用Visual Studio2015與PhoneGap(第1次課程簡報&VS2015環境安裝說明&雲端資源介紹與DWCS6介紹&開啟新網站與INDEX首頁&插入四個有頁首沒頁尾的頁面&設定超連結與BACK按鈕)

上課內容：
01_課程簡報說明
02_VS2015環境安裝說明
03_雲端資源介紹與DWCS6介紹
04_DWCS6中開啟新網站與INDEX首頁
05_插入四個有頁首沒頁尾的頁面home&page1&page2&page3
06_設定超連結與BACK按鈕

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMk1AnM7fTQEHLXc_Tsynd2

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2015

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap

跨平台APP開發使用Visual Studio2015與PhoneGap(第1次課程簡報&VS2015環境安裝說明&雲端資源介紹與DWCS6介紹&開啟新網站與INDEX首頁&插入四個有頁首沒頁尾的頁面&設定超連結與BACK按鈕)

上課內容：
01_課程簡報說明
02_VS2015環境安裝說明
03_雲端資源介紹與DWCS6介紹
04_DWCS6中開啟新網站與INDEX首頁
05_插入四個有頁首沒頁尾的頁面home&page1&page2&page3
06_設定超連結與BACK按鈕

完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMk1AnM7fTQEHLXc_Tsynd2

教學論壇(之後課程會放論壇上課學員請自行加入)：
https://groups.google.com/forum/#!forum/android_basic2015

懶人包：http://terry55wu.blogspot.com/p/android.html

課程理念與課程介紹：

從基礎、進階到雲端資料庫整合與行動網頁的全面運用，打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發，並將之結合，用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計，環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習！
最簡單！開發及維護成本低，直接整合應用HTML、CSS及JavaScript進行App開發，學習曲線最短，效率最高！

超跨界！一次開發，即可發佈Android、iOS、Windows不同平台的App，免除學習多種開發工具的煩惱。
神開發！應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器！
極直覺！搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程，提高開發效率！
不藏私！全新的版本、最全面的解說，引領全方位的App應用程式開發學習。重實例！以小範例入門，到整合的App實例，深入行動應用，範例全面涵蓋：系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…

參考書目

跨平台 Android．iPhone 程式開發：使用 Visual Studio Community＋Cordova/PhoneGap＋jQuery Mobile作者：陳會安ISBN：9789863123217出版社：旗標出版日期：2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期： 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者： 數位新知, 陳婉凌
出版社：博碩 出版日期：2016/01/08

吳老師教學部落格：
http://terry55wu.blogspot.com/

android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap