HTML5, CSS3, and JavaScript
13 likes•4,020 views
HTML5 enhances web functionality by integrating various technologies like HTML, CSS, and JavaScript, providing a structured and semantic web experience. It introduces features such as offline storage, geolocation, and multimedia support, enabling more interactive and responsive web applications. The document outlines the evolution of these technologies and their critical roles in modern web design.
HTML5, CSS3, and JavaScript
- 1. HTML5makes the web better
- 3. The Web TodayInterlinked and interactive digital content
- 4. Accessed across a range of devices
- 5. An open platform for programmers and designersWhat is HTML5?HTMLCSSJavaScript
- 6. What is HTML5?HTMLCSSJavaScriptHTML: Hyper Text Markup LanguageA markup language
- 7. Gives structure and meaning
- 8. Version 5What is HTML5?HTMLJavaScriptCSSCSS: Cascading Style SheetsA presentation language
- 9. Styles content for device
- 10. Version 3What is HTML5?HTMLCSSJavaScriptJS: JavaScript (ECMA-262)A programming language
- 11. Controls behavior on a web page
- 12. Version 1.8What is HTML5?HTMLCSSJavaScriptIt’s also just HTML5
- 13. HTML5: Semantics
- 14. HTML5: Semanticstypical html4 page structure
- 15. HTML5: Semanticspage structure with HTML5
- 16. HTML5: Microdatahtml for an event
- 17. HTML5: Microdatahtml for an event with microdata
- 18. HTML5: Microdata
- 19. HTML5: Offline & Storage
- 20. HTML5: Offline & StorageGmail works offline using HTML5 and Google Gears
- 25. HTML5: Device OrientationSnow fall changes based on moving laptop to left and right
- 27. HTML5: Web SocketsWeb sockets senddata between theserver and clientfasterthan http requests
- 32. New with HTML5
- 33. HTML5: Canvas
- 34. HTML5: Canvas
- 35. HTML5: Canvas
- 38. HTML5: CSS3
- 39. New with CSS3Rounded corners
- 41. RGBa & opacity
- 42. Web fonts
- 43. Text & box shadow
- 44. Gradients
- 46. Media QueriesCSS3: Rounded Corners
- 47. CSS3: Rounded CornersThis HTML embeds two of the images in the pageas normal images
- 48. CSS3: Rounded CornersThe other two imagesare added in the CSS
- 49. CSS3: Rounded CornersThis HTML is much simpler and has no images in it
- 50. CSS3: Rounded CornersStyling for rounded corners done in 1 line with CSS3!
- 51. CSS3: Web FontsBefore CSS3, custom fonts required making images for each word or using Flash to embed fonts and replace HTML text
- 52. CSS3: Web Fonts
- 53. CSS3: Web Fonts
- 54. CSS3: Media QueriesApply different styles based on measurements of the device
- 55. HTML5: Overview
- 57. JavaScriptHTMLCSSJavaScriptCan’t do much HTML5 without it
- 58. One of most in demand languages
- 59. Teaching it next semesterLearn MoreAdvanced Web Design (CA273)HTML5, CSS3JavaScript (CA276)JavaScript