This HTML5 and CSS training is a 5-day training course. It will help you understand the hands-on study of HTML5, CSS, and modern web and mobile development. This training also has in-depth Q&A labs and hands-on labs, and the labs have multiple projects, such as the beginning-to-end website.
Prerequisites for this training
Required
While any background in HTML or development is a plus, all you need are basic PC skills and a desire to learn web development.
Who should attend this course?
This course is targeted towards the professional developer new to HTML, self-taught HTML developers, graphics designers and those new to HTML development.
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
With Microtek Learning, you’ll receive:
Certified Instructor-led training
Industry Best Trainers
Official Training Course Student Handbook
Pre and Post assessments/evaluations
Collaboration with classmates (not available for a self-paced course)
Real-world knowledge activities and scenarios
Exam scheduling support*
Learn and earn program*
Practice Tests
Knowledge acquisition and exam-oriented
Interactive online course.
Support from an approved expert
For Government and Private pricing*
* For more details call: +1-800-961-0337 or Email: info@microteklearning.com
Our Clients
For many years, Microtek Learning has been helping organizations, leaders, and professionals to reach their maximum performance by addressing the challenges they are facing.
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
Lessons
Welcome!
History
Details, Details, Details…
The Life of a Web Page
HTTP Status Codes Definitions
Most Important Things to Know as a Web Developer
Lab 1: Getting Started with HTML
Q&A quiz
Exercise 1 – Create a web page
Exercise 2 – Explore Visual Studio Options
Exercise 3 – Experimenting with tags
Lab Solution
After completing this module, students will be able to:
Describe the history and use of HTML and CSS.
The life cycle of a page request and how the web server and web browser interact.
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.
Lessons
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
Lab 1: Cascading Style Sheets
Q&A quiz
Exercise 1 – Creating and Validating a Page
Exercise 2 – CSS Box Model – Customize the Header
Exercise 3 – CSS Box Model – Adding Navigation Tabs
Exercise 4 – Working with a Pseudo Class
Exercise 5 – Validate Your Code
Lab Solution
After completing this module, students will be able to:
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.
Lessons
Hyperlinks with Images and Other Objects
Buttons
Lab 1: Anchors and Hyperlinks
Q&A quiz
Exercise 1 – Add links to other pages
Exercise 2 – External Links
Exercise 3 – Image Links
Lab Solution
After completing this module, students will be able to:
Create hyperlinks to internal and external targets.
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.
Lessons
Page Layout Options
Tables for Data
DIVs
Float
SPAN
HTML 5 DIV-like Tags
IFRAMES
Lab 1: Page Layouts
Q&A quiz
Exercise 1 – Float Images
Exercise 2 – Float DIVs
Exercise 3 – Exploring the Power of CSS Style Sheets
Lab Solution
After completing this module, students will be able to:
Choose the best options for laying out pages and contents.
This module explores working with image in HTML pages. We will explore file types, file sizes, compression, background images, CSS sprites and best practices.
Lessons
Favicon
Preparing Images
Image Files
The IMG Tag
Background Images
Image Best Practices
CSS Sprites
Lab 1: Images
Q&A quiz
Exercise 1 – Add a Background to a Page
Exercise 2 – Add a Background Image to a DIV
Lab Solution
After completing this module, students will be able to:
Choose the best file format for an image.
Insert, size and format an image.
Use background images.
Work with CSS sprites.
Understand the best practices for working with images in web pages.
This module explores the addition of video and audio to web pages.
Lessons
Video and Audio
HTML 5 Video
CSS
JavaScript
Audio
Hosting Videos in the Cloud
Working with Animated GIFs
Lab 1: Adding Videos to a Page
Q&A quiz
Exercise 1 – Add a Video to a Page
Exercise 2 – Add a YouTube Video to a Page (optional)
Lab Solution
After completing this module, students will be able to:
Understand the issues and limitations when working with videos across multiple browsers.
Use the HTML5 tabs to add video and audio to a page.
How to plan for “fallback” to support browser and device compatibility issues.
The use of animated GIFs.
REVIEWS ON OUR POPULAR COURSES
I was sceptical at first whether to enrol with Microtek Learning or not, however, I am glad that I did- I got everything that was promised (maybe more). The trainer was very patient and knowledgeable and with his effort and mine, I was able to clear the exam with ease! Keep up the good work everyone.
MARTIN
TORONTO, CANADA
(5)
I'm really impressed with the storytelling skills of the instructor. She makes the session exciting by keeping things simple and easy to understand.
Prince N.
Texas
(5)
I was recommended the ITIL 4 Foundation course by an IT professional who had completed the same course at Microtek Learning. The training gave me a thorough understanding of service management that I felt I could take back to my job as an IT Project Management and apply it to improve the value of products and services.
I was sceptical at first whether to enrol with Microtek Learning or not, however, I am glad that I did- I got everything that was promised (maybe more). The trainer was very patient and knowledgeable and with his effort and mine, I was able to clear the exam with ease! Keep up the good work everyone.
MARTIN
TORONTO, CANADA