55319: HTML5 and CSS Training

Category

Visual Studio

Rating
4.5
(4.5)
Price

$2595
Per Participant

Course Description

Note: This is a replacement course for 20480: Programming in HTML5 with JavaScript and CSS3 (Visual Studio 2017).

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.

Microsoft Certified Partner

Microtek Learning is a Microsoft Certified Partner for Learning Solutions. This class uses official Microsoft courseware and will be delivered by a Microsoft Certified Trainer (MCT).

Schedules

Oops! For this course, there are currently no public schedules available. Clicking on "Notify Me" will allow you to express your interest.

For dates, times, and location customization of this course, get in touch with us.

You can also speak with a learning consultant by calling 800-961-0337.

What you will learn

  • 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

Curriculum

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.
  • How to create a new web project in Visual Studio

    • This module covers the use of HTML editors, page creation, core HTML tags and HTML validation.

    Lessons

  • 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

    • Lab 1: Core HTML Elements

  • Q&A quiz
  • Exercise 1 – Creating and Validating a Page
  • Exercise 2 – Browser tools
  • Exercise 3 – Add a Copyright Message
  • Exercise 4 – Create a Style Sheet
  • Lab Solution

    • After completing this module, students will be able to:

  • Use HTML editors to create web pages.
  • Use core HTML tags.
  • Create CSS style sheets.
  • Validate HTML using validators and browser tools.

    • 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:

  • Add CSS to pages.
  • Create and use CSS selectors.
  • Understand the CSS unit system.
  • Work with the CSS Box Model.
  • Use CSS to create shapes and symbols.

    • This module explores the use of fonts and lists.

    Lessons

  • Fonts
  • CSS for Text
  • CSS Text Ticks!
  • Working with Lists
  • Upgrading and to Windows 7

    • Lab 1: Fonts and Text

  • Q&A quiz
  • Exercise 1 – Selecting Fonts
  • Exercise 2 – Validate Your Code
  • Lab Solutio

    • After completing this module, students will be able to:

  • Describe how fonts are used and selected in HTML and CSS.
  • Apply CSS to fonts.
  • Use CSS to create shadows and rotated text.
  • Create and format text lists.

    • In this module we will explore how colors are used and applied in HTML and CSS to HTML tags, fonts and backgrounds.

    Lessons

  • Specifying Colors
  • Applying Colors
  • Gradients

    • Lab 1: Colors and Backgrounds

  • Q&A quiz
  • Exercise 1 – Working with Color
  • Exercise 2 - Gradients
  • Lab Solution

    • After completing this module, students will be able to:

  • Define colors using RGB and other systems.
  • Apply colors to HTML elements using CSS.
  • Work with CSS gradients.

    • 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.
  • Work with CSS and DIVs to layout content.
  • Work with the new HTML5 contextual tags.
  • Build and format tables of data.

    • 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.

    • In this module we will be exploring the HTML tags to create, style and validate web forms.

    Lessons

  • A Basic Form
  • POST vs. GET
  • name vs. id
  • Basic Form Elements
  • Basic Form Attribute
  • Select
  • Uploading Files
  • HTML 5 Form Enhancements
  • DataList

    • Lab 1: HTML Forms

  • Q&A quiz
  • Exercise 1 – Build a Simple Form
  • Lab Solution

    • After completing this module, students will be able to:

  • Create HTML forms.
  • Choose the best method, POST or GET for the form.
  • Work with form elements to upload files.
  • Work with the new HTML5 form elements and browser compatibility.
  • Create a Data List.

    • 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.

    • 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

    Request Call

    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.

    • 300+ enterprise clients
    • 100,000+ professionals trained
    • Service 70 of the Fortune 100
    • 96% of our clients would recommend us
    our clients

    Our Awards

    our awards
    why choose us

    REVIEWS ON OUR POPULAR COURSES

    male

    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)
    male

    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)
    male

    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.

    Marsh George

    Texas

    • (5)
    Accredited By

    Course Details

    • Duration: 5 Days
    • Enrolled: 1002
    • Price: $2595
    ENROLL NOW
    side post side mode

    Talk to Learning Advisor