Adobe Dreamweaver CS5.5 ? ??? HTML5 ??
?
1 like?1,913 views
Dreamweaver CS5.5 ? ??? HTML5 ??
![??? ??? ???
? <article>
? <aside>
? <footer>
? <header>
? <nav>
? <progress>
? <section>
? <time> ? 30?? ??? ??[1] ???.
? ??? ?? ?? ?? ??? ???
[1] ?? : http://w3schools.com/html5/html5_reference.asp
Page 20](https://image.slidesharecdn.com/03-adobedreamweavercs5-5-html5-120202202350-phpapp02/85/Adobe-Dreamweaver-CS5-5-HTML5-20-320.jpg)
Adobe Dreamweaver CS5.5 ? ??? HTML5 ??
- 1. Adobe Dreamweaver CS5.5 - HTML5 ??? ????? | ?????????
- 2. ??? ?? ? ??? / ???????? ?? ??? ? (?) ?? ??? ??? ?? : HTML5 + Sencha Touch ? OKJSP ??? ???? HTML5 ?? + ??? ?? ?? ? ?? ??????? 2011? 1?? ~ 4?? Sencha Touch ??? ? ?? ? 2011? 7?? ~ 9?? Sencha Touch ?? ? ? Sencha Touch ?? ?? ? ?? ??? ? E-mail : jongkwang@w3labs.kr ? Twitter : @jongkwang ? Facebook : facebook.com/kimjongkwang Page 2
- 3. ?? ? Adobe Dreamweaver CS5.5 - Adobe Dreamweaver CS5.5 ?? ? HTML5 - HTML5 ?? - HTML5 Tags - ????? ?? - Form Elements - JavaScript API ? Using Dreamweaver CS5.5 - Defining a Dreamweaver Site - Dreamweaver UI - Forms Properties - Live View/Code - Configuring the Workspace Page 3
- 6. Adobe Dreamweaver CS5.5 ?? ??? ??? Page 6
- 7. Adobe Dreamweaver CS5.5 ? Multiscreen Preview panel Multiscreen Preview panel ? Smartphones ? Tablets ? PC Media Query Support Page 7
- 8. Adobe Dreamweaver CS5.5 ? CSS3/HTML5 support CSS3 support ? ¡°CSS Panel¡± support CSS3 ? Media Query support ? Multiscreen Preview panel HTML5 ? HTML5 Tag ? Code Hinting ? Live View support <video> (with QuickTime) ? <svg> support Page 8
- 9. Adobe Dreamweaver CS5.5 ? jQuery Mobile jQuery Mobile ? jQuery code hinting ? jQuery Mobile WYSIWYG ? Template support Page 9
- 10. Adobe Dreamweaver CS5.5 ? CSS3/HTML5 support PhoneGap ? Build and package native apps ? Andorid and iOS ? Device API (Camera, GPS, Accelerometer¡) Page 10
- 11. Adobe Dreamweaver CS5.5 ? CSS3/HTML5 support Adobe BrowserLab ? OS ? ????? ?? ??? ? 2? ???? ?? ? ? ?? Page 11
- 12. Adobe Dreamweaver CS5.5 ?? ??? ??? HTML5 ??? ?????? ??! Page 12
- 13. Adobe Dreamweaver CS5.5 ???? ? cs5.5 ??? Cs6.0 ? ???? Page 13
- 14. Adobe Dreamweaver CS5.5 ? Adobe Creative Suite 5.5 ? Mobile ??? ??!! - Tablet ? Mobile ??? ?? ?? - ?? Contents ?? Mobile ??? ??? ?? Mobile ??? ?? ??? ?? ?? Production Life Cycle? ? ?? ????? ?? Page 14
- 15. Adobe Dreamweaver CS5.5 ???? HTML5 ?? Page 15
- 16. HTML5
- 17. HTML5 - ?? ? W3C ?? ??? ?? ? Canvas, Video, Audio ??? ??? ????? ?? ?? ?? ? Web Workers, Web Storage, Geolocation ??? ?? ?????? ?? ?? ? ????? ???? ??? ??? ?? ? ???? ???? ? ??? ?????? ?? ?? ? ??? ????? ????? ?? Page 17
- 18. HTML5? ??? ?? ? 2004? WHATWG?? ?? ? W3C??? 2007? HTML5 ?? ? HTML5 Last Call 2009 ? HTML5 Last Call Finish 2011.05 ? HTML5 Recommandation 2014?? ??? ??? WHATWG Page 18
- 19. HTML5 ???? ? <!doctype html> ? ?? ? <script>, <style> ???? type ?? HTML4 HTML5 Page 19
- 20. ??? ??? ??? ? <article> ? <aside> ? <footer> ? <header> ? <nav> ? <progress> ? <section> ? <time> ? 30?? ??? ??[1] ???. ? ??? ?? ?? ?? ??? ??? [1] ?? : http://w3schools.com/html5/html5_reference.asp Page 20
- 21. ??? ??? ??? <div class="header"></div> HTML4 <header></header> HTML5 Page 21
- 22. HTML5 ?? HTML4 HTML5 Page 22
- 24. ??? ??? ????? ?? ? <canvas> ? <video> ? <audio> ? <source> Page 24
- 25. ??? ???? ? <keygen> ? <datalist> ? <output> ? ??? <input> type ? email ? datetime ? time ? datetime-local ? number ? range ? Color ? ?, ?? ????? ?? ??? ?? ??? ??? ??? ?? Page 25
- 26. New HTML5 Javascript API ? <canvas> drawing API ? <video>, <audio> control API ? Local Storage API ? Web SQL DB API ? Indexed DB API ? Geolocation API ? Offline web apps API ? Web Socket ? Web Worker ? Drag and Drop API ? File API Page 26
- 27. HTML5 ???? ?? ? <doctype> ?? ?? <!doctype html> ? ??? ??? <header>, <footer>, <nav> ? ? ??????? ????? ?? ?? <video>, <audio>, <canvas> ? ??? ? ?? new input type, range, calendar ? ? ??? HTML5 JavaScript API ?? Canvas API, Video API, Web Storage API, Geolocation API ? Page 27
- 28. Adobe Dreamweaver CS5.5 HTML5 Demo Page 28
- 30. Defining a Dreamweaver Site Defining a Dreamweaver Site Page 30
- 31. Defining a Dreamweaver Site Live Demo Page 31
- 32. Defining a Dreamweaver Site ¨C New File ? File ? New Page 32
- 33. Defining a Dreamweaver Site ¨C New File ? File ? New Page 33
- 34. ? Site ? New Site Defining a Dreamweaver Site ¨C New Site Page 34
- 37. Dreamweaver UI ? Dreamweaver UI Page 37
- 38. Dreamweaver UI ? Dreamweaver UI Page 38
- 39. Dreamweaver UI ? Dreamweaver UI Page 39
- 42. Form Properties ? Dreamweaver UI Page 42
- 43. Form Properties ? Dreamweaver UI Page 43
- 46. Live View/Code ? Live View Page 46
- 47. Live View/Code ? Live View ??? Split Page 47
- 48. Live View/Code ? Live Code Page 48
- 49. Configuration the Workspace Configuration the Workspace Page 49
- 50. Configuration the Workspace Live Demo Page 50
- 51. Configuration the Workspace ? Workspace Page 51
- 52. Configuration the Workspace ? Configuration the Workspace Page 52
- 53. Defining a Dreamweaver Site ??? HTML5 ???? ??? ?? ??? ?? Page 53
- 54. PRACTICAL HTML5
- 56. Summary ? Adobe Dreamweaver CS5.5 - Multiscreen Preview panel - CSS3/HTML5 support - jQuery Mobile - PhoneGap (Native Application) - Adobe BrowserLab ? HTML5 - HTML5 ?? - HTML5 Tags - ????? ?? - Form Elements - JavaScript API Page 56
- 57. Summary ? Using Dreamweaver CS5.5 - Defining a Dreamweaver Site - Dreamweaver UI - Forms Properties - Live View/Code - Configuring the Workspace Page 57
- 58. ?????. ?? ?? ?? ? Twitter : @jongkwang ? Facebook : facebook.com/kimjongkwang Page 58