Formation Design Web avec Photoshop et Illustrator

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

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.

DAWAN


Formez-vous à l’excellence.
Voir la fiche entreprise

Tarif

A partir de 2 245,00 €

Durée 5 jour(s)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

DAWAN


Formez-vous à l’excellence.
Voir la fiche

Tarif

A partir de 2 245,00 €

Durée 5 jour(s)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

  • 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
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Programme

    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

    Prérequis

    Aisance avec l'outil informatique. Connaître un logiciel de traitement d'images, d'illustration vectorielle serait un plus

    Public

    Graphistes

    Ces formations pourraient vous intéresser

    Joomla - Les bases

    Proposé par CIT FORMATION INFORMATIQUE

    Objectifs de la formation

     Acquérir les connaissances de base pour être autonome dans la conception et la maintenance de son site Web avec Joomla.

    À l'issue de la formation, le stagiaire sera capable de :

    • De comprendre la structure d'un site Web
    • Concevoir et réaliser un site Web
    • Créer et modifier des pages graphiques et interactives
    Tarif

    Contacter l'organisme

    Durée

    3 jour(s)

    Modes
    • Centre
    • Entreprise

    Objectifs de la formation

    • Décrire l'architecture multicouche et l'intérêt des frameworks ;
    • Décrire les problématiques liées à la production et au déploiement des applications, et identifier les intérêts de l'intégration continue ;
    • Installer un environnement de production/construction Gradle ;
    • Créer un projet Gradle Java en ligne de commande et avec l'IDE Eclipse ;
    • Décrire l'architecture et le fonctionnement de l'API de persistance JPA ;
    • Réaliser les mappings entre les classes Java et les tables de bases de données ;
    • Manipuler les instances d'objets persistants avec l'API JPA ;
    • Identifier les apports et décrire les mécanismes d'injection de dépendances ;
    • Configurer Spring à travers le fichier XML et utiliser les annotations spécifiques ;
    • Implémenter la couche d'accès aux données avec Spring JDBC et Spring ORM ;
    • Construire et expoloiter les données de formulaires de saisie avec Spring MVC ;
    • Utiliser un Web Service REST dans un environnement Spring avec Spring REST ;
    • Configurer Tomcat pour un accès HTTPS et sécuriser l'accès aux applications Web grâce à l'authentification basée sur les rôles.
    Tarif

    A partir de 990,00 €

    Durée

    37 heures

    Modes
    • Distance

    Objectifs de la formation

    • Créer des présentations et des documents en entreprise avec InDesign
    • Travailler sur des images pour une mise en page ou une publication sur le web avec Photoshop
    • Créer des illustrations vectorielles avec Illustrator
    Tarif

    A partir de 2 050,00 €

    Durée

    5j / 35h

    Modes
    • Entreprise

    Perfectionnement Adobe Photoshop

    Proposé par CAPITAL FORMATIONS

    Objectifs de la formation

    • Approfondir ses connaissances techniques de Photoshop pour acquérir une méthodologie de travail
    • Maîtriser les fonctions avancées
    • Intégrer l’utilisation des principaux outils complémentaires
    Tarif

    Contacter l'organisme

    Durée

    Sur mesure

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    À l'issue de cette formation BMC Control-M Planification, vous aurez acquis les connaissances et les compétences nécessaires pour :

    • Explain the architecture of a Control-M environment
    • Identify the new features and enhancements in Control-M
    • Define jobs and job dependencies in Control-M GUI and Web interfaces
    • Define and manage conditions in Control-M GUI and events in Control-M Web
    • Schedule job definitions in Control-M GUI and Web interfaces
    • Create and use calendars in Control-M GUI and Web interfaces
    • Work with the default and customized viewpoints in Control-M GUI
    • Create viewpoints in Control-M Web
    • View, manage, and monitor Alerts from Control-M GUI and Web interfaces
    • Define Notifications for jobs/SMART folders in Control-M GUI and Web interfaces
    • Use On-Do actions in Control-M GUI and If-Actions in Control-M Web
    • Work with different types of variables in Control-M GUI and Control-M Web
    • Work with Control Resources and Quantitative Resources in Control-M GUI
    • Work with Lock Resources and Resource Pools in Control-M Web
    • Use the History domain to open an archived viewpoint in Control-M GUI
    • View the history of viewpoints in Control-M Web
    • Define Workload Policies in Control-M GUI
    • Manage Control-M Reports in Control-M WEB
    • Understand the purpose and use of job templates in Control-M GUI
    • Use the Find and Update feature in Control-M GUI and Web interfaces
    • Use the Versions tool to manage versions of job definitions in Control-M GUI
    Tarif

    A partir de 3 800,00 €

    Durée

    4j / 28h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    Plus concrètement à l'issue de cette formation Photoshop Renforcer vos connaissances vous aurez acquis les connaissances et les compétences nécessaires pour :

    • Modifier la colorimétrie d’une image
    • Réaliser des retouches photos avancées
    • Gérer du texte
    • Maîtriser les effets de calques
    • Utiliser les outils vectoriels
    Tarif

    A partir de 950,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    A l'issue de cette formation, vous serez capable de :

    • Découvrir le framework Symfony 6 pour créer votre site Web
    • Créer un nouveau projet Symfony 6, en partant de rien
    • Décrire l'organisation structurée des répertoires / fichiers et y appliquer un pattern MVC
    • Construire les premières pages Web avec le moteur de rendu Twig et le gestionnaire d'assets Webpack Encore
    • Créer des formulaires Symfony et gérer la persistance d'objets via Doctrine.
    Tarif

    A partir de 1 590,00 €

    Durée

    3j / 21h

    Modes
    • Centre
    • Distance

    Objectifs de la formation

    Maîtriser l'utilisation de Spring Boot, Web et Security pour la construction de web services REST - Implémenter une couche performance de persistance de données dans une base relationnelle
    Tarif

    A partir de 2 975,00 €

    Durée

    5j / 35h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    Aborder les fonctionnalités liées à l'illustration ; savoir créer des illustrations complexes
    Tarif

    A partir de 875,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    À l'issue de cette formation HTML CSS, vous aurez acquis les connaissances et compétences nécessaires pour :

    • Savoir structurer un site ou une application web à l’aide du balisage HTML5
    • Savoir mettre en forme une page HTML5 en y intégrant des feuilles de style CSS3
    • Savoir optimiser son code et mettre en œuvre la compatibilité avec les différents navigateurs
    • Être capable d’intégrer des pages « responsive » dans ses développements
    • Être capable d’intégrer des images, des animations vectorielles et du son au sein de ses développements
    Tarif

    A partir de 1 850,00 €

    Durée

    3j / 21h

    Modes
    • Centre
    • Entreprise
    • Distance

    Je cherche à faire...