55319AC: HTML5 and CSS
This five day course is an in depth hands-on study of HTML5, CSS3 and modern web and mobile development. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects, including one beginning to end web site. Course content is very similar to previous course 20480.
This class is targeted towards the professional developer new to HTML, self-taught HTML developers, graphics designers and those new to HTML development,
While any background in HTML or development is a plus, all you need are basic PC skills and a desire to learn web development.
At the completion of this course, participants will be able to:
- Create HTML5 compliant web pages.
- Test and validate HTML and CSS code.
- Create CSS for style pages.
- Work with experimental vendor prefixes.
- Work with fonts and CSS font effects.
- Work with color and color tools.
- Layout pages and content using DIVs, iFrames and Tables.
- Add and format images and CSS sprites.
- Create HTML5 forms.
- Embed and manage video and audio content.
Module 1: A Brief History of HTML and the Web
This module introduces HTML and CSS and the tools used to create web pages. It also covers many of those annoying little issues that you need to know about before creating modern web pages, the life cycle of a page request and how to create a new web project in Visual Studio.
Module 2: Core HTML Elements
This module covers the use of HTML and CSS editors, page creation, core HTML tags and HTML validation.
Module 3: Cascading Style Sheets
Although CSS is covered throughout this course and is introduced and used with related HTML tags, this module explores the core CSS features including selectors, CSS units and the CSS Box Model.
Module 4: Fonts and Text
This module explores the use of fonts and lists.
Module 5: Colours and Backgrounds
In this module we will explore how colours and gradients are used and applied in HTML and CSS to HTML tags, fonts and backgrounds.
Module 6: Anchors and Hyperlinks
The “H” of HTML refers the ability to link from one document to another. In this module we will work with the anchor tag and buttons to build hyperlinked documents.
Module 7: Page Layout
In this module we will look at HTML’s options to control where and how content is arranged on a page. We will look at both the HTML tags and what can be done using CSS. This module includes tables, DIVs, IFRAMES and more.
Module 8: Images
This module explores working with images in HTML pages. We will explore file types, file sizes, compression, background images, CSS sprites and best practices.
Module 9: HTML Forms
In this module we will be exploring using HTML tags to create, style and validate web forms, includes Data Lists and browser compatibility.
Module 10: Multimedia
This module explores the addition of video and audio to web pages including working with YouTube, cloud hosting and animated GIFs.