logo_afci

Organisme de formation

Mieux vous former,

c'est notre volonté

Responsive webdesign - Adapter son site pour un support mobile

Objectif
  • Etre capable de prĂ©parer et d’adapter le design d’un site web pour diffĂ©rents terminaux afin d’optimiser la navigation des internautes sur des supports mobiles. (ergonomie, temps d’affichage, qualitĂ© du design)
  • Durée
  • 2 jours
  • Niveau Requis
  • ExpĂ©rience de dĂ©veloppement en XHTML / CSS
  • Public
  • Graphistes ou webmasters ayant en charge l’intĂ©gration et la mise en page des sites web.
  • Pédagogie
  • PĂ©dagogie active : Alternance d'apports thĂ©oriques et pratiques afin de rĂ©pondre aux problĂ©matiques concrètes de chaque apprenant Alternance thĂ©orie / pratique Support de cours PDF très complet avec astuces et bonne pratiques.
  • Un support de cours PDF très complet avec astuces et bonnes pratiques est accessible depuis l'espace apprenant
  • Infos utiles
  • Formation rĂ©alisable au sein de notre organisme en inter, en intra-entreprise ou dans vos locaux avec mise Ă  disposition du matĂ©riel. Consultez notre planning sur www.afci.fr pour voir les dates des prochaines sessions.
  • ZOOM SUR LA FORMATION

    +PROGRAMME

    ETAT DES LIEUX

    • La multiplication des terminaux
    • Tailles d’écran et densité des pixels
    • Modes Paysage et Portrait
    • Navigateurs

    LE RESPONSIVE DESIGN

    • Qu’est-ce que le responsive design ?
    • Viser l’ergonomie
    • Mobile First
    • Gracefull degradation

    GERER LES FEUILLES DE STYLES

    • Feuilles CSS Multiples
    • @media queries et respond.js
    • screen-width, device-width, viewport
    • Frameworks CSS et librairies
    • Mise en pratique avec Foundation 3

    RENDRE LES ELEMENTS FLUIDES

    • Grilles fluides
    • Images fluides
    • Vidéos fluides

    ADAPTER LA PAGE POUR LE MOBILE

    • Adaptation du Menu
    • Utilisation des Ancres
    • Repositionnements
    • Suppression des éléments inutiles
    • Gérer les polices

    OUTILS UTILES

    • Plugins Jquery
    • Logiciels
    • Sites webs

    +Aller plus loin

     

    Newsletter AFCI
    Restez connecté pour des offres exclusives !

    © Copyright 2014 AFCI NEWSOFT - Tous droits réservés. - Mentions légales - Crédits