55319
HTML5 and CSS Training
55319AC HTML5 and CSS is the Community Courseware equivalent of retired MOC Course 20480CC - Programming in HTML5 with JavaScript and CSS3.
This five day course is an in depth hands-on study of HTML5, CSS3 and modern web and mobile development.
Course Details
Duration
5 days
Prerequisites
While any background in HTML or development is a plus, all you need are basic PC skills and a desire to learn web development.
Target Audience
- Professional developers new to HTML
- Self-taught HTML developers
- Graphics designers
- Anyone new to HTML development
Skills Gained
- 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.
Course Outline
- A Brief History of HTML and the Web
- Welcome!
- History
- Details, Details, Details
- The Life of a Web Page
- HTTP Status Codes Definitions
- Most Important Things to Know as a Web Developer
- Core HTML Elements
- HTML and CSS Editors
- Text, Spaces and Tabs
- Working with Tags
- Attributes
- Comments
- Non-Standard Tags
- Every Page Includes
- File Extensions
- Core Page Elements
- Nesting
- Testing HTML
- HTML and Text
- Cascading Style Sheets
- Before CSS
- With CSS
- Cascading Style Sheets (CSS)
- Adding CSS to a Page
- Order of CSS Processing
- Experimental Vendor Prefixes
- CSS Units
- The CSS Box Mode
- Fonts and Text
- Fonts
- CSS for Text
- CSS Text Ticks!
- Working with Lists
- Upgrading and to Windows 7
- Colors and Backgrounds
- Specifying Colors
- Applying Colors
- Gradients
- Anchors and Hyperlinks
- and CSS
- Hyperlinks with Images and Other Objects
- Buttons
- Page Layout
- Page Layout Options
- Tables for Data
- DIVs
- Float
- SPAN
- HTML 5 DIV-like Tags
- IFRAMES
- Images
- Favicon
- Preparing Images
- Image Files
- The IMG Tag
- Background Images
- Image Best Practices
- CSS Sprites
- HTML Forms
- A Basic Form
- POST vs. GET
- name vs. id
- Basic Form Elements
- Basic Form Attribute
- Select
- Uploading Files
- HTML 5 Form Enhancements
- DataList
- Multimedia
- Video and Audio
- HTML 5 Video
- CSS
- JavaScript
- Audio
- Hosting Videos in the Cloud
- Working with Animated GIFs