Formation Design Web avec Photoshop et Illustrator

Votre devis en 3 clics

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Evaluation de fin de formation : Certification CPF ou mise en situation notée par le formateur
  • si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr et nous étudierons ensemble vos besoins.

Blocs de compétences

Ce cours ne fait pas partie d'un bloc de compétences

Durée :
5 jours
Public :
Graphistes
Pré-requis :
Aisance avec l'outil informatique. Connaître un logiciel de traitement d'images, d'illustration vectorielle serait un plus
Objectifs :
Comprendre et maîtriser les spécificités de la publication sur le Web (formats, interactivité, etc.). Concevoir et réaliser l'interface des pages d'un site Web. Élaboration de la charte graphique, appropriation des fondamentaux de la présentation sur écran, ergonomie des sites et principes de navigation.
Sanction :
Attestation de fin de stage mentionnant le résultat des acquis
Référence :
PAO377-F
Demandeurs d'emploi :
Contactez-nous pour connaître les remises Pôle Emploi
Note de satisfaction des participants :
5,00/5
Téléchargez le PDF

Fondamentaux de la publication sur le Web et de l'interactivité

Introduction

Historique
Présentation du Web

Les formats

Les tailles d'écran
Les espaces colorimétriques : RVB et hexadécimal
Les différents formats de fichiers images
L'optimisation

L'interactivité

Les spécificités (non-linéarité de la publication Web)
Les liens hypertexte
Les différentes formes de sites Web : site statiques et site dynamiques

Présentation des logiciels de la suite Adobe

Photoshop : présentation

L'interface et l'espace de travail
Création de nouveaux documents : le paramétrage
Les outils et les méthodes de sélection
L'organisation des calques
Le photomontage

Illustrator : présentation

L'interface et l''espace de travail
Création de nouveaux documents : le paramétrage
Le vectoriel
Les calques et les sous-calques
Les masques d'écrêtage

Dreamweaver

L'interface et l''espace de travail
Création de nouveaux documents : le paramétrage
le HTML : structure du dodument
Les liens hypertextes
La mise en forme

Présentation de Bridge

Présentation d'outils en ligne

Conception
Production
Analyse
Ressources

Conception fonctionnelle d'un site Web

La préparation du projet

Rédaction du projet sous forme d’une note d'intention
Rédaction du cahier des charges
Définition

Les différents types de sites Web

Les sites vitrines
Le Portfolio
Les sites de e-commerce
Les sites communautaires
Les blogs
Les sites événementiels

Les différentes formes de sites Web

Les sites statiques
Les sites dynamiques
Les CMS
Les niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

L'arborescence du site

Organisation des rubriques
Cinématique des pages
Ergonomie
Les principes de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

La conception graphique

La charte graphique : l'identité visuelle

Ce qui est autorisé, ce qui est défendu
Dimension, « zoning »
Définir les couleurs : titres, sous-titres, texte de lecture, liens hypertexte, boutons des menus, encadrés, etc.
Les styles des polices de caractères

Organiser son interface

Définition du fond d'écran et du fond de page
Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

Organiser son travail

Créer des bibliothèques de styles
Créer des bibliothèques d'objets
Exporter ses nuanciers
Exporter ses styles

Réalisation : la page d'accueil

La présentation

Définition du fond d'écran et du fond de page
Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

Création d'une page d'accueil

Définir une grille de positionnement des différents éléments
Définir les emplacements et la mise en forme du contenu (texte, images, vidéos, etc.)
Prise en compte de l'ergonomie
Atelier pratique : création de l'interface d'une page d'accueil

Réalisation : les rubriques

Création des pages de rubriques

Déclinaison de la charte graphique dans les pages intérieures
Organisation du contenu texte-images
Positionnement des barres et boutons des menus
Atelier pratique : création de l'interface de pages intérieures

Enrichissement graphiques

Les fonds
Les dégradés des bords
En-tête, pieds de pages
Les vignettes
Atelier pratique : création de l'interface de pages intérieures

Exportation des documents graphiques

Exportation en html

Les outils tranche de Photoshop et de Illustrator
Les zones actives d'une image
Exportation d'un document au format html

Exportation de l'interface pour l'intégration html

Création des repères de zones
Découpage de l'interface

Optimisation des images

Les formats d'image : JPG, GIF, PNG
L'animation : GIF, Flash, CSS 3
Atelier pratique : création de l'interface d'une page Web dans un document html

Finalisation de l'interface : l'intégration HTML

L'éditeur Web

Insertion des éléments dans une page html
Gestion des liens hypertexte
Insertion et gestion des menus et barres des menus (boutons, onglets, etc.)

L'optimisation des pages

Optimisation des images
Les transparences
Les dégradés
Atelier pratique : création d'un petit site Web comportant plusieurs rubriques

Conclusion

De l'idée initiale à la réalisation finale

Bilan de la réalisation : contraintes, potentiel et spécificités
La promotion
Le référencement
Faire vivre son site

CopyrightDepot Dawan

Dates à Bordeaux

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Bruxelles

Du 24/05/2021 au 28/05/2021

Du 23/08/2021 au 27/08/2021

Du 22/11/2021 au 26/11/2021

Dates à Distance

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Geneve

Du 07/06/2021 au 11/06/2021

Du 06/09/2021 au 10/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Lille

Du 24/05/2021 au 28/05/2021

Du 23/08/2021 au 27/08/2021

Du 22/11/2021 au 26/11/2021

Dates à Luxembourg

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Lyon

Du 07/06/2021 au 11/06/2021

Du 06/09/2021 au 10/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Marseille

Du 21/06/2021 au 25/06/2021

Du 20/09/2021 au 24/09/2021

Dates à Montpellier

Du 21/06/2021 au 25/06/2021

Du 20/09/2021 au 24/09/2021

Dates à Nantes

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Nice

Du 07/06/2021 au 11/06/2021

Du 06/09/2021 au 10/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Paris

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Rennes

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Strasbourg

Du 31/05/2021 au 04/06/2021

Du 30/08/2021 au 03/09/2021

Du 06/12/2021 au 10/12/2021

Dates à Toulouse

Du 21/06/2021 au 25/06/2021

Du 20/09/2021 au 24/09/2021

bien adapté à mes besoins (j'étais la seule eleve..)
Claire G.

Transmettre l’envie d'apprendre, de comprendre, de progresser, de partager : c'est ce qui nous motive chaque jour pour améliorer sans cesse l'entreprise, le travail de nos équipes et la satisfaction de nos clients.
C'est pour cela que nous mettons tout en œuvre pour vous accueillir dans le meilleur des cadres, avec les meilleurs contenus, les meilleurs formateurs, des supports constamment renouvelés et une démarche commerciale résolument innovante.

GAGNER EN QUALITE

Depuis 2000, nous progressons continuellement pour faire évoluer notre catalogue, nos cours, nos supports, notre accueil et notre pédagogie. Nous sommes certifiés OPQF depuis la rentrée 2012 et poursuivons notre démarche qualité en formant constamment nos intervenants aux nouvelles techniques pédagogiques et aux évolutions technologiques.

DEVELOPPER NOTRE EQUIPE DE FORMATEURS INTERNES

Nous avons développé une équipe de professionnels de la pédagogie qui interviennent pour notre propre compte ainsi qu'en sous-traitance pour la plupart de nos confrères. Nous bénéficions ainsi d'une très riche expérience de l'enseignement en nous confrontant constamment à la quasi-globalité des contenus et outils pédagogiques du marché de la formation professionnelle.

ASSURER UNE REACTIVITE COMMERCIALE

Notre équipe de commerciaux est parfaitement formée aux nouvelles technologies et saura répondre à tous les besoins en moins de 48h. Disponibilité, programme, coût : vous aurez une réponse appropriée, claire et vraiment rapide.

CREER DES SUPPORTS INNOVANTS

Nous veillons à ce que nos clients soient parfaitement satisfaits des supports que nous offrons. Aussi, nous avons développé des produits internes très efficaces que nous mixons avec les meilleurs supports du marché. A cela s'ajoute un tutorat mail pendant 30 jours pour que chaque stagiaire puisse poser toutes les questions qui lui viennent après le cours.

SOIGNER L'ACCUEIL DE NOS CLIENTS

Nous mettons un point d'honneur à ce que nos clients soient parfaitement accueillis quand ils viennent chez nous : prise en charge dès leur arrivée, boissons et viennoiseries aux pauses, repas avec les autres stagiaires et formateurs, questions/réponses après les cours. Nos formations représentent une étape de progression et de réflexion dans la carrière de nos clients et nous souhaitons qu'elle se fasse dans les meilleures conditions.

DISPOSER D'UN ENVIRONNEMENT PRIVILEGIE

Nous vous accueillons dans des salles parfaitement adaptées à l'apprentissage : des machines très puissantes pour les formations gourmandes en ressources, des salles lumineuses et climatisées, des locaux faciles d'accès en centre ville et à proximité immédiate des gares etc. Tout a été pensé pour votre confort !

PARTAGER NOTRE SENS DU SERVICE

Nous voulons continuer à vous apporter le meilleur service au meilleur coût. Sollicitez Dawan pour vos besoins de formations et vous découvrirez un organisme réellement désireux de participer à la réussite des projets de ses clients.

formation

logo Qualiopi
Datadock
TOSA
logo FFP
Charte de la diversité
Grande école du numérique