Muse
Adobe Muse : créer des sites sans mettre les mains dans le code
Infos Pratiques
2 jour(s)
Objectifs
Concevoir un site web sans programmation pour Ordinateurs de bureau, Tablette et Smartphone.
Comprendre la logique de conception Web pour intégrer pages, textes, images, vidéos, sons, hyperliens, galeries photos, menus, boutons, accordéons ou encore des formulaires.
Formule possibles
- intra Entreprise
- Cours Particulier
- Form'action
Pré-Requis
Un connaissance des logiciels Adobe est un plus
(Indesign, Illustrator et Photoshop).
Définissez et structurez l'interface votre site
Organisez la navigation entre les pages
Hiérarchisez vos pages et optimisez l'expérience utilisateur
Le Programme
Les bases du web design
- Logique de conception Web (Grid 960).
- Optimisation des images pour le Web (poids/qualité).
Interface de adobe muse
- Les différents modes (plan, conception, aperçu).
- Interface et environnement de travail (palettes).
- Le code html en sortie.
Création et gestion d'un site
- Les options de création (bureau, tablette téléphone).
- Créer et modifier le plan de site (arborescence).
- Choix de la taille des mises en pages et de la Grid.
Créer des gabarits et ajouter des pages
- Les propriétés de la page et du gabarit.
- Gestion du zoning : en-têtes et pieds de pages.
- Insertion d'un favicon.
- Couleur/image de fond.
- Couleur / Image / Effets du Corps des pages.
Insertion et formatage des images
- Les formats d'images pour le Web.
- Importer des images.
- Image en arrière-plan.
- Enregistrement Photoshop ou Fireworks.
- Ajout de texte alternatif.
- Recadrage des images.
- Importer un bouton à état multiple en .PSD.
- Particularité des images de fond de bloc.
Le travail du texte
- Formatage du texte.
- Gestion des polices : police système, Web Font,Web-safe.
- Styles de caractère et styles de paragraphe.
- Alignement du texte, interligne, habillage.
- Particularité des images de fond de bloc texte.
Habillage et effets
- Les effets : Ombre, biseau, transparence.
- Création des liens et ancre nommée.
- Rollover sur du texte et des images.
- Effets d'animation au défillement (Scroll Parallax).
Les widgets
- Ajout d'un diaporama animé (slideshow).
- Ajout d'une table lumineuse (lightbox).
- Ajout d'un accordéon.
- Ajout d'infobulles.
- Ajout d'un menu horizontal ou vertical.
Enrichissement html du site
- Insérer une vidéo YouTube.
- Insérer un bouton Facebook.
- Insérer un plan (Google Maps).
Optimisation des pages pour le référencement (seo)
- Notions de base du référencement.
- Outils gratuits.
- Optimisation des pages.
Publication du site
- Aperçu avant publication.
- Publication chez votre hébergeur.
- Publication chez Adobe (BusinessCatalyst).
- Modification du contenu à distance.