Responsive webdesign

Responsive webdesign une formation en Web et applications mobiles à Lyon

Partager cette page

Découvrir les principes actuels de la conception d’un contenu web adapté aux différents supports (smartphone, tablette, écran ordinateur). Maîtriser le language CSS3 avancé (transitions, galeries...) et les bases du Javascript et du JQuery.

Durée

5 jours

Dates à venir

16/12/2019

09/03/2020

01/06/2020

Eligibilité CPF

Oui

Tarifs

Nous contacter pour un devis personnalisé selon votre situation

Pré-requis

Avoir suivi la formation « HTML5/CSS3 » ou en avoir les compétences.

Public

Graphistes, infographistes, webdesigners, développeurs, responsables communication...

Programme

1. WEB ENRICHI

CSS3 AVANCÉ

  • Les menus : éléments de navigation réalisés en CSS3 à intégrer
  • Galeries photos : utiliser le CSS3 pour une présentation propre
  • Les animations en CSS3 pour la gestion de menus et le défilement de photos
  • Les transitions : les différentes techniques


ALLER PLUS LOIN EN HTML5 ET CSS3 AVEC JAVASCRIPT ET JQUERY

  • Réaliser un slideshow en HTML/Javascript et JQuery
  • Introduction aux canvas avec Javascript et HTML5
  • Manipuler le code CSS3 avec JQuery

2. RESPONSIVE DESIGN

INTRODUCTION

  • Qu’est-ce que le responsive design ?
  • Qu’est-ce que le principe « mobile first » et « User first » ?
  • Site web adaptatif ou responsive ?
  • Définir les points de rupture
  • Elaboration de la maquette graphique sous Photoshop

RAPPEL DES BONNES PRATIQUES

  • Sémantique, validation w3c, accessibilité, …
  • Positionnement HTML/CSS
  • Organisation des feuilles de styles

ADAPTATION

  • Adaptation des contenus
  • Adaptation du positionnement
  • Adaptation de la navigation
  • Les Medias Queries

INTRODUCTION AU FRAMEWORK BOOTSTRAP

Sur le même thème

Ce qu'ils en disent les derniers témoignages

«

Cette formation permet de faire le pont entre la partie programmation (HTML et CSS) et la partie graphique de manière concrète. 

Pierre P.

Stagiaire 2018

Ces Formations peuvent aussi vous intéresser

Contactez-nous quelle est votre question ?

Nous mettons tout en œuvre pour vous répondre sous 2 jours ouvrés maximum.