Responsive Design par Pralong Pierrick - Startivia

L'environnement Web /n
- Internet, le Web et son fonctionnement
- Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
- L'importance du référencement
- Connaitre les principaux : Google, Yahoo, Bing *
- Les sites vitrines / sites de ventes en ligne
Rappel des fondamentaux/n
- Inventaire des différents langages existants (Php, JavaScript, MySQL...)
- Choisir un type de développement pour un type de site
- Changements, interprétations de chaque navigateur
- Les normes W3C
- Notions de référencement interne
- La structure des documents html : head, body...
- Les balises obsolètes
- Les nouvelles balisesLes différents terminaux/n
- Quels sont
- ils ? (mobile, tablette, tv, liseuse...)
- Caractéristiques techniques, résolution, périphériques, OS, navigateurs
- Le marché mobile et parts de marché.La conception en Responsive/n
- Les différents types de design (fluide, liquide...)
- Le Viewpor
- Grilles fluides (Bootstrap)
- Récapitulatif des techniques de design adaptative
- Comprendre et savoir adapter les unités pixel (em et %)
- Visualiser les contraintes fonctionnelles et ergonomiques
- Adapter selon le mode : modes portrait et paysageCSS3 Media Queries/n
- Se servir des médias en CSS
- Mettre en place des règles conditionnelles
- Compatibilité navigateurs Web
- Visualiser l'ensemble des critères mobiles ( device
- width, width, height...)
- Points de ruptureDesign et rendu Responsive /n
- Penser box (contenu/contenant, unité de mesure, CSS3...)
- Penser flexibilité (les fonds, polices fluides, menus adaptables, création de supports adaptés...)
- Écran Retina
- Les outils de tests
- Menus adaptables, carrousel adaptatif
- Thème Responsive avec un CMS (WordPress...)Optimiser les performances/n
- Pratiques courantes, pratiques clés
- Savoir optimiser son temps de chargement
- Améliorer sa feuille de style CSS
- Se servir de Mediaqueries exclusifs
- Gérer la compression des image

- Améliorer sa culture sur les langages Web
- Intégrez un design Web sur tous les terminaux mobiles (smartphones, tablettes)
- Connaitre les balises HTML5 et attributs CSS3