Adobe muse : créer des sites sans mettre les mains dans

Adobe muse : créer des sites sans mettre les mains
dans le code
Muse
Objectif : Concevoir un site web sans programmation pour Ordinateurs de Durée : 2 jour(s)
bureau, Tablette et Smartphone. Comprendre la logique de conception Web Pré-requis : Un connaissance des logiciels Adobe est un
pour intégrer pages, textes, images, vidéos, sons, hyperliens, galeries
photos, menus, boutons, accordéons ou encore des formulaires.
plus (Indesign, Illustrator et Photoshop).
Plan du stage
1. Les bases du web design
- Logique de conception Web (Grid 960).
- Optimisation des images pour le Web (poids/qualité).
3. 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.
5. 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.
7. 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).
9. Enrichissement html du site
- Insérer une vidéo YouTube.
- Insérer un bouton Facebook.
- Insérer un plan (Google Maps).
2. Interface de adobe muse
- Les différents modes (plan, conception, aperçu).
- Interface et environnement de travail (palettes).
- Le code html en sortie.
4. 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.
6. 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.
8. 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.
10. Optimisation des pages pour le référencement
(seo)
- Notions de base du référencement.
- Outils gratuits.
- Optimisation des pages.
11. Publication du site
- Aperçu avant publication.
- Publication chez votre hébergeur.
- Publication chez Adobe (BusinessCatalyst).
- Modification du contenu à distance.
Moyens Pédagogiques, techniques et
d'encadrement
1 ordinateur par personne, alternance explications /
applications, paperboard, tableaux blancs, vidéo projecteur si
nécessaire, support post formation. Le formateur est un
professionnel de l'animation et de la pédagogie pour adulte ; Il
est un technicien aguerri sur le sujet de cette formation.
Votre formation en images
Suivi de l'exécution et appréciation des résultats
Feuille d'émargement signée par 1/2 journée, Exercices
autonomes réguliers pour s'assurer de l'assimilation,
Evaluation de fin de stage par l'apprenant.
Définissez et structurez l'interface votre
site
Organisez la navigation entre les
pages
Hiérarchisez vos pages et optimisez
l'expérience utilisateur
EVOLUTION - 25 Avenue Saint Maur - 59110 LA MADELEINE - France - Capital Social : 25 000 €
Email : [email protected] - Site Internet : http://www.evolution-nord.com