Outils graphiques / Web création Outils graphiques / Web création
Référence formation : 2-MU-BASE - Durée : 4 jours

Cliquez sur l'image ci-contre ou sur le lien ci-dessous
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

Retour haut de page