Learning Paths

HTML5/CSS3: Zero to HERO

From $ 997.00

Course Duration: 5 Days

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

Clear

Get 15% off when you book a course using our supported cryptocurrencies!

Benefit from the Wisdom

Delivering Quality Training since 2006.

Training Budget Maximised!

Lower Price Match Guarantee & Flexible Training Vouchers

Cutting-Edge Training

From industry experienced professionals.

Work Faster, Earn More

Reduce your production time by improving all your workflow processes.

Gain a Competitive Edge

Boost your career by improving your skills and getting Accreditation.

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

Outline

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