La formation est donnée en mode synchrone, c´est-à-dire en présentiel et à distance en même temps ainsi l´échange entre l´enseignant-e et les participants-es s´effectue en temps réel par visioconférence. Un courriel est envoyé aux participant-es avant la formation. Ce dernier contient les informations de connexion.

Nous utilisons Zoom pour nos visioformations. Pour les cours HTML CSS nous utilisons l'outil gratuit Visual studio code code avec deux extensions à installer avec VSC (French Package et live server) importante. Et pour les cours WordPress, nous utilisons WordPress en ligne et des extensions comme DIVI et WooCommerce

DESCRIPTION DE LA FORMATION

Un Web designer participe à l'analyse des besoins d'un site internet et/ou intranet et du cahier des charges de son mandataire. Il réalise la mise en forme des pages web et y intègre des médias différents (texte, images, audio, vidéo, etc.) dans le respect des règles standards du web. Un Web designer doit maîtriser différents outils de la chaîne de production d´un site ou application web.

Dans cette formation, vous apprendrez à créer des sites web statiques avec un design responsive en utilisant des notions du HTML et du CSS et le rendre dynamique en utilisant WordPress. vous apprendrez à y intégrer une vitrine commerciale et la styliser pour l´adapter à une charte graphique.

WordPress est un outil puissant de création de site internet qui ne nécessite pas de connaissances de programmation mais sont recommandées. Cet outil permet de construire très rapidement son propre site web, son blog et, grâce à des extensions comme WooCommerce, il offre la possibilité de créer des sites E-commerce en y intégrant des catalogues de ventes de produits et des promotions configurables. Côté graphisme et charte graphique, l´outil Divi est un module qui vous permettra de créer des contenus graphiquement attractifs comme un-e vrai-e professionnel-le.

L´installation automatisée est aujourd´hui proposée par de nombreux hébergeurs de sites internet et les innombrables extensions, ou « plugins » développés par une communauté très active permettent de rajouter très simplement des fonctionnalités correspondant aux besoins de chacun

Ce certificat fait partie du diplôme Webmaster/Webmanager.

Le diplôme Webmaster/Webmanager est composé de trois certificats:

• Certificat Responsive web designer,
• Certificat de programmeur web 
• Certificat de développeur PHP/MySQL

Les participant-es qui obtiennent les certificats de responsive web designer, programmeur web et développeur PHP/MySQL recevront automatiquement le diplôme Webmaster/Webmanager.

A l'issue de cette formation, l´apprenant-e  sera en mesure de créer un site WordPress avec minimum 2 pages, un blog et une boutique avec un catalogue commercial en respectant les principales règles du SEO. A l'issue de cette formation, l´apprenant-e aura acquis les connaissances de Webmastering pour la sauvegarde, la sécurisation et la mise à jour de site et aura acquis les notions de graphisme pour tirer le meilleur parti des thèmes WordPress.

En fin de cette formation l´apprenant-e est capable de:

• Reconnaître et décrire les différents éléments HTML et les règles d´affichage CSS.
• Utiliser conjointement HTML, CSS pour réaliser des pages web et apporter des modifications dans WordPress.
• Connaître les prérequis pour avoir un site internet
• Connaître les possibilités offertes par WordPress 
• Acquérir les premières notions de webdesign et SEO
• Construire son propre blog et site avec WordPress 
• Installer WordPress et paramétrer les extensions indispensables
• Installer et paramétrer un thème WordPress
• Approfondir les possibilités offertes par WordPress 
• Savoir mettre à jour le site et ses extensions
• Sécuriser et enrichir son site avec des plugins
• Améliorer le référencement
• Utiliser des thèmes plus évolués
• mettre en ouvre les notion de bases pour un site web d´E-Commerce
• Connaître les possibilités offertes par WooCommerce
• de créer, organiser et mettre en place son catalogue
• Régler les paramètres de base (envoi par poste, moyens de paiement)
• Gérer les commandes
• Utiliser Divi - actuellement le thème le plus évolué et populaire .

HTML5

• la syntaxe HTML et la structure d´un document
• Les spécifications du Doctype
• Le texte
• Les caractères de référence
• Les éléments du HTML et leurs attributs
• La balise de la racine
• Les balises Metadata
• Les balises de sectionnement
• Les balises de titres - Les balises de libellés
• Les balises multimédias et d´interactivité

CSS3

• la syntaxe CSS et les unités de mesure
• Les sélecteurs CSS
• Les couleurs et les arrière-plans
• Les bordures et les contours
• les requêtes multimédia pour le responsive webdesign
• La boite, la grille de positionnement et le positionnement
• Stylisation du texte, des liens, des listes, des tables
• Les animations, les effets de transition, la transformation 2D

WordPress et E-commerce

• introduction à WordPress
• Installation depuis la console
• L´interface : tableau de bord, réglages, navigation
• Création d´articles de blog
• Mettre en forme les contenus
• Utilisation des catégories
• Modérer et gérer les commentaires
• Création de pages 
• Le menu : mise en place et paramétrage
• Ajout d´images dans les contenus
• Notions de web design et de SEO
• Utilisation et installation de thèmes WordPress
• Installation d'une extension de sauvegarde
• Installation d'une extension formulaire de contact
• Utilisation des widgets proposés
• Restauration d'un site sur l'hébergement
• Mise à jour de WordPress et des extensions (plugins)
• Approfondir les possibilités offertes par les widgets
• Gérer un site multi langue
• Utiliser les permaliens pour avoir des url SEO
• Utiliser des thèmes évolués avec visual builder
• Initiation au E-Commerce
• Mise en place d'un outil de sécurisation
• Présentation et installation de WooCommerce
• Découverte de l´interface
• Paramétrage de la boutique
• La création du catalogue et des produits
• Gestion des commandes et des remboursements
• Vente de produits téléchargeables
• Configuration de l'apparence et du thème

Divi

• Présentation de Divi
• Fonctionnement de Divi et possibilités du builder
• Créer des contenus attractifs grâce à Divi
• Utiliser Divi pour personnaliser vos produits WooCommerce

• Entretien fortement recommandé avec le responsable pédagogique
• Avoir une bonne connaissance de l'environnement Mac ou PC ainsi que d'Internet et des navigateurs standards du web.
• Connaissance du français au niveau B2.

Graphistes, Webdesigner, Webmasters, programmeur d´applications, et toute personne débutante ayant une motivation et un goût marqué pour la création visuelle et qui souhaite apprivoiser le monde des CMS (Content Management System) ainsi que les personnes qui travaillent sur de nouveaux projets d´application web.

Tous les certificats et diplômes sont liés à des règles de gestion précises. Ils ne sont en outre garantis à l'ouverture qu'avec un nombre minimum de participants.

Kursprogramm