Finançable CPF
Réaliser, améliorer et animer des sites web

Compétences transversales en design d'interfaces

Organiser son travail

• Les métiers du webdesign
• Le cahier des charges : l'expression du besoin
• La chaîne graphique et les grandes étapes de livrables
• Les principaux workflows en production graphique
• Structurer son projet de création graphique
• Le travail en équipe
• Collaborer avec les apps Google

Communiquer

• Savoir se positionner au sein d’une équipe ou face au client
• La communication en équipe
• Identifier et comprendre le client et sa demande
• L'écoute active
• Bien prendre des notes
• Rendre compte à son responsable ou à son équipe
• Le storytelling - Introduction générale
• Les types de présentation
• Le vocabulaire technique du design en anglais

Prendre en main Photoshop

• Connaissance de l’interface
• Fondamentaux
• Les bases de la géométrie de l'image
• Initiation à la correction d'image
• Les bases du photomontage
• Les options de sélections simples
• Détourage et masques : les premiers pas
• Choix des outils et nuances
• Les types de filtres
• Les options calques

Réaliser, améliorer et animer des sites web

Se familiariser avec l'environnement du développement

• Le processus type de conception d'un site Web
• Communiquer avec les équipes techniques
• Introduction à la gestion de projet
• Les méthodes Agile et Scrum
• Les langages du Web
• Sensibilisation au RGPD
• Les solutions de paiement en ligne
• Les normes liées à l'accessibilité W3C et WCAG
• Les outils d'archivage et de transfert
• Présentation Visual Studio Code

Intégrer et publier des pages web avec HTML et CSS

• Introduction HTML et CSS
• Syntaxe générale de HTML
• L'organisation du texte
• Un langage hypertexte
• Le multimédia en HTML
• Introduction à CSS3 : Hello world
• CSS3 : le stylage du texte
• La structuration logique en HTML5 et le modèle de boîtes en CSS3
• Les sélecteurs CSS
• La mise en page avec CSS
• La création de tableaux
• La création de formulaires
• Les effets avancés de CSS
• Utiliser des documentations CSS
• Le responsive design
• Valider la qualité de son site
• L'installation et la prise en main du framework Bootstrap : Hello world
• La grille bootstrap
• Les éléments bootstrap
• Les composants bootstrap
• Ouverture vers d'autres framework CSS
• Introduction à l'animation en Javascript
• Le référencement des sites Web
• Déployer son site sur le web

Dynamiser des sites web avec PHP et SQL

• La préparation de l'environnement de travail
• PHP et HTML (sorties)
• Les types de données, les variables et les constantes
• Les opérateurs de comparaison et les expressions booléennes
• Les fonctions
• Les tableaux
• Les conditions
• Les boucles
• Créer ses propres fonctions
• L'organisation des fichiers PHP
• Les superglobales Get, Post et Files
• Les superglobables Server, Env et Session
• La sécurité
• Introduction générale aux bases de données, notion de SGBDR
• Création et alimentation de bases de données SQL
• L'interrogation de bases de données SQL

Créer un site web dynamique avec Wordpress

• CMS : Content Management System
• Réaliser un site dynamique avec un CMS : Wordpress
• Installer et configurer WordPress sur son serveur : Hello world
• L'administration de son site Wordpress
• L'organisation de l'information et les menus
• Le menu Articles sur WordPress
• Les paramètres d'un site Wordpress
• La gestion des profils utilisateurs sur WordPress
• Les plugins Wordpress
• Choisir ses thèmes et personnaliser ses styles
• Tester et améliorer le référencement
• Wordpress - Découvrir Elementor
• Wordpress - Gérer ses éléments avec Elementor

S'initier à Webflow

• Webflow : Présentation
• Webflow : Prise en main
• Webflow : Avancé
• Webflow : La publication en ligne
• La création d'un portfolio en ligne avec Webflow

Optimiser en continu un site web ou une interface

• Évaluer et mesurer l'impact des choix techniques
• Auditer un site
• Le test utilisateur
• Les différentes méthodes de test utilisateur
• Synthétiser et restituer les résultats des tests utilisateurs
• L'audit d'accessibilité
• Comprendre le référencement naturel ou SEO
• Présentation globale de Google Analytics - Les rapports
• Présentation Matomo Analytics
• Présentation de Google Ads
• Initiation au SMO (Social Media Optimization)
• Initiation au SXO (Search eXperience Optimization)