01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Ergonomie / UX Design / Prototypage Chargé de conception et de réalisation web

Icon2018 quiz amont Icon2018 granule vod Icon2018 module presentiel Icon2018 quiz classe virtuelle Icon2018 quiz quiz aval
Objectifs
  • Maîtriser les bases de WordPress
  • Mettre en place un projet personnel
  • Utiliser le langage HTML et les CSS
  • Choisir et personnaliser un thème WordPress
Public concernéDirecteurs artistiques, graphistes, maquettistes…
Pré-requisIl est nécessaire de maîtriser Photoshop et d’avoir une bonne culture Web pour suivre ce cursus.
Méthodes pédagogiquesCette formation, composée de différents modules, alterne théorie et pratique grâce à de nombreux exercices, et met également l’accent sur les échanges et le mode collaboratif. Chaque participant travaille sur son projet. Ce parcours permet d’appréhender et de valider les différentes phases nécessaires à la construction de ce projet. Grâce à leur expertise, les intervenants conseillent et accompagnentles apprenants jusqu’à la présentation finale de leur projet.
Moyens techniques* Logiciels : WordPress et extensions utiles…

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateurWebdesigners ayant plus de 10 ans d’expérience en enseignement.
Voir tous les programmes Le programme

# 1 MAÎTRISER LES BASES DE WORDPRESS 5 jours - 35 heures - Prochaine session : Du 29 jan. au 2 fév. 2018

Comprendre le fonctionnement du Web

  • Identifier les grandes étapes d’un flux de production
  • Contextualiser les langages : HTML, CSS, PHP…
  • Distinguer site statique et site dynamique
  • Comprendre le rôle d’une base de données
  • Identifier les tendances graphiques en matière de Webdesign

Gérer un projet Web

  • Établir un cahier des charges
  • Identifier les objectifs et le public du site
  • Lister et hiérarchiser les contenus
  • Définir l’arborescence du site
  • Créer des maquettes fonctionnelles (wireframes)
  • Identifier les acteurs d’un projet WordPress
  • Choisir un thème WordPress

Exercice : Quiz / Partage d’expériences / Études de cas / Analyse de sites WordPress

Héberger et installer un site WordPress

  • Comprendre la structure de WordPress
  • Choisir le serveur et le nom de domaine
  • Créer la base de données et configurer le FTP
  • Installer WordPress (local / distant)

Prendre en main le back-office

  • Comprendre l’interface de WordPress
  • Configurer les fonctionnalités de base

Créer des contenus

  • Créer des pages et des articles
  • Ajouter des images
  • Créer des liens internes, externes, vers des fichiers PDF
  • Paramétrer un menu de navigation
  • Configurer la page d’accueil

Organiser les contenus

  • Organiser la navigation
  • Créer des menus personnalisés

Installer des extensions et utiliser des widgets

  • Insérer un plan Google Maps, un formulaire de contact, un plugin de sauvegarde
  • Connaître les extensions incontournables

Personnaliser un site WordPress

  • Modifier l’en-tête pour intégrer un logo
  • Modifier l’arrière-plan pour intégrer une image
  • Modifier / ajouter des polices
  • Utiliser les shortcodes
  • Manipuler un constructeur de page (page Builder)

Gérer un site WordPress

  • Sécuriser un site WordPress
    • mettre en place un anti-spam pour éliminer les commentaires indésirables
    • sauvegarder la base de données et le wp-content
    • exporter et importer un contenu pour dupliquer un site
    • effectuer les mises à jour pour optimiser et sécuriser son site
  • Gérer le contenu pour assurer la fluidité du site

Exercice : création et personnalisation d’un site-vitrine / Reproduction à l’identique d’un site réel / Adaptation graphique d’un site



# 2 METTRE EN PLACE UN PROJET PERSONNEL 2 jours - 14 heures - Prochaine session : Du 15 mar. au 16 mar. 2018

Réaliser techniquement un site WordPress

  • Analyser le cahier des charges et le brief du client
  • Créer d’une arborescence de site
  • Définir les éléments de navigation et les parcours utilisateurs
  • Créer des wireframes (maquette fonctionnelle)
  • Chercher une identité visuelle pour le site (typo, couleur, iconographie, mise en pages, infographie)
  • Identifier les besoins de création graphique
  • Optimiser des images pour le Web avec Photoshop
    • paramétrer Photoshop pour le Web
    • redimensionner et recadrer les images
    • compresser une image pour le Web
  • Choisir le thème le plus adapté aux besoins fonctionnels, graphiques et éditoriaux
  • Sélectionner des extensions additionnelles
  • Identifier les besoins de personnalisations avancées (travail avec un développeur WordPress)
  • Élaborer un devis
  • Fixer un planning de réalisation

Exercice : structurer une matrice de production (de la prise du brief à la mise en ligne du site)



# 3 UTILISER LE LANGAGE HTML ET LES CSS 2 jours - 14 heures - Prochaine session : Du 3 avr. au 4 avr. 2018

Identifier La structure d’une page Web

  • Identifier la fonction de chaque langage (HTML, CSS, JavaScript)
  • Distinguer les éléments constitutifs d’une page Web : balises de titre, liens, images, feuilles de style
  • Nommer et ranger les fichiers d’un site Internet

Créer le code pour structurer une page Web

  • Créer un fichier HTML, le nommer et l’enregistrer
  • Insérer les balises structurelles : doctype, HTML, head, body, title, meta
  • Décrypter et coder les balises les plus courantes
  • Hiérarchiser le texte
  • Créer des liens
  • Afficher des images et les habiller avec du texte

S’initier au langage CSS

  • Mettre en place une feuille de style
  • Styliser le texte (police, taille, couleur)
  • Intégrer une Web Fonts Google
  • Habiller une image avec du texte
  • Créer des effets visuels sur les textes et les images (ombre, bord arrondis, dégradés.)
  • Comprendre le principe des Media Queries (responsive Web design)

Exercice : coder et habiller graphiquement une page Web / Modifier les styles CSS d’un thème WordPress



# 4 CHOISIR ET PERSONNALISER UN THÈME WORDPRESS 3 jours - 21 heures - Prochaine session : Du 2 mai au 4 mai 2018

Comprendre le fonctionnement d’un thème WordPress

  • Analyser l’anatomie d’un thème WordPress
  • Distinguer la hiérarchie des fichiers
  • Identifier les conventions de nommage des fichiers
  • Repérer les fichiers importants (styles.css, functions.php…)

Bien choisir son thème WordPress

  • Identifier les meilleurs thèmes gratuits ou Premium pour les graphistes
  • Analyser les fonctionnalités proposées par le thème
  • Évaluer la performance du thème (compatibilité, responsive)

Modifier le thème

  • Localiser la feuille de styles du thème
  • Modifier des styles existants (typo, couleurs...)
  • Ajouter de nouveaux styles
  • Ajouter une Google Fonts
  • Appliquer les styles
  • Identifier les bonnes pratiques pour personnaliser un thème (thème enfant)

Exercice : mise en place d’un thème enfant / Études de cas / Ajout et modification de styles de plusieurs thèmes



# 5 FINALISATION DU PROJET ET SOUTENANCE 3 jours - 21 heures - Prochaine session : Du 4 juin au 6 juin 2018

Finalisation du projet

  • Finaliser le projet personnel à l’aide de travaux pratiques
  • Préparation à la soutenance

Jury

  • Présentation du projet
  • Évaluation et résultat du jury


Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Chargé de conception et de réalisation web

15 jours 105 heures 6 000 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Chargé de conception et de réalisation web

15 jours 105 heures 6 000 €HT*


* Prix par jour (à partir de)

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis