Offre de Formation Responsive web design avec Devictio Formations | MaFormation.fr

Responsive web design

Devictio Formations

Voir des formations similaires
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
Modalité
En présentiel
Durée
Nous contacter
Prix
Nous contacter

Localité

En présentiel

Découvrez les localités disponibles pour suivre cette formation en présentiel.

En savoir plus sur les localités en présentiel
Cette formation est disponible dans les centres de formation suivants:
  • 69 - Lyon 3e
Cette formation peut être dispensée dans votre entreprise dans les localités suivantes :
  • 01 - Ain
  • 03 - Allier
  • 07 - Ardèche
  • 15 - Cantal
  • 26 - Drôme
  • 38 - Isère
  • 42 - Loire
  • 43 - Haute-Loire
  • 63 - Puy-de-Dôme
  • 69 - Rhône
  • 73 - Savoie
  • 74 - Haute-Savoie

Objectifs

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

Programme

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

    Ces formations peuvent vous intéresser

    Centre de formation Tuto.com
    Avis du centre

    Initiation à la peinture numérique : apprenez à créer vos premières illustrations avec Photoshop – 3h de mentoring

    À DISTANCE
    Salarié en poste / Demandeur d'emploi / Entreprise
    Finançable CPF

    1499 €

    Centre de formation EDAA - École d'Art à distance
    Avis du centre

    Infographie - Formation à distance - Devenez Infographiste / Graphiste

    À DISTANCE
    Tout public
    Non finançable CPF
    Centre de formation Paris School of Luxury

    Bachelor 3 - Communication visuelle

    PARIS 8E
    En centre
    Étudiant
    Non finançable CPF

    9350 €

    Les formations les plus recherchées

    Formation Clermont-Ferrand Formation Grenoble Formation Saint-Étienne Formation Chambéry Formation Valence Formation Lyon Formation Annecy Formation Bourg-en-Bresse Formation Aurillac Formation Le Puy-en-Velay Formation Graphisme CPF Formation Graphisme en Ligne Formation Designer CPF Formation Designer en Ligne Formation Directeur artistique Formation Infographiste Formation Maquettiste pao Formation Photographe Formation Illustrateur Formation Designer industriel Formation Game designer Formation Directeur artistique Lyon Formation Infographiste Lyon Formation Maquettiste pao Lyon Formation Designer Lyon Formation Illustrateur Lyon Formation Game designer Lyon Formation Directeur artistique Clermont-Ferrand Formation Infographiste Clermont-Ferrand Formation Illustrateur Clermont-Ferrand Formation Designer Montluçon
    Haut de page