Chargé de conception et de réalisation Web

Formations longues
Tous niveaux
15 jours / 105 heures
Paris

Maîtriser la création et l'adaptation d'un site avec WordPress

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

Pour qui ?

Directeurs artistiques, graphistes, maquettistes…

Prérequis

Il est nécessaire de maîtriser Photoshop et d’avoir une bonne culture Web pour suivre ce cursus.

Homologations

Programme

MAÎTRISER LES BASES DE WORDPRESS

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

METTRE EN PLACE UN PROJET PERSONNEL

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)

UTILISER LE LANGAGE HTML ET LES CSS

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,
  •  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

CHOISIR ET PERSONNALISER UN THÈME WORDPRESS

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 personnalise, 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

FINALISATION DU PROJET ET SOUTENANCE

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

S'inscrire en ligne

Chargé de conception et de réalisation Web
Ref
FCWP0718
Tarif
6000€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.