Aller au contenu principal

Responsive web design

Date de mise à jour :
Identifiant Offre Info : 03_2066397F
Organisme responsable : Devictio Formations (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation 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…

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 certifiante

    Niveau de sortie

    Sans niveau spécifique

    Durée, rythme, financement

    Durée

    En centre

    14 h

    Financement

    Conventionnement
    Oui
    Financeurs
    • Bénéficiaire de l'action

      Programme : Entreprise, Individuel (AIF, POEI, Région individuel, autofinancement)

    • Entreprise

      Programme : Entreprise, Individuel (AIF, POEI, Région individuel, autofinancement)

    Conditions d'accès

    Publics visés

    • Public en emploi
    • Salarié
    • Salarié dans le cadre du CIF
    • Salarié dans le cadre du DIF
    • Salarié dans le cadre du plan de formation
    • Salarié en contrat aidé
    • Salarié en période de professionnalisation
    • Salarié en reconversion
    • Tout public

    Niveau d'entrée

    Sans niveau spécifique

    Conditions spécifiques et prérequis

    Connaître le langage HTML5 / CSS3.

    Lieu de réalisation de l'action

    Modalités d'enseignement

    Formation entièrement en présentielle

    Adresse

    12 Place Bir-Hakeim
    69003 Lyon 3e

    Responsable : Devictio formations

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

    Début

    Fin

    Adresse d'inscription
    12 Place Bir-Hakeim
    69003 Lyon 3e
    État du recrutement
    Ouvert
    Modalités
    Entrées / Sorties à dates permanentes