今天跟大家分享一個最近發現的超大 ICON 圖庫搜尋網站：「 PNG Repo 」，除了號稱有超過 30 萬個以上的 ICON 圖示、插圖可以「免費下載」，而且下載後的圖檔都是 512 * 512 的「高解析圖示檔案」，甚至也可以下載向量圖檔自行調整。

不用擔心「 PNG Repo 」的圖檔數量太大不好找，因為「 PNG Repo 」提供了很方便的關鍵字建議搜尋功能，也有很好用的分類、相關建議，所以可以輕鬆找到自己需要的圖檔。

如果你常常需要在簡報、網站、報告中使用 ICON 圖示，這個網站值得納入你的書籤，隨時呼叫使用。

當你用簡報、試算表軟體，或是流程圖繪製軟體製作出一張圖表後，因為要用在風格比較輕鬆，或是需要吸睛的報告現場，還是要插入網頁文章中，或許可以試試看「 INSTAD.IO 」這款免費線上工具，協助將三種類型圖檔轉成手繪圖：

- 各種長條圖、圓餅圖等統計圖表。
- 各種流程圖、心智圖、魚骨圖。
- 各種 ICON 圖示圖案。

自動、快速把你的資訊圖表轉換成「手繪風格圖檔」，甚至還能轉出「 Gif 動畫圖」。

「 Streamline 」是一個提供精簡化、流線型設計圖示、插畫的圖庫，目前已經累積了 10 萬個以上的圖檔素材。

雖然這類圖庫選擇不少，但是「 Streamline 」可以說是我近期內看到「最有質感」、「最容易查找」、「類型與數量最完整」，並且還提供「完全免費，或有限制免費下載」的圖庫網站。而且同時包含了「 ICON 圖示」、「Illustrations 插畫」以及「表情符號圖像」。

這個圖庫既適合一般簡報需求的免費、屬名使用，也適合專業設計師付費使用：

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學

元智實用化課程用DW將網站轉為APP(2015)

這是在元智大學的課程，主要是如何將之前學習用DW CS6所製作的網站，轉為APP的簡易流程，包含建立HTML頁面與導覽列等，
最後利用PHONEGAP網站協助將網站ZIP轉為APP，並產生QR碼，讓製作APP更為簡單，但是原版PHONEAGAP支援外部連結，
不過新的服務似乎取消外部連結，造成GOOGLE地圖等無法正常顯示問題，
也許可以再找其他方式，
目前找到EZOAPP網站(https://ezoui.com/app/zh-tw/)有提供類似功能，
也許在之後課程再來補充說明，

以下是上課的畫面：
01_APP應用與註冊PHONEGAP帳號
02_如何建立第1個APP(多頁面瀏覽)
03_如何加上超連結與按鈕
04_如何更改按鈕技巧與變化顏色
05_將資料加入並上傳到PHONEGAP網站轉APP
06_相關網站介紹與102APP說明
07_如何新增網站與HTML5網頁並產生4個頁面
08_製作頁首圖檔與導覽列
09_如何設定導覽列的背景顏色
10_如何設計ListView清單檢視效果
11_如何增加回上頁按鈕(1增加2顏色3文字)
12_如何增加下一頁按鈕與變換顏色圖示
13_如何刪除舊APP與上傳新的APP
14_上星期102APP重點與106APP說明
15_如何建立106APP與新增五個頁面
16_如何將項目清單改為ListView
17_如何在頁尾增加導覽列與ICON與變更顏色
18_如何將導覽列固定在下方
19_如何將入回首頁與下一頁的頁首按鈕
20_如何將按鈕複製到其他頁面
21_106APP重點回顧
22_如何更改佈景設定與自訂新的佈景色
23_如何利用官網ThemeRoller做佈景並下載
24_增加ThemeRoller佈景並再次下載與嵌入綠島地圖
25_如何上傳APP

上課影片連結：
https://www.youtube.com/playlist?list=PLgzs-Q3byiYPqPq4yAXbcH4tRXHmlIPJl

教學相關連結：
PhoneGap APP教學研習懶人包 http://terry55wu.blogspot.tw/p/phonegapappjquery-mobile.html
EZoApp 中文教學手冊 http://ezoapp.gitbooks.io/ezoapp-tutorials/
EZoApp 教學影片 https://www.youtube.com/user/EZoService/videos
EZoApp gallery http://ezoui.com/gallery/index.html
HTML 教程 http://www.w3schools.com/html/
CSS 教程 http://www.w3schools.com/css/
JavaScript 教程 http://www.w3schools.com/js/
jQuery 教程 http://www.w3schools.com/jquery/default.asp
jQuery Mobile 教程 http://www.w3schools.com/jquerymobile/

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著

內容特色
用Dreamweaver CS6，你也會開發APP! 能快速完成作品、擁有視覺化的質感介面，更可以驅動手機的硬體設備，舉凡照相錄影、錄音放音、GPS定位、無線網路、語音導覽全都沒問題!
結合HTML5、CSS3、PhoneGap，讓你的網頁瞬間昇華為跨平台的APP應用程式。不用擔心HTML5、CSS3與PhoneGap的內容，交給Dreamweaver CS6一次就搞定!利用jQuery Mobile快速打造專業手機使用者介面，只要善用操作面板的設定。在Dreamweaver CS6一次開發，就能跨iOS、Android等多種不同平台，讓你的APP無遠弗屆！開發 APP 的新領域混合式應用程式是以 Web 應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

APP開發, Dreamweaver, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP,jquery mobile tutorial,dreamweaver jquery mobile教學,phonegap jquery mobile教學,jquery mobile php教學