Evolution-Nord

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

Par Evolution-Nord

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.

Programme

1. Les bases du web design

  • Logique de conception Web (Grid 960).
  • Optimisation des images pour le Web (poids/qualité).

2. Interface de adobe muse

  • Les différents modes (plan, conception, aperçu).
  • Interface et environnement de travail (palettes).
  • Le code html en sortie.

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.

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.

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.

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.

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).

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.

9. Enrichissement html du site

  • Insérer une vidéo YouTube.
  • Insérer un bouton Facebook.
  • Insérer un plan (Google Maps).

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.

Formations de la même catégories (3)

Evolution-Nord
Adobe muse : créer des sites sans mettre les mains dans le codePar Evolution-Nord
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.
Feel Europe
Créer un site web sans "coder" avec Adobe MusePar Feel Europe
  • Concevoir des pages Web pour toutes les platesformes (desktop, smartphone, tablette) sans entrer dans le code
Evolution-Nord
Adobe muse perfectionnementPar Evolution-Nord
Se perfectionner sur adobe Muse.