This is an example of a simple banner

Training: HTML5 and CSS3 – Fundamentals

Ref. HTM-01
Duration:
2
 jours
Exam:
Not certifying
Level:
Fondamental

HTML5 and CSS3 Training – Fundamentals

The HTML5 and CSS3 training provides the essential foundations to design and style modern web pages. Accessible and progressive, it guides you step by step to understand the key concepts of the HTML language and to discover the power of CSS style sheets. You will learn how to structure your content, manage visual elements, and make your websites clearer and more engaging. Each module is designed to develop your skills with concrete examples and practical exercises.

Why learn HTML5 and CSS3 today

Web development relies on solid foundations. HTML5 and CSS3 are the cornerstone for anyone wishing to design reliable and well-structured websites. This HTML5 and CSS3 training gives you a clear and effective method. You will understand how to organize your documents, integrate images, create tables or simple forms. You will also discover how CSS styles enhance the look of web pages, improve readability, and create a better user experience.

Participant Profiles

  • Beginner web developers
  • Webmasters who want to create or maintain a website
  • Digital project managers
  • Students or career changers entering the web field

Objectives

  • Be familiar with the building blocks of the HTML 5 markup language and
  • Understand how to design and layout Web pages
  • Create tables and lists
  • Understand how to develop Web pages and forms
  • Have a working knowledge of Cascading Style Sheets 3 and the formatting power they can bring to your Web pages

Prerequisites

  • A basic familiarity with PC’s and Windows
  • A basic understanding of how the Internet works

Course Content

Module 1: Introduction and Basics

  • What is HTML
  • HTML vs Programming Languages
  • Creating an HTML file using Notepad++
  • How to use tags
  • What are attributes
  • Working on the HTML document
  • HTML document hierarchy rules
  • Making the HTML document readable
  • Whitespace and preformatted text
  • Styling and formatting text using HTML tags
  • Abbr tag and title attribute
  • HTML entities

Module 2: HTML Lists

  • Unordered lists
  • Ordered lists
  • Type and value attributes for HTML list formatting
  • Nesting multiple lists
  • Creating descriptions

Module 3: HTML Tables

  • Building tables
  • Headers
  • Managing table height and width
  • Using the rowspan attribute
  • Nested tables
  • Cell spacing and padding
  • Creating a full website layout using tables

Module 4: URLs, Links and Iframes

  • Understanding URLs and their parts
  • Linking one web page to another
  • Linking to an HTML file in a subdirectory
  • Linking a web page to an HTML file in a parent directory
  • Adding bookmarks
  • Target attribute
  • Linking all pages and creating a navigable website
  • Iframes
  • Creating a navigation page with an iframe

Module 5: HTML and Images

  • Adding images
  • Adding inline images
  • Linking images to web pages and other images
  • Title and Alt attributes

Module 6: Introduction to CSS and Basics

  • What is CSS
  • Inline CSS
  • Internal CSS
  • External CSS
  • The Div tag

Module 7: CSS Selectors

  • Different states of the anchor tag
  • CSS sibling and child selectors

Module 8: CSS Dimensions

  • Height and width properties
  • Pixels and percentages
  • Margins
  • Padding
  • Important dimension rules

Module 9: CSS Box Model

  • CSS borders
  • Extended border modes in CSS
  • CSS backgrounds
  • Float and clearing

Module 10: CSS Lists, Text, Fonts and Tables

  • CSS lists
  • Adding images to CSS lists
  • Creating a simple navigation bar with CSS lists
  • CSS text
  • CSS fonts
  • CSS tables

Documentation

  • Digital courseware included

Lab / Exercises

  • During the course participants are encouraged to actively participate in the learning experience by running example files during lectures and performing coding challenges during labs
  • Each lab session allows you to compare your solution to the instructor’s

Complementary Courses

Eligible Funding

ITTA is a partner of a continuing education fund dedicated to temporary workers. This fund can subsidize your training, provided that you are subject to the “Service Provision” collective labor agreement (CCT) and meet certain conditions, including having worked at least 88 hours in the past 12 months.

Additional Information

Understanding the importance of web languages

The HTML5 and CSS3 training is part of learning the foundations of web development. These two languages are complementary. HTML5 structures the content while CSS3 provides style and layout. Mastering them is the first step toward creating efficient and modern websites. Today, no digital project can ignore these standards, as they ensure compatibility and accessibility across all browsers and devices.

Building clear and accessible pages

A website is not limited to displaying text and images. Its value depends on the quality of its structure and readability. Learning HTML5 helps organize information in a hierarchical and understandable way, both for users and for search engines. A well-built page also benefits from better SEO indexing. Developers quickly discover that code clarity directly impacts online visibility.

Applying web best practices

Knowing the essential tags, understanding their role, and knowing how to combine them are key skills. This training emphasizes practical techniques used by industry professionals. The focus is on semantics, an aspect often overlooked by beginners. Using the right tags not only improves accessibility but also ensures long-term scalability of websites.

Enhancing user experience with CSS3

The appearance of a site has a direct impact on user experience. CSS3 allows control over dimensions, margins, colors, fonts, and much more. This training explains how to style a page effectively, but also how to use the box model to structure a professional layout. Students learn to design harmonious interfaces that adapt to the expectations of today’s internet users.

Developing cross-cutting skills

Mastering HTML5 and CSS3 opens the door to other skills. Understanding the role of these languages makes it easier to learn JavaScript, modern frameworks, and content management systems. For a developer or project manager, it is an essential step toward building dynamic websites or complete web applications. This training therefore provides lasting value and represents an investment in one’s professional future.

Creating intuitive navigation

A well-designed website must offer simple and intuitive navigation. Participants learn how to link multiple pages, add bookmarks, or insert menus. These concepts, essential for site structure, are also important for SEO. Search engines favor well-linked and coherent websites. Understanding these principles helps design strong web architectures.

Promoting accessibility and SEO

HTML attributes such as Alt or Title play a major role in accessibility. They make a site readable for screen readers and improve its SEO. The training emphasizes these best practices, often underestimated. An accessible site reaches a wider audience and benefits from better ranking on Google. Integrating CSS also enhances perceived quality by improving readability and visual organization.

Skills in demand on the market

Web development is a constantly evolving field, but its foundations remain unchanged. Recruiters strongly value candidates who master HTML5 and CSS3. These skills are sought after in many professions: front-end developer, webmaster, integrator, or digital consultant. Taking this training therefore strengthens employability and opens the door to new professional opportunities.

FAQ

Are HTML5 and CSS3 enough to build a modern website?
Yes, these languages make it possible to design complete static sites. For interactive sites, JavaScript will be required.

What is the difference between HTML5 and CSS3?
HTML5 is used to structure content. CSS3 is used to format and style web pages visually.

Is this training suitable for complete beginners?
Yes, it does not require any prior programming experience. Basic computer knowledge is enough to get started.

What career opportunities are there after this training?
It is a first step toward web-related professions. It is particularly useful for beginner developers and webmasters.

Prix de l'inscription
CHF 1'500.-
Inclus dans ce cours
  • Training provided by an industry expert
  • Digital documentation and materials
  • Achievement badge
Mois actuel

jeu18Sep(Sep 18)09:00ven19(Sep 19)17:00VirtuelVirtual Etiquettes de sessionHTM-01

jeu18Sep(Sep 18)09:00ven19(Sep 19)17:00Genève, Route des Jeunes 35, 1227 Carouge Etiquettes de sessionHTM-01

jeu23Oct(Oct 23)09:00ven24(Oct 24)17:00VirtuelVirtual Etiquettes de sessionHTM-01

jeu23Oct(Oct 23)09:00ven24(Oct 24)17:00Lausanne, Avenue Mon repos 24, 1005 Lausanne Etiquettes de sessionHTM-01

jeu27Nov(Nov 27)09:00ven28(Nov 28)17:00VirtuelVirtual Etiquettes de sessionHTM-01

jeu27Nov(Nov 27)09:00ven28(Nov 28)17:00Genève, Route des Jeunes 35, 1227 Carouge Etiquettes de sessionHTM-01

Contact

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Opening hours

Monday to Friday
8:30 AM to 6:00 PM
Tel. 058 307 73 00

Contact-us

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Make a request

Contact

ITTA
Route des jeunes 35
1227 Carouge, Suisse

Opening hours

Monday to Friday, from 8:30 am to 06:00 pm.

Contact us

Your request