Formation Muse Initiation :

La formation Adobe Muse vous permettra d’élaborer rapidement un site Web responsif, et ce, sans besoin de connaître le codage HTML et CSS.
Formation dispensée à Cagnes sur mer, à Nice ou dans vos propres locaux.

PROGRAMME DE LA FORMATION

MUSE – INITIATION
CRÉATION DE SITE WEB

A l’issue de la formation, le stagiaire sera capable de :

  • Élaborer l’arborescence d’un site internet,
  • Concevoir une charte graphique spécifique au Web,
  • Créer des pages Web sans connaître l’écriture du code HTML,
  • Générer le site complet au format HTML en vue de sa mise en ligne

DURÉE TOTALE DE LA FORMATION :21 heures (trois journées de 7 heures)

PUBLIC CONCERNÉ : 
Cette formation ADOBE MUSE INITIATION – CRÉATION DE SITES WEB est destinée en priorité aux WEB DESIGNERS – WEBMASTERS – CRÉATEURS DE SITES INTERNET – GRAPHISTES ET CHEFS DE PROJETS WEB

NIVEAU REQUIS : 
Connaissance de l’environnement Windows ou Macintosh.
Pratique d’un logiciel de dessin vectoriel et de retouche d’images bitmap.
Connaitre l’univers de la création graphique et de la mise en page.

MOYENS PÉDAGOGIQUES, TECHNIQUES ET D’ENCADREMENT :

  • Formation dispensée par Bruno CAMMARERI fondateur du centre Bruno Cammareri Formation, plus de 25 ans d’expérience en infographie de production en France et en Principauté de Monaco, qualifié en pédagogie.
  • 1 poste de travail “formateur” équipé du logiciel ciblé pour les démonstrations
  • Selon le contrat, 1 poste de travail équipé par stagiaire
  • Supports de cours “aide-mémoire” fournis pour chaque journée
  • Vidéoprojecteur lumineux disponible en permanence
  • Salle de formation adaptée au nombre de stagiaires
  • Connexion internet pour la mise en oeuvre des tests et exercices
  • Tableau blanc et feutres pour les démonstrations théoriques
  • Mise à disposition des fichiers de base nécessaires à la réalisation des exercices.

Selon les notions enseignées, vidéos pédagogiques internes

SUIVI PÉDAGOGIQUE – ÉVALUATION EN COURS DE FORMATION :

Au terme de chaque module, un test de synthèse est systématiquement soumis aux stagiaires ; un “devoirs sur table” est intégré à chaque module de la formation. En l’occurrence, 1 test de synthèse représentatif des notions enseignées pour la formation visée.
Tout au long de la formation, les stagiaires sont tenus de fournir au formateur le résultat des exercices d’application des notions enseignées sous la forme de fichiers numériques au format PDF.
Par ailleurs, la cohérence d’assiduité du stagiaire est renforcée par l’obligation de signer la feuille d’émargement.

DÉROULÉ DE LA FORMATION – MODULE UNIQUE :

PARTIE THÉORIQUE (3 heures)

1/ LES IMAGES
 – Différences entre « bitmap » et « vectoriel » 
- Choisir la résolution adaptée – Les formats d’enregistrement des images (utilisations)
- La taille, les unités de mesure

2/ INTERNET – HISTORIQUE ET DÉFINITION – Historique
Le fonctionnement d’internet – Notion de site local et site distant
Nom de domaine et hébergement

3/ PRÉSENTATION DU LOGICIEL MUSE
Fonctionnement du logiciel MUSE
Pourquoi choisir MUSE ?
Objectif du logiciel

PARTIE PRATIQUE (18 heures)

4/ POUR DÉBUTER AVEC MUSE
Installation du logiciel – L’interface – Les différents modes de conception
Le mode plan – Le mode conception – Le mode aperçu – Le mode publication – Similitudes avec Abobe InDesign

5/ LE WEB DESIGN AVEC MUSE
Déclaration et structure hiérarchique du site – Propriétés du site
Élaborer et définir une charte graphique pour le web
La mise en page spécifique au web
Le langage HTML
Le Web Design grâce aux CSS (feuille de styles en cascade)

6/ UTILISATION DES GABARITS
Pourquoi utiliser des gabarits ?
Créer son premier gabarit – Appliquer un gabarit à plusieurs pages
Gabarits multiples

7/ LA CRÉATION DES PAGES
Créer les pages – Gérer les blocs – L’outil formes – Gérer le texte
Styles de caractères – Styles de paragraphes – Styles graphiques
Importer des images – Manipulation des images
Fonctions de Rechercher / Remplacer

8/ LA GESTION DES POLICES DE CARACTÈRES
Présentation de la gestion des polices dans Muse
Les polices standard
Les police système
Les polices auto-hébergées
Les polices TYPEKIT

9/ LES WIDGETS INTERACTIFS
Les menus de navigation – Améliorer le design des menus
Les onglets de navigation
Les diaporamas interactifs
Le widget réseaux sociaux
Les formulaires de contact
Incorporer du contenu HTML

10/ ANIMATIONS ET EFFETS
Les effets de défilement (scroll motion)
Importer des animations de programmes Adobe tiers

11/ ELABORER UN SITE EN RESPONSIVE DESIGN
Présentation du concept responsif
Largeur de page fluide
Anticiper les principaux médias (ordinateur, tablette, mobile)
Définir les points d’arrêt
Epingler les éléments au navigateur ou à la page
Tester l’aspect responsif du site

12/ PUBLIER LE SITE
Pré-visualiser les pages et tester les hyperliens
Exporter le site en HTML
Choisir un hébergement pour tester le site
Télé-verser le site
La solution d’hébergement BUSINESS CATALYST

13/ CONCLUSIONS
La galerie de sites “Muse”
Etude de cas : concevoir et réaliser un site à partir d’un cas concret