DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS.

Responsive web design

Date de mise à jour : 16/06/2025 | Identifiant OffreInfo : 03_2066397F
Information fournie par :
Via Compétences (Carif-Oref Auvergne-Rhône-Alpes)

Objectifs, programme, validation de la formation

Objectifs

Savoir développer des sites web dont l'affichage s'adapte aux différentes résolutions.

Programme de la formation

INTRODUCTION


  • L'histoire de l'HTML5

  • L'HTML5 d'aujourd'hui

  • L'HTML5 de demain

  • Pourquoi faire le choix de l'HTML5

  • Connaitre la compatibilité des navigateurs

LE LANGAGE HTML5

  • Le Doctype

  • Les nouvelles balises

  • Les nouveaux attributs

  • Les balises et attributs obsolètes

  • Les principales balises

  • La structure d'une page

  • Balises Vidéo et audio

  • Balises de formulaire

Le W3C et WHATWG

  • Les standards du web

  • Les normes W3C

  • Contraintes des supports mobiles

LES APIS HTML5

  • Le dessin avec la balise Canvas

  • Le drag and drop

  • Le stockage de données

  • La gestion des évènements

  • La géo-localisation

LE CSS3

  • Les bordures arrondies

  • La transparence

  • Les ombres portées

  • Mise en page

  • Les animations (transitions et transformations)

INTRODUCTION AU RESPONSIVE

  • Les principes du responsive web design

  • Le concept du « Mobile First »

  • Les différentes résolutions

  • Contenant/Contenu

  • Comptabilité avec les navigateurs

  • Solutions techniques pour les navigateurs non compatibles

LE DESIGN FLUIDE

  • % OU em

  • min-width et max-width

  • Les bonnes pratiques

  • Portrait ou paysage

LES MEDIAS QUERIES

  • Screen

  • Média queries CSS2

  • Média queries CSS3

  • Les opérateurs logiques

GRILLE FLUIDE

  • Le principe de base

  • Grille et design fluide

  • Images fluides et police fluide

  • Web font

LES OUTILS

  • Les frameworks (Bootstrap, Foundation, …)

  • La suite d'outils Adobe Edge

  • Utilisation de Modernizr

  • HTML shiv

  • Respond.js

  • Outils de test

  • Utilisation de Dreamweaver

OPTIMISATION

  • Sprite CSS

  • Polices d'icônes (icomoon, glyphicons, awesome font, …)

  • « Minifier » le code

  • Concept de l'Adaptative Design

MISE EN APPLICATION

    Validation et sanction

    Attestation de formation

    Type de formation

    Non certificiante

    Sortie

    Sans niveau spécifique

    Métiers visés

    Code Rome

    Durée, rythme, financement

    Modalités pédagogiques
    Durée
    14 heures en centre

    Conventionnement : Non

    Financeur(s)

    Bénéficiaire de l'action

    Entreprise

    Conditions d'accès

    Public(s)
    Public en emploi, Salarié, Tout public
    Modalités de recrutement et d'admission

    Niveau d'entrée : Sans niveau spécifique

    Conditions spécifiques et prérequis

    Connaître le langage HTML5 / CSS3.

    Modalités d'accès

    Lieu de réalisation de l'action

    formation entièrement présentielle
    Adresse
    12 Place Bir-Hakeim
    69003 - Lyon 3e
    Responsable : Devictio formations
    Téléphone fixe : 0478972684
    Contacter l'organisme

    Contacts

    Contact sur la formation
    12 Place Bir-Hakeim
    69003 - Lyon 3e
    Responsable :
    Téléphone fixe : 0472642519
    fax :
    Site web :
    Contacter l'organisme
    Contacter l'organisme formateur
    Devictio Formations
    SIRET: 49829500500033
    69003 Lyon 3e
    Responsable : ALAZARY
    Téléphone fixe : 0472642519
    Site web :
    Contacter l'organisme

    Période prévisibles de déroulement des sessions

    du 01/01/2025 au 31/12/2025
    débutant le : 01/01/2025
    Adresse d'inscription
    12 Place Bir-Hakeim
    69003 - Lyon 3e
    Etat du recrutement : Ouvert
    Modalités : Entrées/sorties permanentes

    Organisme responsable

    Devictio Formations
    SIRET : 49829500500033

    Adresse
    12 Place Bir-Hakeim
    69003 - Lyon 3e
    Téléphone fixe : 0472642519
    Contacter l'organisme