Contents 目錄 chapter 1 1-1... 1-2 1-2... 1-3 HTML5... 1-3... 1-5 1-3... 1-9 Web Storage... 1-9... 1-10 1-4 HTML5... 1-14... 1-14... 1-15 HTML5... 1-15... 1-15... 1-16 1-5... 1-18 Apps... 1-18 HTML5 Cache Manifest... 1-19... 1-20 ii
chapter 2 HTML5 目錄iii 2-1... 2-2 2-2 HTML5... 2-3 HTML5... 2-3... 2-3 HTML5... 2-4 2-3 HTML5... 2-5... 2-7 2-4 HTML5... 2-11 canvas... 2-12... 2-13 2-5 HTML5... 2-16... 2-18 2-6 HTML5... 2-21... 2-21... 2-22... 2-23... 2-24 2-7 HTML5... 2-27... 2-27... 2-28
chapter 3 CSS 3-1... 3-2 3-2 CSS... 3-4 CSS... 3-4 CSS... 3-8 (Inline)... 3-9 (Embed)... 3-9 (Import)... 3-9 (External Link)... 3-11... 3-11... 3-12 3-3 CSS UI... 3-19 (flexbox)... 3-19 (grid)... 3-21... 3-22... 3-23 3-4 CSS... 3-26 CSS (Region)... 3-26... 3-28... 3-29... 3-30 (exclusion)... 3-31... 3-32 3-5 CSS... 3-36 (border-radius)... 3-36 (box-shadow)... 3-37 iv
(opacity)... 3-38 (gradient)... 3-38 目錄v 2D 3D (Transform)... 3-39 (Transition)... 3-41 CSS (animation)... 3-41 SVG... 3-42... 3-45 chapter 4 JavaScript 4-1... 4-2 4-2 JavaScript... 4-4 JavaScript... 4-4 JavaScript... 4-4... 4-5 DOM... 4-5 Document... 4-6 HTML DOM... 4-7 Node... 4-8 jquery... 4-8... 4-8... 4-10 4-3 JavaScript UI... 4-15 JavaScript DOM... 4-15... 4-18 4-4 JavaScript... 4-21... 4-21
... 4-24... 4-25 4-5 JavaScript... 4-29 JSON... 4-29 jquery... 4-30... 4-31 4-6... 4-35... 4-35... 4-35... 4-37 4-7 HTML5 API... 4-40 GeoLocation... 4-40 Web Worker... 4-41 WebSocket... 4-41 File API... 4-43 Web Storage API... 4-44... 4-45 4-8... 4-49 Accelerometer... 4-49 ApplicationCache API... 4-49... 4-52 appendix A... A-1 vi
chapter 1 ª HTML5 ª HTML1.0 HTML5 ª CSS JavaScript HTML ª HTML5 ª app ª manifest ª Windows Runtime (WinRT) ª ª session state application state ª sessionstorage localstorage ª HTML5 ª ª ª App Windows
1-1 HTML5 HTML5 Apps ( ) Apps Apps Windows App Store 20% 1. HTML HTML5 2. (App) 3. (App) App Store Windows 4. (App) App Store Windows HTML5 1-2 / HTML5 1-3 1-4 HTML5 1-5 1-2
1-2 HTML HTML5 HTML5 HTML5 HTML CSS JavaScript HTML 5 HTML 5 JavaScript CSS 3 / HTML5 管理應用程式生命週期1 HTML5 的特性 HTML5 HTML CSS3 Cascading Style Sheets Level-3 JavaScript HTML CSS JavaScript Web Scripting Language Compiler Binary Code JavaScript DOM, Document Object Model HTML5 CSS JavaScript HTML5 <video> <audio> HTML5 HTML5 Flash CSS3 CSS 2D/3D CSS3 1-3
Canvas HTML HTML5 Canvas Canvas JavaScript Flash Canvas 2D 3D HTML5 Web Storage Web Storage localstorage sessionstorage Cookies HTML5 touchstart touchend touchmove touchcancel WebSocket HTTP Stateless Request Response HTML5 WebSocket WebSocket WebSocket Client Server 1-4
Geolocation HTML5 Geolocation GPS App Web Workers Web Workers JavaScript 管理應用程式生命週期1 1-5
1-1. HTML5 ( ) a. XML b. HTML c. CSS d. JavaScript e. ASP.NET f. C# 1-2. doctype a. <!DOCTYLE html PUBLIC "-//W3C/DTD XHTML 1.0 " b. <!DOCTYPE HTML> c. <HTML DOCTYPE> d. "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional dtd"> e. <HTML!DOCTYPE> 1-3. HTML5 a. Cookies b. Plug-ins c. Media queries d. ScreenZoom d. 1-4. JavaScript a. b. c. d. e. 1-5. HTML5 a. b. c. d. HTML5 e. 1-6
1-6. HTML5 a. Windows 8 b. Web PC c. Web d. HTML5 e. 1-7. HTML 5 (Platform- independent) a. HTML5 App b. HTML5 App c. HTML5 HTML5 apps plug-in d. e. 使用HTML5 建置使用者介面1 1-8. HTML5 a. Canvas b. Media queries c. Geolocation d. Audio video e. 1-9. (interpreted languages) ( ) a. Java b. C# c. HTML5 d. CSS e. JavaScript 1-7
1-10. Windows Store App a. WinAppsCreate b. WinIni c. Winrar d. WinJS e. WinLib 1-11. HTML5 ( ) 1-12. API Script a. JavaScript b. DOM c. WinRT d. DirectX e. GoogleMap 1-8