Photoshop Initiation

Code CPF: 146867

Présentation

Photoshop et les logiciels concurrents
Les formats graphiques
Interface
Menus
Palettes flottantes

Graphisme

Graphisme bitmap et graphisme vectoriel
Les modes de couleurs (niveaux de gris, CMJN, RVB…)
Le mode bichromie

Les images

Ouvrir, enregistrer une image dans photoshop
Cadrer une image
Modifier la résolution et la taille, taille de la zone de travail

Les outils

Les outils de sélection : rectangle, ellipse, lasso, baguette magique
Les outils de peinture : pinceaux, gomme, crayon

Les calques

Les différents calques et leurs propriétés
Les calques de réglage
Application de couleurs
Option de fusion

Le texte

Intégration et modification de texte
Propriétés de textes
Option de fusion

Colorimétrie

Détramage
Calibration des couleurs
Niveaux et courbes
Luminosité et contraste

Les filtres

Applications de filtres
Contours, déformation, filtres artistiques, esthétiques, textures…

Les masques et les couches

Création et utilisation d’un masque de fusion ou d’un masque vectoriel

Photoshop Perfectionnement

Code CPF: 146867

Sélection

Utiliser les outils de sélection et avantages des sélections
Sélections et tracés (outil plume)
Sélection de plages et couleurs

Les calques

Les calques de réglage
Les modes de fusion
Les styles
Les couches

Les masques

Création et modification d’un masque
Formes et motifs
Formes personnalisées
Création de motifs
Tampon de motifs
Application de motifs

Scripts

Utilisation des Scripts
Création et modification de Scripts

Corrections

Réglage des niveaux, de la luminosité et des contrastes
Mode colorimétrique et gestion des couleurs

Retouches

Les outils pour améliorer les photos
Utilisation de l’outil Pièce, de correcteur, teinte, saturation

Techniques

Amélioration du contraste (point noir – point blanc)
Les modes de fusion sur les calques de réglage

Fireworks

Environnement

Gestion des calques
Créer et modifier des objets vectoriels
Les outils de sélection
Les outils de dessin
Trames, traits et effets
Combiner et remodeler les trajets
Le texte
Les outils de retouche
Les masques vectoriels / bitmap

Optimisation

Choix des formats Gif ou Jpeg
Optimisation avec aperçu direct
Optimisation sélective
Utilisation des vignettes
Utilisation des palettes de couleur

Découpes et références

Créer des découpes
Utiliser le calque Web
Création de carte images
Gérer les tranches en vue d’une exportation en HTML

Les boutons

Création de symboles boutons
Utilisation de la bibliothèque de symbôles

Les comportements

Permutation d’images
Les menus déroulants

Illustrator Initiation

Code CPF: 146867

Interface

Les outils et les palettes, l’automatisation de travail
Gestion de l’affichage, le format du document

Les techniques de dessin

Le dessin libre ou avec un modèle
Dessin de formes et de lignes
Le dessin avec les symboles

Gestion des dessins

Gestion des calques
Travailler sur un calque

Les tracés

Gestion et retouches des tracés
Les sélections et les alignements
Les déplacements et copies
Transformations, combinaisons et découpes de tracés

Couleurs

Les couleurs
Motifs de fond, dégradés, contours des tracés

Aspect et masques

Les attributs et les styles d’aspect
Les effets, les transparences, les masques

Le Texte

Typographie
Gestion et manipulation de textes
Vectorisation et pixellisation

Objets pixellisés

Création d’images bitmap, traitements des images

Illustrator Perfectionnement

Code CPF: 146867

Interface

Rappel des paramétrages, repères
Fichier de démarrage et modèles de documents

Travail sur les calques

Empilement et imbrication des calques
Sélection par la palette calque

Création et transformation des objets

Création et modification des objets vectoriels
Différence entre filtres et effets
Enveloppes de déformation
Les outils de fluidité et autres fonctions de transformation

Aspect graphique

Normes des couleurs et modes de séparation
Motifs de fonds à raccords invisibles
Positionnement des contours sur les tracés
Formes de contours
Transparence, contour progressif, ombre portée, lueur, flou
Objets à plusieurs fonds et contours
Styles graphiques, masques d’opacité

Texte

Chaînage, habillage, tableaux
Réglage des césures et de la justification
Texte en dégradé, à motif, à aspect complexe
Vectorisation du texte

HTML / XHTML

Les bases

Les balises et leurs attributs
Identifier une page, en-tête et titre

Création

Définir la police et ses propriétés
Définir un paragraphe
Liste à puces et numérotées

Les images

Les formats du Web
Taille, positionnement et arrière plan

Mise en page avec les tableaux

Créer un tableau
Mise en forme du tableau

Les liens hypertextes

Les ancres
Vers une adresse mail
Vers une adresse relative ou absolue

Les formulaires

Créer un formulaire
Les différents types de champs

Publication

Dreamweaver Initiation

Présentation générale

Arborescence
Concept
Configuration
Le mode création

Mise en pages

Les préférences
Insertion et formatage de textes
Les images et autres médias
Les tableaux : principes et mise en forme

Les liens

Définition
Création de liens
Gestion, mise à jour
Sélection de zone de lien

La publication sur Internet

Définir un site
Vérifications
Transfert FTP

Dreamweaver Perfectionnement

Mise en pages

Compatibilités HTML
Les calques
Les feuilles de styles CSS

Les formulaires

Insertion et propriétés des champs
Les champs obligatoires
L’envoi des formulaires
Confirmation d’envoi

Les fonctions évoluées

Les modèles et bibliothèques
Les comportements

Dynamique HTML

Animer les calques
Créer des menus de navigation

Edge Animate

Introduction

Philosophie Edge Animate
L’interface
Mise en page adaptative

Créer, modifier, enrichir, réutiliser

Les outils
Propriétés d’objet
Hiérarchisation, alignement, distribution,
réorganisation d’objets
Groupes et symboles (+ exports)

Animer

Utiliser la timeline
Animation simple et complexe
Transitions et clés d’animation
Marques de verrouillage et pop
Zooms, images clé, transitions lisses
Modifier les aspects d’un objet

Interactivité

Ajout d’interactivité
Propriété Curseur
Type d’évènements
Initiation au code
Accessibilité / ordre de tabulation / SEO

Exporter / diffuser

Exporter une animation
Scène de niveau inférieur (IE 6, 7 et 8)
PréLoader, affiche

CSS Initiation

Méthodologie

Construire des CSS efficaces
La structure des pages
La conception graphique
Les standards
Accessibilité, navigateurs, OS

La notion de cascade

Feuilles de styles internes, externes, intégrées
Héritage des styles en cascade
Sélecteurs CSS
Classes, id, pseudo-classes
Les règles de nommage des styles

Architecture

XHTML et CSS
Structure et sémantique : balises sémantiques, balises hiérarchiques
Pseudo éléments et propriétés avancées

Positionnement

Structure des éléments : bloc, en ligne
Modèles de boîtes
Flux et positionnements

Rendus

CSS et navigateurs
Optimisation des rendus
Validation

CSS Perfectionnement

Les styles CSS en pratique

Un peu de généalogie
Les sélecteurs CSS classiques
Les «nouveaux» sélecteurs CSS2.1 (enfant, adjacent,
attribut)
Les pseudo-éléments (dont :first-child)
La priorité des sélecteurs

Le positionnement en CSS

Le rendu par défaut des éléments (bloc, en-ligne)
Les éléments (x)HTML usuels
Comprendre le modèle de boîte
Les schémas de positionnement (dans le flux, absolu,
fixé, relatif, flottant)
Gérer les flottements avec la propriété clear

Résolution de bugs

Les «hacks» CSS
Les commentaires conditionnels
Concept de Haslayout
Méthodologie de résolution de bugs

Optimisation et performances

Bien gérer un projet CSS (nommage, commentaires,
ordre)
Performances (reset, frameworks, sprites, compressions)
Outils en ligne et logiciels

Rédiger le cahier des charges d’un site Web

Définir le projet

Définir les objectifs, la stratégie et l’identité globale du site
Répertorier les différents acteurs
Cerner le contexte et l’historique
Évaluer les contraintes

Chiffrer le projet

Évaluer le coût de conception
Chiffrer le coût de fabrication
Estimer le coût de l’hébergement
Prévoir le coût des abonnements
Cas spécifique des appels d’offres

Rédiger le cahier des charges

Connaître les rubriques du cahier des charges
Rédiger le cahier des charges fonctionnel et technique
Valider la charte graphique
Mettre en place le suivi de projet
Réaliser prototypage et maquette

Intégrer les aspects juridiques

Remplir les formalités préalables
Connaître les mentions légales
Rédiger le contrat

Rédiger pour Internet

Définition de l’éditorial

Importance et place du contenu et du texte dans les sites
Comprendre comment le contenu permet de mieux toucher ses cibles
Analyse de ce qui fonctionne ou pas sur le web en matière de contenus

Les spécificités technologiques du Web

Apports et spécificités du média Internet
Attentes et comportements des lecteurs
Les modes de lecture
L’attrait des textes
Comprendre les contraintes ergonomiques : lisibilité, lecture à l’écran...

Organisation des contenus

Les grands principes d’organisation des contenus
L’importance des titres
La longueur des pages
Les liens hypertextes
Intégration des visuels
Organisation du plan du site : rubriques, structure, navigation
Optimiser le parcours sur la page

Appliquer les techniques d’écriture pour le web

Les fondamentaux : objectifs, cibles et moyens
La mise en forme de l’information : les techniques d’écriture efficaces pour le Web
Rendre un message accessible
Répondre au besoin d’information des lecteurs
Respecter la qualité littéraire
Assurer la lisibilité : niveaux de lecture
Structurer l’information : principes d’écriture journalistique,les formats d‘information
Véhiculer les messages clés
L’accroche et la chute
La contextualisation du contenu
La charte Editorial
Les médias du web et le graphisme

Web 2.0

Conception d’une interface graphique

Présentation

Concepts de base
L’utilisation du Web comme une plate-forme relationnelle

Les fonctionnalités et l’innovation du Web 2.0

Les évolutions techniques
Comparatif Web 1.0 et Web 2.0
Comment reconnaître un site Web 2.0
Les limites du Web 2.0

Les outils de partage d’informations

Les blogs, Vblogs
Les wikis
Les flux RSS
Podcast

Pratique du Web 2.0

Utilisation du Web 2.0 et applications dans le partage des connaissances
La place des données libres, des infowares et des mashups
La participation des utilisateurs au développement et au traitement
Exemples de sites Web 2.0

Webdesign

Ergonomie

Les temps d’attente
Le système de navigation
La règle des 3 clics
Navigation libre ou navigation dirigée

Lisibilité

La typographie pour le Web
L’intégration des visuels
Les animations et les liens

Apparence d’un site Web

La charte graphique
Le choix des couleurs
L’analyse visuelle des pages
La dimension des pages
La grille modulaire du site

L’importance de la page d’accueil

Rôle, accessibilité, style de design, message

Structurer l’information pour le Web

Comprendre la spécificité du média
L’écriture, la lecture à l’écran

Analyse de design

Culture design, identité visuelle
Les designs par secteur d’activité
Nouvelles tendances

Conception et gestion de projets

Le e-commerce

Spécificités du marketing e-commerce

Les enjeux en matière d’attraction des visiteurs
    L’enjeu de la visibilité
    L’enjeu de la réputation
    Alors, réputation ou visibilité ?
Les indicateurs du e-commerce
    Statistique du journal du net : les indicateurs
    du e-commerce
Créer le trafic sur le site e-commerce et le fidéliser
    Créer du trafic : augmenter sa visibilité
    Fidéliser les internautes
Les nouveaux métiers du marketing de la vente orientée Web

Stratégie de distribution intégrant le commerce électronique

Fixer l’objectif et choisir le bon vecteur e-commerce
    Les modèles transactionnels
    Les modèles relationnels
Gestion de la relation client
    Identification du client sur Internet
    Gestion de la relation client en e-commerce
Le merchandising électronique : cycle de vie clients et offres
    Le client et le produit
    L’offre e-commerce / cycle de vie des offres

Le comportement du consommateur

Les attentes du consommateur
    Avantages du e-commerce
    Freins
Du consommateur au conso acteur
Les nouvelles pratiques du consommateur sur les sites marchands
    La satisfaction tirée de la visite
    Les coûts associés à la visite
    La question de confiance

Les tendances du e-commerce

Le multicanal
La délégation e-commerce
La vente en ligne d’automobiles
Les silver surfers
Le social commerce

Référencement web

Référencement et moteur de recherche

Panorama des outils de recherche
Définition du référencement sur les moteurs de recherche
Origine des visiteurs sur un site

Optimiser le référencement de son site

Le fonctionnement des moteurs
Le comportement des internautes
Les facteurs techniques
Les mots clés
Optimisation d’une page en vue d’un meilleur positionnement
Développer la popularité de son site
Choisir un prestataire de référencement
Acquérir les réflexes d’un bon référencement 

Mesurer les résultats

La mesure d’audience
Les outils à mettre en place
Interpréter les résultats