Description

Typologie

Formation intensive
Niveau

Niveau intermédiaire
Lieu

Paris

Heures de classe

14h
Durée

2 Jours
Dates de début

Dates au choix

Ce Cours essaie d'offrir un panorama, le plus complet possible, pour:
- Appréhender les tenants et des aboutissants du Responsive Web Design (RWD),
- Intégrer dans leur gestion de projet les implications du Responsive Web Design,
- Mettre en uvre les techniques nécessaires au développement responsive.

Les sites et dates disponibles

Paris ((75) Paris)

Voir plan

6 rue Rougemont, 75009

Date de début

Dates au choixInscriptions ouvertes

À propos de cette formation

À qui s'adresse cette formation?

ce cours s'adresse aux: Développeurs et Designers .

Prérequis

- Bonne connaissance de HTML et CSS

Diplôme

Attestation de formation

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

À qui souhaitez-vous addresser votre question?

Tous
Aux étudiants
À l'établissement

Saisissez vos coordonnées pour recevoir une réponse

J'accepte la Politique de confidentialité et les Conditions.

Nous ne publierons que votre nom et votre question

Emagister S.L. (responsable du traitement) traitera vos données pour mener des actions promotionnelles (par e-mail et/ou téléphone), publier des avis ou gérer des incidents. Vous pouvez consulter vos droits et gérer votre désinscription dans la politique de confidentialité.

Les Avis

Les matières

Gestion
Web Design
Adaptation des contenus
Stratégies d'adaptation
Adaptation de la navigation
Adaptation des contenus visuels
Unités de développement
Multicolonnage
Responsive Web Design
Ressources Utiles
Navigation responsive

Professeurs

équipe des professeurs

Directeur

Le programme

Introduction

Histoires du web
Comprendre le Responsive

Construire un site web adaptatif

Responsive Web Design (RWD) : définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)

Créer une grille d'affichage flexible

Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements

Atelier : Multiples exemples de grilles flexibles

Utiliser des médias flexibles

Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs

Atelier : Eviter le débordements d'images/vidéos

Ecrire des CSS3 Media Queries

Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders

Atelier : Création de site responsive pure css avec des media-queries

Frameworks RWD

Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques

Atelier : Construction d'un site adaptatif avec Bootstrap

Catégories liées

Formation Responsive web design

Questions / Réponses

Les Avis

Les matières

Le programme

Ajoutez des cours similaires
et comparez-les pour mieux choisir.

Formation Responsive web design

Questions / Réponses

Les Avis

Les matières

Le programme

Ajoutez des cours similaireset comparez-les pour mieux choisir.

Ajoutez des cours similaires
et comparez-les pour mieux choisir.