元智文史雲端應用第4次上課

元智文史雲端應用第4次上課

完整影音:
http://www.youtube.com/playlist?list=PLsE34duTsJQxK6kqJgbI7U88PYptj3oxw


論壇：
https://groups.google.com/forum/#!forum/yzu_cloud_application

課程內容：
01_利用簡報工具做片頭片尾
02_如何產生字幕檔SRT檔
03_如何在YOUTUBE雲端上加上字幕


問卷作業：
以文化創意等為題，利用GOOGLE表單建立問卷並發送給同學填寫，
繳交內容：
1.問卷短網址
2.QR code圖檔
3.最後作答EXCEL檔
4.回應結果網頁畫面擷圖(PNG)
-------------------
網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

APP開發實例(PhoneGap)如何快速把網站變APP

APP開發實例(PhoneGap)如何快速把網站變APP

上課內容：
01_開發APP簡述
02_了解PhoneGap特性與第1個APP練習
03_如何新增三個頁面
04_如何增加超連結並預覽
05_頁面新增易錯說明
06_增加回上頁與項目符號變按鈕
07_如何將網站上傳成APP
08_注意副檔名與上傳安裝APP
09_上傳注意事項與網站轉APP說明

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：


課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更
智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與
除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著
書號： ACU062500  
出版日： 2012/10/09

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

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要
短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包：

發表時間	文章標題
2014-01-11	元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課
2014-01-08	跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
2014-01-08	跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課
2013-12-31	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
2013-12-24	跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
2013-12-21	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
2013-12-15	元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
2013-10-22	如何在PhoneGap上顯示地圖流程
2013-10-06	跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課
2013-10-06	跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

相關連結：
Android程式開發證照教學懶人包
http://terry55wu.blogspot.com/p/android.html

PhoneGap APP教學研習懶人包：
元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課
http://terry28853669.pixnet.net/blog/post/56282079

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
http://terry28853669.pixnet.net/blog/post/56282082

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課
http://terry28853669.pixnet.net/blog/post/56282085

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
http://terry28853669.pixnet.net/blog/post/56282109

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
http://terry28853669.pixnet.net/blog/post/56282124

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
http://terry28853669.pixnet.net/blog/post/56282133

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282148

如何在PhoneGap上顯示地圖流程
http://terry28853669.pixnet.net/blog/post/56282181

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282196

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課
http://terry28853669.pixnet.net/blog/post/56282199

APP開發, Dreamweaver, GOOGLE服務, JavaScript, PhoneGap, 吳老師, 網站設計理論與實務, 網站轉APP, 網頁設計, 線上教學, 資訊科技融入教學

元智文史雲端應用第5次上課

元智文史雲端應用第5次上課

課程內容：
01_如何快速合併將字幕合併影片
02_加字幕補充與影音格式說明
03_影音解析度與YOUTUBE強化功能說明
04_YOUTUBE註解功能說明
05_YOUTUBE影片編輯器說明

完整影音:
http://www.youtube.com/playlist?list=PLsE34duTsJQxG6iA76HPXhQ2Aj2-6ScKP


論壇：
https://groups.google.com/forum/#!forum/yzu_cloud_application

問卷作業：
以文化創意等為題，利用GOOGLE表單建立問卷並發送給同學填寫，
繳交內容：
1.問卷短網址
2.QR code圖檔
3.最後作答EXCEL檔
4.回應結果網頁畫面擷圖(PNG)
-------------------
網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP

APP開發實例第1次上課(如何註冊PHONEGAP帳號)

APP開發實例第1次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

上課內容：
01_上課用書

02_如何在DWCS6中登入PHONEGAP

03_如何註冊PHONEGAP帳號

04_如何註冊PHONEGAP帳號

05_登入帳號準備上傳網站轉成APP

完整影音：


課程理念
智慧型手機平台，已成為手機上最完整的開放開發平台
人手必備的趨勢下行動上網已達800萬人次以上，手機相關應用，將會超越PC，比PC更
智慧，更貼近個人使用習慣，未來APP將漸取代Web，成為各產業或政府對外窗口。
如何開發APP，以循序漸進的方式講授Android應用程式架構、圖形介面開發、測試與
除錯等，進而取得證照。
吳老師教學特色：
1.影音複習分享(全程錄影)。
2.能不硬code程式，有程式也會提供畫面。
3.提供業界實務開發經驗。
4.書上沒講到的操作，圖形化工具使用。
5.隨時更新第一手資訊。

上課書目
用Dreamweaver CS6，我也會開發APP
作者： 鄧文淵 總監製/文淵閣工作室 編著 
書號： ACU062500     
出版日： 2012/10/09 
紙本書價格： 450

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

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要
短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一
。
開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行
開發。
兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式
邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工
具進行編譯。
配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間
精力。
元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行
動裝置應用程式入門的最佳選擇。

PhoneGap APP教學研習懶人包：
元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課
http://terry28853669.pixnet.net/blog/post/56282079

跨平台手機APP程式(用PhoneGap將網站轉APP)第9次上課
http://terry28853669.pixnet.net/blog/post/56282082

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課
http://terry28853669.pixnet.net/blog/post/56282085

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課
http://terry28853669.pixnet.net/blog/post/56282109

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次
http://terry28853669.pixnet.net/blog/post/56282124

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課
http://terry28853669.pixnet.net/blog/post/56282133

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282148

如何在PhoneGap上顯示地圖流程
http://terry28853669.pixnet.net/blog/post/56282181

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課
http://terry28853669.pixnet.net/blog/post/56282196

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課
http://terry28853669.pixnet.net/blog/post/56282199


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP

元智文史雲端應用第3次上課

元智文史雲端應用第3次上課

論壇：https://groups.google.com/forum/#!forum/yzu_cloud_application

完整影音：


課程內容：
01_文史建構影片與下載剪輯工具
02_雲端剪輯範例與快速剪輯說明
03_如何利用PICASA整合影片素材(加旁白與片頭片尾)
04_將YOUTUBE影片上傳並與雲端表單整合

問卷作業：
以文化創意等為題，利用GOOGLE表單建立問卷並發送給同學填寫，
繳交內容：
1.問卷短網址
2.QR code圖檔
3.最後作答EXCEL檔
4.回應結果網頁畫面擷圖(PNG)
-------------------
網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

元智文史雲端應用第2次上課

元智文史雲端應用第2次上課

課程內容：
01_如何用GOOGLE表單製作問卷
02_問卷結果說明
03_如何擷取回應摘要結果
04_GOOGLE表單存檔與YOUTUBE搜尋技巧
05_用AllVideoDownloaer下載YOUTUBE影片
問卷作業：
以文化創意等為題，利用GOOGLE表單建立問卷並發送給同學填寫，
繳交內容：
1.問卷短網址
2.QR code圖檔
3.最後作答EXCEL檔
4.回應結果網頁畫面擷圖(PNG)

論壇：https://groups.google.com/forum/#!forum/yzu_cloud_application
完整影音：

-------------------
網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP

元智跨平台手機APP設計(PhoneGap網站轉APP)第5次上課

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第5次上課

用JAVA程式設計APP對一般人來說太難，這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQxxn3a2KcDDCltp44W7_KLI

課程內容:
01_206相機網站轉APP說明

02_建立首頁頁面
03_建立頁尾的巡覽列
04_巡覽列加上連結與圖示

05_連結易錯說明
06_按鈕連結的做法說明
07_上下頁相片瀏覽製作說明

08_產生QR碼並發佈APP


開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕

大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。
節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要
短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。
開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行
開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式
邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。
雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工
具進行編譯。配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行
動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計
算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

跨平台手機APP程式(用PhoneGap將網站轉APP)第7次上課

用JAVA程式設計APP對一般人來說太難，

這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：

課程內容:

01_打造您的第一個 APP重點複習

02_如何管理網站與增加其他連結

03_啟動PhoneGap產生APP

04_如何刪除PhoneGap專案

05_重點複習與如何自訂頁面

開發 APP 的新領域

混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：

輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。

-------------------

99年元智中語系網站設計第15週上課(Dreamweaver CS4)

http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課

http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答

http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照

http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--

http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：

http://groups.google.com/group/yzu_net?hl=zh-TW

YOUTUBE：

https://www.youtube.com/user/blshlibrary

網站設計理論與實務,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院,phonegap tutorial,dreamweaver phonegap教學,phonegap ios教學,android phonegap教學,iphone phonegap教學,phonegap安裝教學,dreamweaver cs6 phonegap教學

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第4次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQwaO1VEu8S86xhjI0yDxysa

課程內容:
01_204題古文之美網站建立與新增首頁

02_增加項目清單與巡覽列

03_將回上頁改成HOME圖示與增加下一頁

04_修改背景主題與上傳成APP


開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次

跨平台手機APP程式(用PhoneGap將網站轉APP)第12次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：


課程內容:
01_行車守護者專案說明
02_新增網站與新增首頁
03_引用CSS樣式表檔與JS程式檔
04_新增頁面(sop1_4與dial等)
05_如何產生首頁離開與說明按鈕圖示
06_加入圖與文與下方巡覽列
07_如何將巡覽列固定下方與背景改藍色系
08_產生步驟一到四的回首頁圖示按鈕
09_如何自訂圖示

開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第3次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQySfsmSIbtLs0MakGHBmFyM

課程內容:

01_如何註冊PHONEGAP帳號
02_安裝APP說明與素材準備
03_新增網站與建立首頁與環境設定

04_新增5個頁面(home與page1_4)

05_新增項目清單與超連結

06_如何刪除PHONEGAP舊APP並上傳新APP
07_回上頁與背景顏色
08_ListView清單與巡覽列加圖示

09_地圖與連結

開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

元智跨平台手機APP設計(用PhoneGap將網站轉APP)第2次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP


課程內容:
01_如何將102題網站改成APP(新增網站與匯入素材與建立首頁)

02_環境設定與插入頁面
03_輸入頁面內容與超連結
04_如何產生回上一頁按鈕
05_回上頁文字與顏色修改

06_如何做出導覽列


07_選取圖示說明

08_將項目清單改成ListView畫面

09_如何刪除舊的專案與上傳成APP



完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQxN3dZHodSQZus6TaAYwQyo



開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計
者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課

跨平台手機APP程式(用PhoneGap將網站轉APP)第2次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：


課程內容:
01_打造您的第一個 APP重點複習
02_如何管理網站與增加其他連結
03_啟動PhoneGap產生APP
04_如何刪除PhoneGap專案
05_重點複習與如何自訂頁面



開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計

者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary


網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP，海洋技術學院

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

跨平台手機APP程式(用PhoneGap將網站轉APP)第1次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，利用DW6的PhoneGap服務見可以快速將Web轉成APP

完整影音：
http://www.youtube.com/playlist?list=PLsE34duTsJQzC4Oq1z9GaNJnJ2mheWE0l


課程內容:
01_打造第一個APP環境開發
02_建立應用程式專案網站
03_註冊PhoneGap帳號
04_啟動PhoneGap服務

開發 APP 的新領域
混合式應用程式是以 Web  應用程式做為基礎，使用網頁技術開發應用程式，因此絕大多數網頁設計

者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。

PhoneGap 特點：
輕量級架構：PhoneGap 以 JavaScript 撰寫，檔案只有一百餘 K。

節省開發及維護成本：建立網頁檔案所需的時間遠比撰寫行動裝置應用程式原生碼要短，曾有專家進行研究，使用 PhoneGap 的開發成本，僅需一般開發成本的五分之一。

開發門檻低：以往要開發行動裝置應用程式，必須經數年的程式語言基礎，才能進行開發。

兼容性：以往開發行動裝置應用程式時，必須為各種平台撰寫不同程式碼，雖然程式邏輯概念相同，不同平台程式仍有差異，也要在不同平台上分別編譯。

雲端編譯：應用程式可以在本地編譯，也可以使用 Phonegap  提供的雲端 Build  工具進行編譯。

配合整合環境軟體開發：在適當的整合環境中進行應用程式的開發可以節省非常時間精力。

元件免費：PhoneGap 是完全免費的元件，如此可降低應用程式開發成本，也是學習行動裝置應用程式入門的最佳選擇。
-------------------
99年元智中語系網站設計第15週上課(Dreamweaver CS4)
http://terry55wu.blogspot.tw/2010/12/9915.html

99年元智中語系網站設計第12、13週上課
http://terry55wu.blogspot.tw/2010/11/991213.html

TQC Dreamweaver CS4 實用題解答
http://terry55wu.blogspot.tw/2007/05/blog-post_6275.html

東吳文獻數位化DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4110.html

東吳文獻數位化DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4202.html

東吳文獻數位化網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.tw/2011/05/dreamweaver-cs4108.html

蘭陽技術學院行銷與流通管理系提升教師能力計畫--TQC+Dreamweaver CS4研習--
http://terry55wu.blogspot.tw/2011/10/tqcdreamweaver-cs4_14.html

論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW
YOUTUBE：
https://www.youtube.com/user/blshlibrary

網站設計理論與實務,吳老師,GOOGLE服務,線上教學,資訊科技融入教學,雲端計算,TQC,APP開
發,PhoneGap,JavaScript,Dreamweaver,網頁設計,網站轉APP