(4 customer reviews)

HTML5/CSS3: Zero to HERO

$ 997.00 + VAT

What you will learn

In addition to learning about HTML5 and CSS coding, you will learn how to use HTML5 Application Programming Interfaces (APIs) to extend the functionality of Web pages, such as geolocation, drag-and-drop, canvas, and offline Web applications.

You will learn basic JavaScript coding, and use HTML5 APIs (application programming interfaces) to extend the functionality of Web pages with modern features such as geolocation, drag-and-drop, canvas and offline Web applications. In addition, you will learn techniques for code validation and testing, form creation, inline form field validation, and mobile design for browsers and apps, including Responsive Web Design (RWD).

FULL COURSE DETAILS

Clear
ENQUIRE NOW
 

Description

  • DESCRIPTION
  • OUTLINE

The first part of this 5-day course focusses on essential Web page development skills. You will learn to develop Web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS). You will learn to write code manually, as well as use graphical user interface (GUI) authoring tools. You will also learn to insert images, create hyperlinks, and add tables, forms, video, and audio to your Web pages.

The latter part builds upon your manual coding skills to teach you how to develop Web documents using new elements, attributes and selectors introduced in HTML5 (Hypertext Markup Language version 5) and CSS3 (Cascading Style Sheets version 3). You will create Web pages using the HTML5 structure elements, embed video and audio, and develop cross-browser user-input forms. You will use CSS3 to position and format content, and to create effects such as transformations, transitions and animation.

Who is this course for?

Students and professionals who are interested in Web site development can benefit from :

  • IT professionals
  • Marketing professionals
  • Graphic artists
  • Web site designers
  • Graphic designers
  • Web marketing professionals
  • Mobile application developers
  • Art/creative directors
  • Advertising professionals
  • Entrepreneurs

Assumed Knowledge

No prior experience using the Internet, developing Web pages or configuring networks is necessary. However, students should be familiar with an operating system such as Microsoft Windows 7 before taking this course.

What you will learn

In addition to learning about HTML5 and CSS coding, you will learn how to use HTML5 Application Programming Interfaces (APIs) to extend the functionality of Web pages, such as geolocation, drag-and-drop, canvas, and offline Web applications.

You will learn basic JavaScript coding, and use HTML5 APIs (application programming interfaces) to extend the functionality of Web pages with modern features such as geolocation, drag-and-drop, canvas and offline Web applications. In addition, you will learn techniques for code validation and testing, form creation, inline form field validation, and mobile design for browsers and apps, including Responsive Web Design (RWD).

Introduction to HTML

  • Basic HTML syntax
  • The current state of HTML
  • HTML resources
  • Choosing a code editor

Basic Page Structure

  • Exploring HTML document
  • The Doctype Declaration
  • The document head
  • The Lang Attribute
  • Meta Tag: The Unicode Character Set
  • The document body
  • Understanding content models

Adding metadata

  • How search engines read websites
  • Creating content tags
  • Creating keyword tags

Formatting Page Content

  • Formatting content with HTML
  • Using heading
  • Controlling line breaks
  • Emphasizing text
  • Displaying special characters
  • Controlling whitespace
  • Displaying images

Structuring Content

  • Common web page elements
  • The div element
  • Other semantic-elements
  • Using WAI-ARIA roles
  • Using ID Selectors
  • The Background-Image Property
  • The Box Model
  • Padding and Margin Spacing
  • Setting Div Width

 

Creating Links

  • Relative links vs absolute links
  • Working with URLs
  • Anchors within documents

Creating List

  • Numbered (ordered) lists
  • Unnumbered (unordered) lists
  • Definition lists
  • Using list items for navigation

Working with images

  • Adding image links
  • The GIF, JPEG and PNG formats
  • Compression issues
  • Alternative text, titles and descriptions for images
  • Using the figure tag Floating images

Tables in HTML5

  • Tables vs CSS
  • When to use tables and when not to
  • Creating a table
  • Creating rows
  • Creating columns

Styling a table

  • Styling row and column settings
  • Creating borders
  • Adding colours

Controlling Styling

  • HTML and CSS
  • Creating inline styles
  • The style element
  • Controlling typography
  • Adding color
  • Externalizing styles

Introduction to CSS Version 3 (CSS3)

  • New CSS properties and selectors
  • Backgrounds and borders
  • Fonts and text effects
  • Transitions and animations
  • Creating transparencies and overlays with CSS3
  • Color gradients

HTML5

    • The nav element
    • The article element
    • The section element
    • The header tag
    • The footer tag

Creating Form

      • The Form Tag
      • The Input and Label Elements
      • Name and ID Attributes
      • Fieldset and Legend Elements
      • Select, Option
      • Input Types: Text, Checkbox, Radio & Submit

Basic Scripting

    • Difference between server-side and Client-side scripting
    • The script element
    • Writing a function
    • Using the DOM
    • Listening for an event
    • Responding to events
    • Externalizing JavaScript
    • jQuery library
    • Introduction to AJAX
    • Writing PHP script to send an email

Worried about COVID-19?

Good News! All of our courses are offered virtually in the comfort of your home or offices.

Academy Class Benefit from the Wisdom

Benefit from the Wisdom

Delivering Quality Training since 2006.

Training Budget Maximised!

Lower Price Match Guarantee & Flexible Training Vouchers

Practical, Cutting-Edge Training

From industry experienced professionals.

Work Faster, Earn More

Reduce your production time by improving all your workflow processes, best practices and shortcuts.

Gain a Competitive Edge

Boost your career by improving your skills and getting Accreditation.

When, How and Where You Want To Learn

Course Time

9:30am - 4:30pm

individual training

Individual

Corporate

Customised

Classroom​

Live-Online

Worldwide

Contact Information

Give Us A Call (United Kingdom)

Give Us A Call (United States)

Email Addresses

General Enquiries: office@academyclass.com

Training Enquires: training@academyclass.com

Support Enquiries: support@academyclass.com

    • DESCRIPTION
    • OUTLINE

    The first part of this 5-day course focusses on essential Web page development skills. You will learn to develop Web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS). You will learn to write code manually, as well as use graphical user interface (GUI) authoring tools. You will also learn to insert images, create hyperlinks, and add tables, forms, video, and audio to your Web pages.

    The latter part builds upon your manual coding skills to teach you how to develop Web documents using new elements, attributes and selectors introduced in HTML5 (Hypertext Markup Language version 5) and CSS3 (Cascading Style Sheets version 3). You will create Web pages using the HTML5 structure elements, embed video and audio, and develop cross-browser user-input forms. You will use CSS3 to position and format content, and to create effects such as transformations, transitions and animation.

    Who is this course for?

    Students and professionals who are interested in Web site development can benefit from :

    • IT professionals
    • Marketing professionals
    • Graphic artists
    • Web site designers
    • Graphic designers
    • Web marketing professionals
    • Mobile application developers
    • Art/creative directors
    • Advertising professionals
    • Entrepreneurs

    Assumed Knowledge

    No prior experience using the Internet, developing Web pages or configuring networks is necessary. However, students should be familiar with an operating system such as Microsoft Windows 7 before taking this course.

    What you will learn

    In addition to learning about HTML5 and CSS coding, you will learn how to use HTML5 Application Programming Interfaces (APIs) to extend the functionality of Web pages, such as geolocation, drag-and-drop, canvas, and offline Web applications.

    You will learn basic JavaScript coding, and use HTML5 APIs (application programming interfaces) to extend the functionality of Web pages with modern features such as geolocation, drag-and-drop, canvas and offline Web applications. In addition, you will learn techniques for code validation and testing, form creation, inline form field validation, and mobile design for browsers and apps, including Responsive Web Design (RWD).

    Introduction to HTML

    • Basic HTML syntax
    • The current state of HTML
    • HTML resources
    • Choosing a code editor

    Basic Page Structure

    • Exploring HTML document
    • The Doctype Declaration
    • The document head
    • The Lang Attribute
    • Meta Tag: The Unicode Character Set
    • The document body
    • Understanding content models

    Adding metadata

    • How search engines read websites
    • Creating content tags
    • Creating keyword tags

    Formatting Page Content

    • Formatting content with HTML
    • Using heading
    • Controlling line breaks
    • Emphasizing text
    • Displaying special characters
    • Controlling whitespace
    • Displaying images

    Structuring Content

    • Common web page elements
    • The div element
    • Other semantic-elements
    • Using WAI-ARIA roles
    • Using ID Selectors
    • The Background-Image Property
    • The Box Model
    • Padding and Margin Spacing
    • Setting Div Width

     

    Creating Links

    • Relative links vs absolute links
    • Working with URLs
    • Anchors within documents

    Creating List

    • Numbered (ordered) lists
    • Unnumbered (unordered) lists
    • Definition lists
    • Using list items for navigation

    Working with images

    • Adding image links
    • The GIF, JPEG and PNG formats
    • Compression issues
    • Alternative text, titles and descriptions for images
    • Using the figure tag Floating images

    Tables in HTML5

    • Tables vs CSS
    • When to use tables and when not to
    • Creating a table
    • Creating rows
    • Creating columns

    Styling a table

    • Styling row and column settings
    • Creating borders
    • Adding colours

    Controlling Styling

    • HTML and CSS
    • Creating inline styles
    • The style element
    • Controlling typography
    • Adding color
    • Externalizing styles

    Introduction to CSS Version 3 (CSS3)

    • New CSS properties and selectors
    • Backgrounds and borders
    • Fonts and text effects
    • Transitions and animations
    • Creating transparencies and overlays with CSS3
    • Color gradients

    HTML5

      • The nav element
      • The article element
      • The section element
      • The header tag
      • The footer tag

    Creating Form

        • The Form Tag
        • The Input and Label Elements
        • Name and ID Attributes
        • Fieldset and Legend Elements
        • Select, Option
        • Input Types: Text, Checkbox, Radio & Submit

    Basic Scripting

      • Difference between server-side and Client-side scripting
      • The script element
      • Writing a function
      • Using the DOM
      • Listening for an event
      • Responding to events
      • Externalizing JavaScript
      • jQuery library
      • Introduction to AJAX
      • Writing PHP script to send an email

    Worried about COVID-19?

    Good News! All of our courses are offered virtually in the comfort of your home or offices.

    Academy Class Benefit from the Wisdom

    Benefit from the Wisdom

    Delivering Quality Training since 2006.

    Training Budget Maximised!

    Lower Price Match Guarantee & Flexible Training Vouchers

    Practical, Cutting-Edge Training

    From industry experienced professionals.

    Work Faster, Earn More

    Reduce your production time by improving all your workflow processes, best practices and shortcuts.

    Gain a Competitive Edge

    Boost your career by improving your skills and getting Accreditation.

    When, How and Where You Want To Learn

    Course Time

    9:30am - 4:30pm

    individual training

    Individual

    Corporate

    Customised

    Classroom​

    Live-Online

    Worldwide

    Contact Information

    Give Us A Call (United Kingdom)

    Give Us A Call (United States)

    Email Addresses

    General Enquiries: office@academyclass.com

    Training Enquires: training@academyclass.com

    Support Enquiries: support@academyclass.com

      • DESCRIPTION
      • OUTLINE

      The first part of this 5-day course focusses on essential Web page development skills. You will learn to develop Web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS). You will learn to write code manually, as well as use graphical user interface (GUI) authoring tools. You will also learn to insert images, create hyperlinks, and add tables, forms, video, and audio to your Web pages.

      The latter part builds upon your manual coding skills to teach you how to develop Web documents using new elements, attributes and selectors introduced in HTML5 (Hypertext Markup Language version 5) and CSS3 (Cascading Style Sheets version 3). You will create Web pages using the HTML5 structure elements, embed video and audio, and develop cross-browser user-input forms. You will use CSS3 to position and format content, and to create effects such as transformations, transitions and animation.

      Who is this course for?

      Students and professionals who are interested in Web site development can benefit from :

      • IT professionals
      • Marketing professionals
      • Graphic artists
      • Web site designers
      • Graphic designers
      • Web marketing professionals
      • Mobile application developers
      • Art/creative directors
      • Advertising professionals
      • Entrepreneurs

      Assumed Knowledge

      No prior experience using the Internet, developing Web pages or configuring networks is necessary. However, students should be familiar with an operating system such as Microsoft Windows 7 before taking this course.

      What you will learn

      In addition to learning about HTML5 and CSS coding, you will learn how to use HTML5 Application Programming Interfaces (APIs) to extend the functionality of Web pages, such as geolocation, drag-and-drop, canvas, and offline Web applications.

      You will learn basic JavaScript coding, and use HTML5 APIs (application programming interfaces) to extend the functionality of Web pages with modern features such as geolocation, drag-and-drop, canvas and offline Web applications. In addition, you will learn techniques for code validation and testing, form creation, inline form field validation, and mobile design for browsers and apps, including Responsive Web Design (RWD).

      Introduction to HTML

      • Basic HTML syntax
      • The current state of HTML
      • HTML resources
      • Choosing a code editor

      Basic Page Structure

      • Exploring HTML document
      • The Doctype Declaration
      • The document head
      • The Lang Attribute
      • Meta Tag: The Unicode Character Set
      • The document body
      • Understanding content models

      Adding metadata

      • How search engines read websites
      • Creating content tags
      • Creating keyword tags

      Formatting Page Content

      • Formatting content with HTML
      • Using heading
      • Controlling line breaks
      • Emphasizing text
      • Displaying special characters
      • Controlling whitespace
      • Displaying images

      Structuring Content

      • Common web page elements
      • The div element
      • Other semantic-elements
      • Using WAI-ARIA roles
      • Using ID Selectors
      • The Background-Image Property
      • The Box Model
      • Padding and Margin Spacing
      • Setting Div Width

       

      Creating Links

      • Relative links vs absolute links
      • Working with URLs
      • Anchors within documents

      Creating List

      • Numbered (ordered) lists
      • Unnumbered (unordered) lists
      • Definition lists
      • Using list items for navigation

      Working with images

      • Adding image links
      • The GIF, JPEG and PNG formats
      • Compression issues
      • Alternative text, titles and descriptions for images
      • Using the figure tag Floating images

      Tables in HTML5

      • Tables vs CSS
      • When to use tables and when not to
      • Creating a table
      • Creating rows
      • Creating columns

      Styling a table

      • Styling row and column settings
      • Creating borders
      • Adding colours

      Controlling Styling

      • HTML and CSS
      • Creating inline styles
      • The style element
      • Controlling typography
      • Adding color
      • Externalizing styles

      Introduction to CSS Version 3 (CSS3)

      • New CSS properties and selectors
      • Backgrounds and borders
      • Fonts and text effects
      • Transitions and animations
      • Creating transparencies and overlays with CSS3
      • Color gradients

      HTML5

        • The nav element
        • The article element
        • The section element
        • The header tag
        • The footer tag

      Creating Form

          • The Form Tag
          • The Input and Label Elements
          • Name and ID Attributes
          • Fieldset and Legend Elements
          • Select, Option
          • Input Types: Text, Checkbox, Radio & Submit

      Basic Scripting

        • Difference between server-side and Client-side scripting
        • The script element
        • Writing a function
        • Using the DOM
        • Listening for an event
        • Responding to events
        • Externalizing JavaScript
        • jQuery library
        • Introduction to AJAX
        • Writing PHP script to send an email

      Worried about COVID-19?

      Good News! All of our courses are offered virtually in the comfort of your home or offices.

      Academy Class Benefit from the Wisdom

      Benefit from the Wisdom

      Delivering Quality Training since 2006.

      Training Budget Maximised!

      Lower Price Match Guarantee & Flexible Training Vouchers

      Practical, Cutting-Edge Training

      From industry experienced professionals.

      Work Faster, Earn More

      Reduce your production time by improving all your workflow processes, best practices and shortcuts.

      Gain a Competitive Edge

      Boost your career by improving your skills and getting Accreditation.

      When, How and Where You Want To Learn

      Course Time

      9:30am - 4:30pm

      individual training

      Individual

      Corporate

      Customised

      Classroom​

      Live-Online

      Worldwide

      Contact Information

      Give Us A Call (United Kingdom)

      Give Us A Call (United States)

      Email Addresses

      General Enquiries: office@academyclass.com

      Training Enquires: training@academyclass.com

      Support Enquiries: support@academyclass.com

        4 reviews for HTML5/CSS3: Zero to HERO

        1. Earl Hamilton

          Great location and great course, I have gone from a complete novice coder to a confidant one after only 2 weeks. Excited to put my new found skills into action thanks to the expertise of the trainers!

        2. Rachel Parkes

          I recently attended the HTML & CSS Fast track course. Before attending this course I had limited knowledge of HTML & CSS. I now feel confident enough to build webpages and create a website using just code. The tutor was very helpful, breaking difficult topics down so they were easier to understand, I would highly recommend this course to anyone wanting to learn about web design/development.

        3. Sandeep Nijjar

          Academy Class was a great place to do a training course as the tutor accommodated everybody’s skill level. The level of work was set at the right level allowing beginners to catch up easily.

        4. Rachel G

          Completed HTML/CSS 101 & WordPress Yellow Belt: Brilliantly tutored courses. Due to working full time I was unable to attend most training courses during the day but Academy Class offered me late evening courses. I would recommend this to anyone wanting to start on/ improve their foundation skills of web development/ coding. Because of these courses I am redirecting my career and starting my own web development company. Thank you.

        Add a review

        This site uses Akismet to reduce spam. Learn how your comment data is processed.