Cross-cutting

HTML 5

Digital Skills 10 a.m.

Introduction

At present, the web development is currently experiencing a boom, with demand for qualified professionals in HTML5 is growing exponentially. The HTML5 Course offers you the opportunity to acquire the essential skills needed to design and build modern, attractive web pages. Throughout this course, you will learn to master the basic structure of an HTML5 document, the use of semantic tags and the multimedia integration. You’ll also discover how to implement a responsive design and to optimise accessibility, key aspects of the today’s digital environment. The course is designed to allow you to work at your own pace and from anywhere, making it easier for you to learn. By the end, you’ll be ready to tackle the challenges of the sector and help create innovative and accessible web experiences. Don’t miss this opportunity to boost your career in a constantly evolving field.

Objectives

  • Understanding the fundamentals and characteristics of HTML5 to apply them in web projects.

  • Identify and use tags correctly and HTML5 attributes in web development.

  • Implement styles and responsive design using CSS in HTML5 documents.

  • Manipulating the DOM and manage events using JavaScript on HTML5 pages.

  • Optimise the performance and the accessibility of websites created using HTML5.

  • Creating interactive forms in HTML5, by applying data validation and processing.

  • Explore the use of APIs and advanced HTML5 technologies to improve the web functionality.

Table of Contents

TEACHING UNIT 1. INTRODUCTION TO HTML 5

1. The basics of HTML5
2. Features and benefits of HTML5
3. Basic structure of an HTML5 document
4. Heading and paragraph tags
5. Text formatting tags
6. Link and navigation labels
7. Image and multimedia tags
8. List and table labels

TEACHING UNIT 2. HTML 5 ELEMENTS AND ATTRIBUTES

1. Semantic tags in HTML5
2. Section and grouping elements
3. Global and specific HTML5 attributes
4. Form tags in HTML5
5. Accessibility attributes in HTML5
6. Audio and video tags
7. Canvas tags and graphics
8. Geolocation tags and storage

TEACHING UNIT 3. STYLES AND DESIGN IN HTML 5

1. CSS in HTML5
2. Responsive design using HTML5 and CSS3
3. Advanced styling properties in CSS3
4. Grid layout with CSS3
5. Transition and animation effects with CSS3
6. Custom fonts in HTML5
7. Responsive design and Flexbox
8. Using CSS frameworks in HTML5

TEACHING UNIT 4. INTERACTION AND MULTIMEDIA IN HTML5

1. Introduction to JavaScript in HTML5
2. Manipulating the DOM with JavaScript
3. Events and event handlers in HTML5
4. Form validation in HTML5
5. Local storage and browser storage
6. The use of cookies in HTML5

TEACHING UNIT 5. OPTIMISATION AND ACCESSIBILITY IN HTML 5

1. Performance optimisation in HTML5
2. Asynchronous loading of resources in HTML5
3. SEO practices in HTML5
4. Web accessibility and WCAG guidelines
5. Tags and attributes to improve accessibility

TEACHING UNIT 6. HTML5 FORMS

1. HTML5 form elements
2. Types of input fields in forms
3. Validation attributes in form fields
4. Submitting and processing data from HTML5 forms

TEACHING UNIT 7. ADVANCED HTML 5

1. Using APIs in HTML5
2. Geolocation and maps in HTML5
3. Real-time communication using WebSockets
4. File handling and access to the file system
5. Using notifications and messages in HTML5
6. Integration with social media and authentication APIs

Scroll to Top