Responsive web design (HTML CSS 2)

Objectifs

Maîtriser HTML et CSS en abordant la problématique du responsive web design ; apprendre à développer à l'aide de Boostrap.
Approfondissement de toutes les notions abordées dans le 1er clic avec des mises en pratique plus
complexes, mêlant HTML, CSS et JS (Javascript).

Contenu de la formation

HTML, CSS, JS
• Utiliser les media-queries pour créer un design responsive
• Créer des images adaptatives pour optimiser leur affichage, adapté à chaque largeur de
viewport
• Implémentation de Bootstrap, un framework CSS très complet
• Sa grille de composition responsive
• Les autres classes de Bootstrap (spacing, sizing, display, etc.)
• Intégration d'une navbar responsive avec menu hamburger
• Implémentation de la bibliothèque d'icônes Font Awesome
• Création de scripts JS (par exemple, pour réaliser un smooth scroll to top au clic d'un
bouton en position fixed ou pour animer des progress bars)
• Intégration d'un carrousel d'images (Bootstrap, Owl, Slick ou autre) avec du texte animé
• Composition d'un formulaire avec des placeholders et validation des données
• Réalisation de galeries d'images composées à partir de la grille Bootstrap, avec la propriété
column-count et de type Masonry, avec boutons de filtrage (type Isotope)
• Implémentation d'une lightbox pour visualiser les images de la galeries
• Animations CSS (keyframes) lancées par le positionnement du scroll, grâce à waypoints.js
(AOS, Counter Up, progress bars…)
• Transfert vers un hébergement mutualisé (Alwaysdata)

Cas pratique
• Réalisation d'un site corporate complet, avec plusieurs pages, galerie d'images, formulaire
de contact.

Résultats attendus de la formation

Attestation de sui

N° session CO

Date de début

Date de fin

Lieu de formation

Inscription

Public

Détails

307505S

01/09/2025

05/09/2025

Besançon 25000

Contacter l’organisme

Tout public

Afficher les détails

Durée

Durée totale de la formation: 35 heure(s)
Durée en centre: 35 heure(s)

Modalites de formation

Modalités d'enseignement: Formation en présentiel

Rythme: Temps plein

FPC Formation professionnelle continue : Oui

Lieu de formation

Formagraph Design
9 Rue Denis Papin
25000 - Besançon

ORGANISME FORMATEUR

Formagraph Design
Voir la fiche complète de l'organisme formateur Contacter l'organisme formateur pour cette session

Admission

Niveau entrée requis : Sans niveau spécifique

Statut(s) des publics accueillis :
Tout public

Conditions spécifiques d'admission (ou pré-requis) : aucun

COMPLEMENT D’INFORMATION

Formagraph Design

Raison sociale : Formagraph Design

9 Rue Denis Papin - 25000 Besançon

09 61 69 61 57

Voir la fiche complète de l'organisme Voir le site web Géolocaliser

Contacter cet organisme