元智跨平台手機APP設計第5次上課

元智跨平台手機APP設計第5次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，
利用DW CS6的HTML5與Jquery Mobile 可以快速將網站轉成APP，
以下是以206相機網站轉APP為例，
說明建立APP的過程，並提供上下頁瀏覽相片功能，
並產生QR code方便安裝。

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

02_建立首頁頁面

03_建立頁尾的巡覽列

04_巡覽列加上連結與圖示

05_連結易錯說明
06_按鈕連結的做法說明

07_上下頁相片瀏覽製作說明

08_產生QR碼並發佈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次上課

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，海洋技術學院

如何利用VLOOKUP函數與MID函數取得資料

如何利用VLOOKUP函數與MID函數取得資料

1.先用MID函數取得編號，再用VLOOKUP取得單位名

 2.先用MID函數取得編號，再用VLOOKUP取得組別

 3.取得升等

 4.平均

 5.成績

 6.四捨五入

完整影片：

元智_204 人事考評管理系統

• 如何設計VBA表單與EXCEL當資料庫用(85期)
• 提高效率VBA入門班第1次上課心得分享
• EXCEL VBA處理股票分析自動最佳化範例
• 如何在EXCEL VBA中快速刪除空白列
• 定存範例轉VBA與只能輸入數字的InputBox
• 如何學會EXCEL VBA資料庫系列之一
• EXCEL VBA入門：如何撰寫自動格式化的VBA程式
• EXCEL VBA入門之一：如何函數轉VBA
• VB.NET設計(九九乘法表&小狗動畫&撲克牌&字幕)
• 回覆Excel VBA入門與進階課的差異？
• 如何批次下載股市資料到EXCEL中之2
• 如何用VBA快速取得期貨交易資料(開收高低量)
• 如何在EXCEL VBA隱藏與顯示工作表
• 如何移動工作表與排序之1
• 如何批次下載股市資料到EXCEL中之1
• 如何批次下載股市資料到EXCEL中
• 如何建立表單與將EXCEL當成資料庫
• 如何讓用ACCESS將EXCEL的資料
• 如何排序工作表
• 如何將單次查詢改為批次查詢(EXCEL VBA自動化)
• 如何在EXCEL VBA的工作表隨機上顏色
• 如何快速在EXCEL中建立查詢系統(免資料庫)之2
• 如何精簡VBA程式與傳遞引數
• 如何快速在EXCEL中建立查詢系統(免資料庫)之1
• 如何將大量工作表整合在一個工作表
• 如何在EXCEL VBA新增沒有重複名稱工作表
• 如何自動下載YAHOO股市資料到EXCEL中
• 如何建立表單與將EXCEL當成資料庫使用
• 如何在EXCE VBA中複製工作表
• 如何在EXCEL VBA如何保護工作表
• 如何在EXCEL VBA新增沒有重複名稱工作表
• 如何在EXCEL工作表中移動
• EXCEL VBA辦公自動化_如何建立查詢系統
• 如何當下拉清單改變時自動抓取資料之一
• 如何將數學函數轉EXCEL VBA設計之二
• 如何增加EXCEL VBA按鈕
• 如何設定EXCEL VBA開發環境設定說明
• 如何將EXCEL函數轉成VBA
• 如何再VBA中建立EXCEL的自訂函數讓公式變簡單

本學期下半段教的是上班族使用機率最高，最重要的EXCEL2010，
也會搭配證照考題，將證照融入課程，已經有同學迫不及待問期末證照考試訊息，
想多拿些證照，這樣真的很棒也很聰明，尤其EXCEL的應用，
最近業界授課都已經甚至進階到EXCEL的VBA應用，
要提高效率，還要會在EXCEL寫些VB程式，
這是大學生最弱的一環，但卻是企業最需要的能力。
所以期末以前加強大家的EXCEL能力，有機會講解程式的應用。

今天講完204，也就是還有206、401-405，
還有13題，影音檔已經上傳，可以先自己試試，EXCEL真的很難，如果沒花時間，保證一定考不及格，
期末成績佔30%，所以千萬不可掉以輕心喔！

吳老師教學論壇：

http://www.tqc.idv.tw/

元智大學,中語系,中文系,網站設計理論與實務,吳老師,GOOGLE服務,GOOGL文件,YOUTUBE,線上問卷,線上教學,資訊科技融入教學,吳老師,e化創新,虛擬電腦

元智文史雲端應用第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設計第5次上課

元智跨平台手機APP設計第5次上課

用JAVA程式設計APP對一般人來說太難，
這門課就是用網站觀念做APP，
利用DW CS6的HTML5與Jquery Mobile 可以快速將網站轉成APP，
以下是以206相機網站轉APP為例，
說明建立APP的過程，並提供上下頁瀏覽相片功能，
並產生QR code方便安裝。

課程內容:
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)第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，海洋技術學院

文書處理WORD2010證照考試影音(1)

本學期目標：文書編輯(WORD2010)與影像編輯(PHOTOSHOP CS4)
都是職場上最需要的技能，因此將課程融入證照考試為目標。
本學期繼之前的WORD2003、WORD2007之後，全面升級成WORD2010，
技能當然要學最新的，文書處理WORD看似每個人都會，但實際上很多功能大家還是不知道如何完成，
第一次上課主要講解練習系統如何安裝與產生題目：
第202題解題
如何評分
完整影音清單：


往後這學期會分別解204-210、302-310、402-410
第二類：『Word 2010 短篇文件編排能力』
第三類：『Word 2010 表格設計與應用能力』
第四類：『Word 2010 圖文處理能力』

學成後便可參加證照考試，為自己加分。
之前上課的WORD2007證照考題解題：
Word 2007技能測驗-術科題庫第一類：『Word 2007版面及文字設定能力』
第二類：『Word 2007 短篇文件編排能力』
第三類：『Word2007 表格設計與應用能力』
第四類：『Word 2007 圖文處理能力』
第五類：『Word 2007 多頁文件製作能力』
第六類：『Word 2007 合併列印應用能力』

東吳大學中文實務實習課程第4次上課內容 
http://terry55wu.blogspot.com/2010/07/4.html 

東吳大學中文實務實習課程第6 次上課內容 
http://terry55wu.blogspot.com/2010/08/6.html 

在大環境跨領域的需求日增，但對這方面知識提供卻不如預期來的豐富，
使得人學學院的大學生因此失去許多學習畢業應該具備的技能，
甚至連最低的門檻都達不到，結果自然是就業不是處處碰壁，
不就薪水低於一般大學生的門檻。

因此，補足職場資訓專業技能與證照是文學科系學生課不容緩的一個重要課題，
此外，大學所學知識的實用化，與企業需求結合也是值得思考，
本課程即是在資訊運用的實用化上加以說明，並能讓學生能因此多元與跨領域方展。

東吳大學,文獻數位化與編輯應用,吳老師,GOOGLE服務,GOOGL文件­,YOUTUBE,線上問卷,線上教學,資訊科技融入教學,e化創新,就業,TQC,WORD,2010,證照考試,文書處理,求職,104人力銀行

PHOTOSHOP CS4影像編輯(2)

PHOTOSHOP CS4影像編輯(2)

本周開始講解 PHOTOSHOP CS4的證照考題，
看得出來還是有同學狀況外，
請務必先從雲端下載上課所需資料，
並預先下載列印上課的題目，
漸進的學習PHOTOSHOP CS4的範例題，
雖然PHOTOSHOP功能複雜，所要熟悉的設定非常多，
但只要循序漸進的把上課題目多次練習，
並自習找相似題練習，相信大家在期末一定可以除了通過考試，
還能學會影像處例技能，若願意參考證照考試，
也可取得PHOTOSHOP CS4證照，對大家未來一定有幫助的。

102頌春

104光譜鴨

106水管


吳老師 101/11/28

相關連結：
PHOTOSHOP CS4影像編輯TQC證照解題
http://terry55wu.blogspot.tw/2012/11/photoshop-cs4tqc.html

元智數位典藏導論第13次上課(PHOTOSHOP證照)
http://terry55wu.blogspot.tw/2011/06/13.html

元智數位典藏導論第16次上課(影像編輯第二類)
http://terry55wu.blogspot.tw/2011/06/16.html

元智數位典藏導論PHOTOSHOP CS4證照解題
http://terry55wu.blogspot.tw/2011/05/blog-post.html

元智大學,中語系,數位典藏,吳老師,WORD2007,TQC,PHOTOSHOP CS4,線上問卷,線上教學,資訊科技融入教學

Flash 8 基礎動畫教學分享

Flash 8 基礎動畫教學分享

完整影音：
http://goo.gl/ZxMtc



01_Flash 8 基礎動畫
02_圖層與移動
03_圖層與移動
04_圖層與移動
05_增加導引線
06_形狀漸變動畫

學習如何運用FLASH最重要的補間動畫功能，
包括移動與形狀，加入時間軸與影格的搭配，
舞台與工具列的使用，
可以創造出奇妙的動畫效果。


之後就是銜接FLASH的證照解答了，如下：
01_TQC_FLASH電腦認證環境設置
02_移動捕間動畫
03_形狀捕間動畫
04_102地球環保運動(1_3)
05_102地球環保運動(5_6)
06_104SURF商標設計
07_106_FLASHING_WORLD
08_108_TQC文字設計解說(如何下載YOUTUBE影片)
09_108_TQC文字設計
10_110_TQC開場動畫
11_202碼頭景色題目說明
12_202碼頭景色解題
13_202碼頭景色解題重點提示
14_202碼頭景色發布設定
15_204_SHAPE_TWEEN題目說明
16_204_SHAPE_TWEEN解題
17_204_SHAPE_TWEEN解題
18_206滿天星辰題目說明
19_206滿天星辰星星元件製作
20_206滿天星辰圖層與流星動畫
21_206滿天星辰(星星圖層&出現時間)
22_206滿天星辰(光芒動畫與按鈕)
23_208飛天雪人
24_210心願星語

吳老師 101/11/21

吳老師教學部落格：
http://terry55wu.blogspot.com/
論壇：
http://groups.google.com/group/yzu_net?hl=zh-TW

元智大學,中語系,中文系,網站設計理論與實務,吳老師,GOOGLE服務,GOOGL文件,YOUTUBE,線上教學,資訊科技融入教學,雲端計算,虛擬電腦

FLASH8動畫範例與證照解題完整影音

FLASH8動畫範例與證照解題完整影音：
http://goo.gl/bviVI



學習如何運用FLASH最重要的補間動畫功能，
包括移動與形狀，加入時間軸與影格的搭配，舞台與工具列的使用，
可以創造出奇妙的動畫效果。

01_TQC_FLASH電腦認證環境設置
02_移動捕間動畫
03_形狀捕間動畫
04_102地球環保運動(1_3)
05_102地球環保運動(5_6)
06_104SURF商標設計
07_106_FLASHING_WORLD
08_108_TQC文字設計解說(如何下載YOUTUBE影片)
09_108_TQC文字設計
10_110_TQC開場動畫
11_202碼頭景色題目說明
12_202碼頭景色解題
13_202碼頭景色解題重點提示
14_202碼頭景色發布設定
15_204_SHAPE_TWEEN題目說明
16_204_SHAPE_TWEEN解題
17_204_SHAPE_TWEEN解題
18_206滿天星辰題目說明
19_206滿天星辰星星元件製作
20_206滿天星辰圖層與流星動畫
21_206滿天星辰(星星圖層&出現時間)
22_206滿天星辰(光芒動畫與按鈕)
23_208飛天雪人
24_210心願星語

吳老師 101/11/21

PHOTOSHOP影像編輯證照解題

PHOTOSHOP影像編輯證照解題

完整播放清單：

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

考數位典藏中重要影像編輯工具PHOTOSHOP CS4，
範圍以證照考題10題為目標。離期末考只有四周，也就是一周要教完至少3題才行，
時間很趕，所以請同學們先自行練習，期末才不至手忙腳亂，
另外這次不一定會辦證照考試，所以若想考證照的同學，
請自行找一位聯絡人，負責協助行政業務，至少20人次，
就可以找老師協助辦理，因為幫大家辦證照考試實在太累，
相關的問題也不少，但為了大家的未來著想，改變成由同學自發性來辦，
會比較適合些。

影像編輯已成為和文書編輯一樣，都是處理數位資訊的必備能力，
希望大家能在這們課上多花心思，若缺課太多，作業沒交，期中期末又沒來考試者，
學期成績就只好說抱歉啦!

考數位典藏中重要影像編輯工具PHOTOSHOP CS4。
110題想吃比較繁瑣，108題海巡署招生海報雖然簡易，但必須做的不露破綻才行。
剩下兩週講解5題時間差不多，但還是要先做預習，否則很難跟上。

吳老師

元智大學,中語系,數位典藏,吳老師,WORD2007,TQC,PHOTOSHOP CS4,線上問卷,線上教學,資訊科技融入教學