Objectifs pédagogiques / Compétences visées
- Utiliser les outils permettant de concevoir des documents multimédia et interactifs
- Exporter un publication digitale interactive au format HTML 5
- Exporer un livre électronique EPUB (Reflow et Fixed Layout) et gérer les options d'export
- Créer un site Internet complet avec l'outil FlexLayout.
Niveau requis
Avoir une connaissance minimale du logiciel de mise en page QuarkXPress.
Public concerné
Infographistes ou directeurs artistiques.
Programme
Les formats interactifs QuarkXPress
- Contextes d'utilisation
- L'univers du Digital Publishing
- Documentation interactive
- Publication HTML 5
- Formats EPUB (Reflow et Fixed Layout)
- Site Internet avec FlexLayout
Nouveautés QuarkXPress 2021
- Ouverture directe de fichier PDF natifs
- Calque et navigation dans les groupes de blocs
- Importation des fichiers SVG (compatibles PDF, HTML et EPUB)
- Création de table des matières automatique
- Tableaux en tant qu'ancre cible
- Incrustation d'images
- Amélioration des outils FlexLayout pour la création de site Web complets
Concept d'un document multimédia et interactif
- Médias et formats compatibles
- Eléments et langage interactif
- Notions
- D'ergonomie tactile
- De UI et UX Design
Préparation des éléments et méthodologie
- Création d'un projet digital
- Format du document
- Implication du choix des multiples orientations
Insertion de contenu et interactions
- Boutons interactifs
- Actions interactives et leurs options
- Diaporamas d'images et de mises en page
- Vidéos (fichier Offline ou Online et en streaming)
- Son / musique imbriqués
- Contenu HTML (Offline ou Online)
- Zone défilante (scroll) à partir de mises en page
- Image interactive avec différentes options de zoom
- Image 360°
- Vidéos
- Locales
- Distantes
- YouTube
- Vimeo
- Contenu texte et ses options
- Récupération d'éléments
- Mises en page QuarkXPress existantes
- Provenant d'autres logiciels (InDesign, PowerPoint, Excel, Word...)
Exporter la publication au format HTML 5
- Réglages des options d'exportation des images et des polices
- Paramètres généraux
- Gestion de la table des matières
- Remplissage du fond et couleur du texte de la page de chargement
- Paramètres des comportements de la liseuse HTML 5
- Intégration d'un tracking de lecture via Google Analytics
- Paramètres du partage sur les réseaux sociaux
- Transferts des fichiers sur un FTP
- Installation serveur Web (Mac ou Windows)
- Test de la publication
Création de site Web avec FlexLayout
- Présentation de l'outil de création de site Web
- Avantages du FlexLayout
- Gestion des pages du site
- Structure des pages HTML
- Contenus de blocs (textes, images, vidéos...)
- Gestion des hyperliens
- Exportation et tests des pages HTML
- Hébergement du site Internet
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)