HTML5 and CSS3 New Features Training
HTML and CSS are the two languages that shape most websites on the internet. HTML dictates the content of a website (text, images, and media plugins) and CSS defines the style (colors, fonts, and layouts). Although HTML4 and CSS2 have been foundational in the development of a functional and stylistic internet, HTML5 and CSS3 represent the next step in web technologies. HTML5 and CSS3 are expected to become dominant technologies in developing interactive and aesthetically-appealing websites, and AcademyX's HTML5 training class will enable you to begin authoring, testing, and publishing content in these languages today, even as the standard itself continues to evolve. Your instructor brings years of web development and design experience to the classroom as well as a thorough understanding of the evolving technologies which comprise both HTML5 and CSS3. With AcademyX's teaching staff, you will not only learn the cutting edges that you will be able to apply your new knowledge faster.
History of HTML5, Syntactical Changes
- Master the powerful new set of HTML5 elements and learn which tags have been dropped entirely.
- Explore the features of HTML5 which are stable and currently supported by the major web browsers.
- Gain in-depth knowledge of the context in which HTML5 evolved, in order to better understand its design and limitations.
Using Structural Elements
- Learn how to use new HTML5 structural elements in place of the semantically-neutral div tag.
- Build accessible pages with meaningful sections, providing a better framework for building CSS
- Understand the differences and distinctions between the various new structural tags.
Changed Elements and Attributes, Syntactical Changes
- Discover what elements have changed from HTML4 to HTML5, and what their new usages are.
- Use the new (simpler) doctype and character encoding declarations.
- Practice using the simpler syntax, keeping in mind compatibility with older browsers.
Media and Form Validation
- Learn how to use the audio and video tags for embedding media without third-party plugins like Flash or Silverlight.
- Set videos and audio files to automatically play or loop. Enable or disable built-in browser media controls.
- Leverage new CSS properties to add rounded corners and drop shadows easily.
- Employ color effects, including transparency using RGBA, and gradients.
- Apply transformations like rotation and scale to page elements.
Animation and Advanced Selectors
- Use advanced selectors like nth-child to target exactly the right elements.
- Build websites in HTML5 that work properly old browsers
- Utilize Progressive Enhancement to build features for HTML5-compatible browsers that don't break the website for older browsers.
- Learn the specific quirks of various browsers, and various ways to get around them.
Embed Custom Fonts
- Embed your favorite font with CSS using @font-face!
- Previously web designers were restricted to using images for custom fonts. Using text on the page instead of images is much better for SEO..
- Not all browsers currently support @font-face in the same way, but you will learn about other technologies that act as stop-gaps until the browsers universally support @font-face.
- Experience writing HTML and CSS