Certificat Responsive Web Design
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:
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.
Financement
- Chèque annuel de formation (CAF)
CAF750n°2812 Voir conditions
Contact
creationvisuelle@ifage.ch
+41 (0)22 807 3082
Prérequis
* 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.
* 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.
Description
Public
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.Perspectives professionnelles
Travailler dans une agence de communication, dans une entreprise de services informatiques, chez un annonceur ou en indépendant.
Objectifs
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 œuvre 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 .
Contenu
HTML5la 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
Méthode
La méthodologie est participative avec des exercices pratiques et repose sur une implication importante de la part des apprenant-es.
Les compétences du Web designer sont mises en valeur de manière théorique et pratique tout au long de la formation et à travers des projets pour obtenir le certificat.
Méthodologie
La méthodologie est participative avec des exercices pratiques et repose sur une implication importante de la part des apprenant-es.Les compétences du Web designer sont mises en valeur de manière théorique et pratique tout au long de la formation et à travers des projets pour obtenir le certificat.
Matériel
Les supports de cours, sont fournis aux apprenant-es en début de formation.les apprenant-es doivent prévoir une clef USB pour amener du contenu à intégrer (textes, photos, vidéos, etc.) dans le site ou avoir dépôt accessible dans le cloud.
Projet du cours: Le cours est donné sur PC. Il est possible de récupérer le site créé durant le cours pour le continuer en dehors de l’ifage.
Intervenants
Formateurs et formatrices qualifié-es et expérimenté-es, issu-es du milieu professionnel de la matière enseignée et ayant réalisé plusieurs projets et applications web.Evaluation et titre décerné
ÉvaluationLes compétences sont évaluées tout au long de la formation par des contrôles continus de type QCM et un travail final qui implique la réalisation d'un projet de site web avec WordPress comprenant 2 pages minimum, un blog ou une boutique avec un catalogue commercial en respectant les principales règles du SEO.
Titre décerné
Une attestation de suivi de la formation sera délivrée à tous les participant-es ayant 80% de présences.
Un certificat sera délivré aux participant-es ayant livré-es le travail final demandé répondant au exigences de la formation et ayant la moyenne aux contrôles continus de type QCM.
Remarques
a 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
