Créer un site web sans "coder" avec Adobe Muse
Outils graphiques / Web création
Référence formation : 2-MU-BASE - Durée : 4 jours
pour télécharger notre programme de formation professionnelle au format PDF
(nécessite © Acrobat Reader)
Objectifs
- Concevoir des pages Web pour toutes les platesformes (desktop, smartphone, tablette) sans entrer dans le code
Pré-requis
- Il est nécessaire de connaître un outil graphique (Photoshop, Illustrator) et / ou un outil de maquettage print (InDesign, XPress) pour suivre ce stage.
- Utilisateurs aynt une bonne utilisation de l’environnementinformatique Mac ou PC
Plan de cours
1. Les fondamentaux du Web Design
- Passer d'une logique print à une logique Web
- Principes de création d'un site Web : HTML, CSS, JavaScript
- Comprendre le flux de travail
- Les images pour le Web (formats, dimensions)
- Le référencement
2. L'interface de Muse
- Les différents modes (plan, conception, aperçu)
- Interface et environnement de travail
- Les outils et les calques
3. Création d'un nouveau site
- Les options de création
- Créer un plan de site, créer et gérer les gabarits
- Dimension, format et grille graphique pour le Web
4. Création des pages
- Modifier les propriétés de la page
- Ajouter des métadonnées
- Gestion du zoning : en-têtes et pieds de pages
- Ajouter un favicon
5. Les images
- Importer et recadrer des images
- Utiliser des images en arrière-plan
- Ajouter un texte alternatif et une infobulle
6. Le texte
- Formatage du texte
- Les différents types de polices
- Styles de caractère et styles de paragraphe
- Alignement du texte, interligne, habillage
7. Mise en forme graphique
- Ombre, biseau, transparence, défilement parallaxe
8. Gestion de liens
- Créer des liens vers les pages du site, vers un site extérieur, une adresse e-mail, un PDF
- Gérer des ancres, les styles de liens : couleurs et états
9. Les widgets
- Créer un diaporama animé (slideshow)
- Créer une table lumineuse (lightbox)
- Créer un accordéon, des infobulles, un menu, un formulaire de contact
10. Enrichir son site avec du HTML embarqué
- Présentation et fonctionnement du HTML
- Insertion de HTML, d'une vidéo YouTube, d'un bouton Facebook, d'un plan d'accès (Google Maps)
11. Smartphone et tablette
- Créer une version smartphone et tablette du site
- Les dimensions et résolutions
- Principes d'ergonomie et de navigation
12. Publication du site
- Comprendre la publication Web (site local, site distant)
- Publier sur le serveur Business Catalyst
- Exporter son site et le publier sur son propre serveur Web
- Modifier le contenu depuis l'aperçu dans le navigateur