Formation Design Web avec Photoshop et Illustrator
- 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.
Suite de parcours et formations associées
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
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
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
-
Bordeaux
DAWAN
4 Av Eugène et Marc Dulout
33600 Pessac -
Bruxelles
DAWAN
4 rue de la Presse
1000 Bruxelles -
Geneve
DAWAN
Route de Chêne 5
Case postale 6298
CH-121 Geneve 6 -
Lille
DAWAN
1 rue Esquermoise
3ème étage
59800 Lille -
Luxembourg
DAWAN
5 Rue Goethe
L-1637 Luxembourg -
Lyon
62 rue de Bonnel
1er étage
69003 Lyon -
Marseille
DAWAN
23 rue de la République
Etage 2
13002 Marseille -
Montpellier
Le Thèbes BâtA Étage3
26 Allée de Mycènes
34000 Montpellier -
Nantes
DAWAN
32 Boulevard Vincent Gâche
44000 Nantes -
Nice
12 Quai Papacino
06000 Nice -
Paris
DAWAN
11 rue Antoine Bourdelle
75015 Paris -
Rennes
DAWAN
81 Mail François Mitterrand
35000 Rennes -
Strasbourg
DAWAN
37, rue du Fossé des Treize
67000 Strasbourg -
Toulouse
DAWAN
1 place Occitane
Immeuble Le Sully Etage 6
31000 TOULOUSE
Claire G.
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.