39
URL : http://www.asial.co.jp/ │ Copyright © Asial Corporation. All Rights Reserved.  │ 1 アシアル株式会社 HTML5プロフェッショナル認定試験 試験概要と頻出ポイント解説

20140902 HTML5プロフェッショナル認定試験対策講座

Embed Size (px)

DESCRIPTION

2014年9月2日ヒカ☆ラボにてアシアル株式会社生形可奈子氏にご登壇頂いた際の資料です。

Citation preview

  • 1. HTML5 URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 1

2. HTML5MonacaURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 2 3. 1. HTML52. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 3 Web HTML CSS3 Web Web 4. HTML5URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 4 5. HTML5n LPI-JapanHTML5n 2URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 5 Level1 Web HTML5 Level2WebWeb 6. Level30%37%20%10%3%WebHTMLCSS3WebWeb URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 6 7. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 7n CBTVUE 6590715,000 8. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 8 9. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 9n HTML A : b B : strong C : big D : small 10. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 102n inputtype A : tel B : url C : color D : address 11. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 11Web 12. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 12HTTPn GET/POST/HEAD/PUT/DELETE n User-Agent/Referer/Content-Type n 1xx 2xx 3xx 4xx 5xx 13. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 13OSI7HTTP6HTTP5HTTP4TCP3IP21 14. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 14n SQL SQL n XSS JavaScript n CSRF 15. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 15n /DNS/// n SQLCREATE/DROP/SELECT/INSERT/DELETE/UPDATEn /RDFa/URLn Web // 16. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 16HTML 17. meta charset=UTF-8title/title/headbodyp/p/body/htmlURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 17HTML5n HTML5!DOCTYPE htmlhtml lang=jahead CSS 18. HTML5headernavsectionarticlearticlefooterasideURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 18 19. HTML5videoaudiosourcevideoaudiotrackembedURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 19 20. HTML5CanvasURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 20n Canvas JavaScript Level2 Level1 /// 21. HTML5basefontbigcenterfontstrikettframeframesetnoframesframeURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 21 22. HTML5bishrsmallstrongURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 22 23. HTML5URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 23n input submit required/ pattern/ maxlengthn data-ulli data-id=0001/lili data-id=0002/lili data-id=0003/li/ul 24. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 24CSS3 25. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 25n CSS2 id/// /// :before/:after/:first-line :first-child/:link/:hover/:target/:not 26. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 26n inheritdiv {border : solid 1px #fff;}div * {border: inherit; /* divborder */} 27. n !importantCSS!importantCSS CSSCSSCSSURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 271. CSS2. 1. style2. id3. or or 4. or 3. 28. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 28Flexible Boxn Flexible Box FlexFlexFlexFlex 29. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 29n transform img {transform: rotate(90deg); /* 90 */}CSS 30. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 30n transition n animation transition 31. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 31n -webkit- / -moz- / -o- / -ms- n width/height/margin/padding/border display/visibility box-shadow/ clip/ (border-radius)n / / rgb / rgban Web / / 32. WebURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 32 33. @media screen and (max-width: 800px) {body{background-color: #000}}URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 33n CSS1. CSS2. linkCSSlink rel=stylesheet media=screen and (max-width: 800px)href=style.css 34. WebURL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 34 35. n WEB2. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 35A.htmlB.htmlA.htmlB.html1. 36. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 36 37. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 37n HTML5 HTML HTML51 38. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 38n https://www.facebook.com/asialjuku facebookn HTML5 Web 9/519:00 or 9/1919:00 1 3000 39. URL : http://www.asial.co.jp/Copyright Asial Corporation. All Rights Reserved. 39