Vous êtes ici: Accueil Formations webmaster Responsive web design

formation responsive web design

Mise en oeuvre

nombre jours formations

Cette formation de deux journées s'adresse aux développeurs web, webdesigners et intégrateurs souhaitant developpés un site internet qui s'affiche sur tous type de média(smartphones, tablettes, etc)

Objectif

Créer des sites qui s'adaptent automatiquement à n'importe quelle résolution ? Découvrez toutes les ficelles et les contraintes de tels projets selon les fonctions du site Web et les supports de consultation. Connaître les techniques d'adaptation des résolutions. Connaître les bonnes pratiques et Optimiser les performances d'affichage

Premiere journée

  • Principes généraux
    • Qu'est ce que le Responsive Web Design ?
    • Les principes généraux du Responsive Web Design
    • Les types de médiats
    • Les types de médiat appliqués au Responsive Web Design
    • Responsive web design et smartphone
    • Responsive web design et tablette
    • Responsive web design et écran
  • Maitriser l'intégration en Responsive Design
    • La balise méta pour les Smartphones et tablettes
    • Media queries portrait et landscape
    • Travailler avec des arrière-plans en pourcentages
    • Travailler avec des images en pourcentages
    • Concevoir des pages en pourcentages

Deuxième journée

  • Le travail des textes
    • Comprendre l'unité em
    • Travailler avec des polices en unité em
    • L'unité em comme unité décimale
  • Intégrer des images optimisées
    • Réaliser des images en svg
    • Insérer des images en svg dans le code HTML
    • Travailler avec des images data URIs
    • Conception et réalisation d'une image sprite
    • Intégrer une image sprite
    • Prise en compte de l'orientation
    • Tableaux de données responsive
    • Repenser son design pour les petits écrans
    • Repenser son dedsign écrans

Troisième journée

  • Une réalisation complète
    • Réaliser une page en responsive web design - les smartphones
    • Réaliser une page en responsive web design - les tablettes
    • Réaliser une page en responsive web design - les écrans
  • Connaissances complémentaires
    • Les formulaires et le responsive Web Design
    • Réaliser l'intégration plein écran d'une vidéo
    • Dreamweaver CS6 – les media queries
    • Internet explorer et le responsive Web Design
    • Médias (compression d'image, vidéos, audio)
    • Requêtes et chargements superflus (fichiers, images, scripts)
  • Conclusion
    • Récapitulatif de la formation

Numerix c'est aussi ...

services web services maintenance et reseaux services formations