Cette formation web design s’adresse aux graphistes qui souhaitent se perfectionner dans l’ergonomie web et l’intégration de leur maquette web en HTML/CSS. La maîtrise de Photoshop est ici exigée : vous devrez réaliser la maquette web pendant la période inter-stage… afin de l’intégrer lors de la 2e session.

La formation se déroule en effet sur 2 périodes :

– Une session d’1 journée, suivie d’un temps de pratique de 15 à 30 jours.
– Puis une session de 2 jours pour intégrer le webdesign en CSS.

Les Objectifs
de la formation web design

01Comprendre et appliquer

les principes ergonomiques spécifiques au web ;

02Projeter

des principes graphiques efficaces et pertinents ;

03Envisager sa maquette web

du point de vue de l’intégration ;

04Comprendre la syntaxe

du langage CSS ;

05Comprendre

le positionnement en CSS ;

06Savoir réaliser

une intégration HTML/ CSS ;

La Formation web design 
en détails : contenus, dates et prix

Dernière actualisation le 11 décembre 2020

Public concerné

Graphiste souhaitant acquérir les compétences en web design et évoluer vers l’intégration HTML/CSS

Cette formation n’est ni certifiante, ni éligible au CPF, mais peut être prise en charge au titre du plan de formation entreprise (renseignements auprès de votre OPCO ou de votre conseil comptable)

Pré-requis
  • Maîtrise du logiciel Photoshop, sens de l’esthétique ainsi que quelques bases en HTML (logiciel type NotePad ou sur  Dreamweaver)
Nombre de stagiaires par session
  • De 2 à 4 en inter-entreprises
  • De 1 à 6 en intra
Dessin personnage inter intra formation ça veut dire quoi ?

Les apports professionnels de la formation Webdesign

La formation webdesign se déroule en 2 périodes : une première journée pour comprendre l’ergonomie web et les principes du webdesign, puis 2 jours consécutifs pour mettre en pratique l’intégration html/css d’une maquette web.

1er jour : qu’est-ce que l’ergonomie web ?

Cette première journée de formation commence par les bases du webdesign : définition et principes d’ergonomie web, exemples concrets de sites bien réalisés, audit graphique et ergonomique.

Les stagiaires apprendront ensuite à concevoir leurs documents projet. Le formateur les guidera dans une réflexion globale, afin d’anticiper les futures questions lors de la création de la maquette. Ainsi, ils aborderont ensemble les notions de zoning, wireframe ou encore les règles d’utilisation d’une charte graphique pour le web. La maquette graphique commencée pendant ce 1er jour de formation sera à terminer pour le jour 2.

Article formation web design jour 1
Article formation web design jour 2

2e & 3e jour : intégration html/css et webdesign

De retour en formation, le groupe participe à un débrief commun sur le travail inter-session : chaque participant présente son travail et évoque ses interrogations. Ce temps d’échange entre les participants et le formateur permet d’améliorer son graphisme et d’aboutir au webdesign final.

Le formateur rappelle ensuite quelques bases du langage HTML5, avant d’aborder en détails le CSS. L’intégration web commence alors pour les participants : ils appliquent les notions au fur et à mesure via des exercices dédiés.

Les notions avancées de CSS sont abordées lors du 3e jour, permettant ainsi aux stagiaires d’acquérir les compétences suffisantes pour intégrer leur webdesign. La structure en boîte et les positionnements sont vus le matin, la méthodologie et les études de cas plus poussés sont au programme de l’après-midi.

Durée
  • 3 jours, soit 21h00.
  • 50% de théorie, 50% de pratique.
Création de site web

Jour 1 de la prochaine formation

  • Date : 20 mai 2021
  • Horaires : jeudi 9:00 à 9:00

Contact event manager

1 2 3 4
  • Jour 2 pressenti : 22 juin 2021
  • Jour 3 pressenti : 23 juin 2021
Délais d'accès

Formation inter déjà programmée :

  • 7 jours avec un auto-financement ;
  • 4 semaines minimum avec un financement externe, selon délais d’instruction des dossiers de financement chez votre OPCO

Formation intra :

  • 4 semaines minimum avec un auto-financement ;
  • 5 à 10 semaines en cas de financement avec votre OPCO.

Préinscription à une formation programmée

  • 1585€ Formation inter-entreprises 3j 4 restant(s)
  • 2985€ Formation intra-entreprises 3j 1 restant(s)
Se pré-inscrire à la formation

Préinscription / Inscription

Se pré-inscrire
Formation inter-entreprises 3j
4
1585€
One time registration allowed for this ticket
0€
Formation intra-entreprises 3j
1
2985€
One time registration allowed for this ticket
0€
€0
Merci de nous contacter afin de vérifier la faisabilité de la formation. Le paiement se fera à réception de la facture, après la session de formation
Étape précédente
Merci à vous pour votre confiance

Web design avec Photoshop et CSS

jeudi 9:00 à 9:00
20 mai 2021

000000

Web design avec Photoshop et CSS

jeudi 9:00 à 9:00
20 mai 2021

IMPRIMER
Besoin d'une autre date ?Demander une nouvelle session

Admission à la formation web design :

  • Entretien préalable avec le formateur
  • Test d’entrée afin de vérifier le niveau sur Photoshop et les bases en HTML
  • Variante possible avec le logiciel Dreamweaver CC : nous contacter pour une réadaptation du programme
Un doute sur votre besoin de formation ?

Utilisez notre questionnaire pour faire le tour de vos acquis actuels et anticiper vos besoins de formation

Accéder au questionnaire
Faire son site Wix soi-même

Votre graphisme
personnalisé

Kawaii crayon

Une fois les notions d’ergonomie web acquises, créez votre propre maquette, et testez-là en live auprès du formateur et des autres participants.

Intégrez
votre design

Kawaii concepteur de sites web

La formation vous permet d’intégrer votre maquette de façon progressive, et de débusquer sous l’œil avisé du formateur toutes les difficultés en programmation front-end.

Et Après ?
Toujours là !

Kawaii loupe

Temps de support de 45min offert dans le mois qui suit la formation (intra) ; à utiliser pour des conseils personnalisés ou des corrections, tant au niveau du webdesign que des intégrations.

Le programme de formation
web design

Actualisé le 11 décembre 2020

La formatrice
dédiée à « web design »

Sabrina Échappé

Sabrina a appris HTML et CSS en 2004, dans le cadre d’une formation sur 6 mois. Depuis, elle n’a jamais cessé de créer des maquettes pour le web et s’est actualisée en permanence sur l’évolution des langages.

Suite aux créations de webdesigns sur Photoshop, le recours à HTML et CSS constitue la suite logique. Il est très valorisant pour les stagiaires de créer leur propre maquette, et de lui donner vie ensuite via les langages de développement et les navigateurs internet. Cette formation est une aventure à chaque fois renouvelée !

formateur compétences pédagogiques
Responsable pédagogique

Mémo et outils
pour créer et intégrer un webdesign

  • Préparer la réflexion de votre webdesign en compilant des informations sur votre projet et en menant un benchmark sur vos sites préférés ;
  • Papier / crayon (voir feutres de couleur !) pour les phases de réflexion au brouillon et l’établissement des zonings et wireframes ;
  • Des textes et photos au mieux avant le 1er jour, sinon intégrés dans le webdesign Photoshop pour le Jour 2 ;
  • Ordinateur équipé de Photoshop (c’est évident) et de Notepad ++ (ou Dreamweaver -> programme à rédapter)
Dessin d'un tableau pour réprésenter la formation en présentielle

Formation
présentielle

Dessin d'une tasse pour une formation sur-mesure

Sur Mesure
Possible

Dessin d'une horloge pour indiquer que les formations sont mise à jour à J-7 à J-1

Mise à jour
j-7 à J-1

Logo Datadock, tout nos formations sont datadockées

Formation
Datadockée

Articles et Formations
pour web design

Article Dreamweaver
Formation Dreamweaver

Créez votre propre site grâce à cette formation spécialisée dans la création de pages HTML et le développement en CSS et javascript.

Formation Dreamweaver

Apprendre les bases de Photoshop
Formation apprendre Photoshop

Cette formation PAO complète vous permettra d’apprendre les bases de Photoshop, de créer une affiche graphique ou un document visuel attractif, et de l’envoyer à l’imprimeur sans aucune retouche de sa part.

Formation apprendre Photoshop

Article ergonomie web et web design
L'ergonomie web et le web design

L’ergonomie web et le web design sont indissociables l’un de l’autre pour créer un beau site efficace. Commençons par les définitions…

Ergonomie web et web design