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