Formation Prototypage Web avec Adobe Edge Reflow

Contenu

• Identifier les outils de la Suite Adobe Creative Cloud (CC)
• Déterminer les possibilités d' Edge Reflow
• Se situer dans l'environnement des sites Web et terminaux mobiles
• Envisager l'impact des terminaux mobiles
• Quelles solutions ?
• Défnir les Media Queries CSS
• Identifier le responsive Web Design

• Déterminer l'interface de Edge Reflow
• Aperçu dans le navigateur Web
• Fichiers générés par Reflow
• Préparer sa mise en page
• Ajouter des images
• Styler les boîtes

• Ajouter du texte
• Grouper texte et objets
• Régions de texte
• Polices Web : Edge Web Fonts et TypeKit

• Définir les bibliothèque d’actifs
• Copier-coller depuis Adobe Illustrator
• Importation depuis Adobe Photoshop
• Menus et liens hypertextes
• Formulaires HTML5

• Mise en page desktop
• Points d’arrêts Media Queries
• Mise en page tablette
• Mise en page téléphone

• Créer différentes pages
• Tester les pages dans le navigateur
• Plugin Adobe Photoshop CC Connect
• Créer une page à partir d’une maquette Photoshop CC

• Test du design avec Adobe Edge Inspect CC
• Publication HTML/CSS des maquettes

Méthodes pédagogiques

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Formateur

Formateur expérimenté spécialiste des logiciels du Web.

Modalités de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.