跨平台APP開發使用Visual Studio2015與PhoneGap(第4次頁面按鈕元件種點說明與106APP&增加5個頁面與ListView(檢視清單)&增加list_divider分隔項目與影像地圖&製作導覽列與固定在下方&製作回首頁按鈕&下一頁按鈕)
上課內容:
01_頁面按鈕元件種點說明與106APP
02_增加5個頁面與ListView(檢視清單)
03_增加list_divider分隔項目與影像地圖
04_製作導覽列與固定在下方
05_製作回首頁按鈕說明
06_製作下一頁按鈕說明
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYNqG7Mm8BVkBAbvvJJtVMIw
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包: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
![post-title](https://i.ytimg.com/vi/0zFjWO41cWQ/hqdefault.jpg)
影像地圖html 在 Re: [詢問] Google site可用影像地圖(image map)嗎? 的美食出口停車場
※ 引述《haido (咕歷咕歷)》之銘言:
: 想請教各位前輩,
: 以往在frnotpage或dreamweaver編輯網頁時,
: 可以插入影像地圖(image map)語法的功能,
: 意即可以在同一張圖片上設定多個連結點,
: 不知道google site中是否有支援該項功能呢?
: 謝謝!!
不曉得有板友有試過嗎?
我以網頁搜尋到的範例試驗一次
範例來源:https://www.moke.tw/wordpress/computer/web/35#map
<img usemap="#tag2"
src="https://www.google.com.tw/logos/2010/maryshelley2010-hp.jpg" alt="" />
<map id="tag2">
<area title="矩型連結,coords設定左上角及右下角的頂點" shape="rect"
coords="43,32,103,96" href="https://www.google.com" target="_blank" />
<area title="圓型連結,coords設定圓心及半徑" shape="circ"
coords="139,57,17" href="https://www.google.com" target="_blank" />
<area title="多邊型連結,coords設定連續的頂點" shape="poly"
coords="279,29,280,118,356,135,318,113,319,30" href="https://www.google.com"
target="_blank" />
</map>
將此段語法複製貼上google site的網頁編輯後。圖形有顯示,卻無法顯示map功能。
不知是否有板友可以幫忙? 謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.128.56.245
※ 文章網址: https://www.ptt.cc/bbs/Google/M.1426042563.A.A1E.html
... <看更多>