U wie riicht sech d'Formatioun?

Tous

Dauer

5,00 Dag(Deeg)

Sprooch(e) vun der Déngschtleeschtung

EN FR

Nächst Sessioun

01.06.2026

Detailer gesinn

Plaz

Paris

Präis

2495,00€

Den Inhalt vun dëser Säit ass net op Lëtzebuergesch verfügbar

Virkenntnisser

Notions fondamentales en création de sites Web, HTML et CSS

Ziler

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Connaitre les normes d'accessibilité - Apprendre à faire des sites multiplateforme : smartphone, tablette, etc.

Inhalt

Introduction

Histoire du HTML
Versions

Structure d'un document

Les bases d'un document HTML
Le Doctype
Les balises html, head, body
Les commentaires
Structures des balises et des attributs
Différences entre les balises inline et block

Les balises de contenu

Les titres (h1, h2, h3, etc)
Les paragraphes
Mise en gras et en italique
Les liens hypertexte
Les listes (ordonnées et non ordonnées)
Les tableaux

Atelier: Structurer une page html

Les Médias

Les images et format d'image
Les attributs essentiels (src, alt, etc)
Intégrer des sons et des vidéos
Autres médias

Atelier: Intégrer plusieurs médias sur une page html

Le CSS

Présentation et définition
Attacher une css à une page html
Les sélecteurs (balise, id, class)
Les pseudo-classes
Les propriétés et valeurs
Les commentaires

Atelier: Attacher une feuille css à une page html

Les propriétés

Les propriétés de texte (police, taille, alignement)
Les couleurs hexadecimale, rgb, rgba et nommées
Les propriétés d'arrière plan
Les marges intérieurs et extérieur (margin, padding)
Les bordures
Les dimensions
Les listes

Atelier: Styliser une page existante

Le positionnement de bloc

Positionnement absolu ou relatif
Bloc flottant et fixe
Les blocs flexibles
Les grilles

Atelier: Positionner différents blocs sur une page

Les Formulaires

Les balises de formulaire
Les attributs action et method
Les différents champs de formulaire
Les différentes formes du champs input
Les attributs pour les champs de formulaire (placeholder, required, etc)
Valider un formulaire

Atelier: Créer un formulaire d'inscription

Rédiger du contenu accessible

Découvrir les normes (WAI, WCAG)
Connaître les critères essentiels: textes alternatifs, liens, menus, navigation
Critères de choix des couleurs
Savoir adapter le code HTML et CSS
Structurer un formulaire, erreur à éviter

Atelier: Rendre une page accessible

Les animations

Les animations et transitions
Durée des animations
Les fonctions de transition
Les Keyframes

Atelier: Créer une animation

Autres propriétés CSS3

Les transformations
Les ombres de texte et de bloc
Les bordures arrondies
Les colonnes
La propriété box-sizing

Construire un site web adaptatif

Responsive Web Design (RWD): définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport: notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)

Créer une grille d'affichage flexible

Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts: fixer une base pour les tailles, conversions em
Eviter les débordements

Atelier: Multiples exemples de grilles flexibles

Utiliser des médias flexibles

Images flexibles: images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs

Atelier: Eviter le débordements d'images/vidéos

Ecrire des CSS3 Media Queries

Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles: orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders

Atelier: Création de site responsive pure css avec des media-queries

Frameworks RWD

Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques

Atelier: Construction d'un site adaptatif avec Bootstrap

Passage de la certification (si prévue dans le financement)

Pedagogesch Methoden

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Evaluatioun

Contrôle continu

Certificat, Diplom

Attestation de fin de stage mentionnant le résultat des acquis

Nächst Sessioun

Datum

Stad

Sprooch & Präis

01.06.2026

05.06.2026

Paris

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

01.06.2026

Zousätzlech Informatiounen

Sech umellen

01.06.2026

05.06.2026

Strasbourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

01.06.2026

Zousätzlech Informatiounen

Sech umellen

01.06.2026

05.06.2026

A distance

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Distance

A distance

Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le(s) logiciel(s) installé(s) sur le poste du participant,
Une connexion internet stable,
Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur),
Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Auerzäiten

Leschten Delai fir d'Umeldung

01.06.2026

Zousätzlech Informatiounen

Sech umellen

27.07.2026

31.07.2026

Luxembourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

27.07.2026

Zousätzlech Informatiounen

Sech umellen

27.07.2026

31.07.2026

Bruxelles

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

27.07.2026

Zousätzlech Informatiounen

Sech umellen

10.08.2026

14.08.2026

Strasbourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

10.08.2026

Zousätzlech Informatiounen

Sech umellen

28.09.2026

02.10.2026

A distance

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Auerzäiten

Leschten Delai fir d'Umeldung

28.09.2026

Zousätzlech Informatiounen

Sech umellen

28.09.2026

02.10.2026

Paris

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

28.09.2026

Zousätzlech Informatiounen

Sech umellen

05.10.2026

09.10.2026

Luxembourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

05.10.2026

Zousätzlech Informatiounen

Sech umellen

05.10.2026

09.10.2026

Bruxelles

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

05.10.2026

Zousätzlech Informatiounen

Sech umellen

19.10.2026

23.10.2026

Strasbourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

19.10.2026

Zousätzlech Informatiounen

Sech umellen

07.12.2026

11.12.2026

A distance

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Auerzäiten

Leschten Delai fir d'Umeldung

07.12.2026

Zousätzlech Informatiounen

Sech umellen

07.12.2026

11.12.2026

Paris

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

07.12.2026

Zousätzlech Informatiounen

Sech umellen

14.12.2026

18.12.2026

Luxembourg

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

14.12.2026

Zousätzlech Informatiounen

Sech umellen

14.12.2026

18.12.2026

Bruxelles

FR 2495,00€

Detailer gesinn

PROMO -0% Hors taxes

Plaz vun der Formatioun

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Auerzäiten

Leschten Delai fir d'Umeldung

14.12.2026

Zousätzlech Informatiounen

Sech umellen

Kontakt fir dës Formatioun

Dawan - Service commercial

commercial@dawan.fr
+33 (0)9 72 37 73 73

Méi iwwer den Formatiounsinstitut: DAWAN

Dës Formatioune kéinten Iech interesséieren

Accessibilité Avancé : Développer et coder des applications mobiles accessibles

A distance

Audiovisuell Kommunikatioun, Multimedia - Internet - Internetsite - Digital Accessibilitéit

27.07.2026

Accessibilité : L'accessibilité numérique dans un projet

Paris

Audiovisuell Kommunikatioun, Multimedia - Multimedia - Internet - Internetsite - Digital Accessibilitéit

19.05.2026

Vidéo (prise de vue) : Initiation + Approfondissement

A distance

Audiovisuell Kommunikatioun, Multimedia - Audiovisuell Konzeptioun an Ëmsetzung - Opnam

01.06.2026

Développement d'applications Facebook

Op Ufro

Audiovisuell Kommunikatioun, Multimedia - Multimedia - Internet - Web 2.0

01.01.2099

Cinema 4D Avancé: Animations par clé + Animations dynamiques

Op Ufro

Audiovisuell Kommunikatioun, Multimedia - Audiovisuell Konzeptioun an Ëmsetzung - Postproduktioun - Audiovisuelle Montage

01.01.2099

Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD)

U wie riicht sech d'Formatioun?

Dauer

Sprooch(e) vun der Déngschtleeschtung

Nächst Sessioun

Präis

Virkenntnisser

Ziler

Inhalt

Introduction

Structure d'un document

Les balises de contenu

Les Médias

Le CSS

Les propriétés

Le positionnement de bloc

Les Formulaires

Rédiger du contenu accessible

Les animations

Autres propriétés CSS3

Construire un site web adaptatif

Créer une grille d'affichage flexible

Utiliser des médias flexibles

Ecrire des CSS3 Media Queries

Frameworks RWD

Passage de la certification (si prévue dans le financement)

Pedagogesch Methoden

Evaluatioun

Certificat, Diplom

Nächst Sessioun

Kontakt fir dës Formatioun

Dës Formatioune kéinten Iech interesséieren