Webmaster

Cette formation vous permet d’acquérir les compétences nécessaires pour travailler seul ou en équipe en tant que web designer, intégrateur frontend ou webmaster.

Vous apprendrez à utiliser les langages actuels et à réaliser des sites web dynamiques avec le CMS WordPress.

 

Des cours théoriques suivis de multiples travaux pratiques vous permettront d’avoir une bonne compréhension du web et des langages abordés mais surtout de savoir les utiliser efficacement.

Vous serez également amenés à réaliser un site en respectant les différentes phases d’un projet : Maquette et design fidèles au cahier des charges, intégration en html5, Css3, ajout de fonctionnalités Javascript (avec jQuery), mise en ligne, référencement naturel.

Au terme de la formation en centre, un stage en entreprise d’une durée de 8 semaines sera la possibilité d’appliquer les connaissances en milieu professionnel, de poursuivre l’apprentissage et le cas échéant, prendre contact avec un futur employeur.

 

Objectifs


– Devenir développeur frontend en freelance ou au sein d’une entreprise
– Maîtriser les différentes phases d’un projet web du prototypage au référencement
– Avoir des connaissances essentielles en web design et connaître les tendances d’aujourd’hui
– Maîtriser HTML5, CSS3 et savoir utiliser JQuery
– Travailler avec des outils actuels afin d’améliorer sa productivité
(framework html / css, WordPress, outils webmaster de google etc.)
– Réaliser un site dynamique sous WordPress
– Référencer un site 
– Savoir actualiser ses connaissances afin de rester à jour

 

Ce cursus peut être personnalisé

Possibilité d’intégrer les modules de votre choix. Contactez-nous pour plus de renseignements.

 

Le déroulement décrit dans le présent plan de formation peut être aménagé et remanié en fonction des options pédagogiques personnalisées et des difficultés rencontrées par les participants.

Programme de la formation

– Histoire et développement
– Fonctionnement (sites, serveurs, navigateurs…)
– Les différents langages et leurs domaines d’applications

Html5
– Structure d’une page html
– La sémantique html5
– Les balises et leurs attributs (paragraphes, titres, liens, balises meta etc.)
– Mise en pratique
Css3
– Complémentarité entre HTML5 et CSS3
– La syntaxe CSS
– Classes, pseudo-classes, identifiants et attributs
– Les sélecteurs
– Les propriétés et leurs valeurs (polices et texte, positionnement des
éléments, couleurs et mise en forme, effets et transitions etc.)
– Compatibilité avec les navigateurs
– Outils et logiciels annexes
– Mise en pratique
– Evaluation 01 : Réaliser l’intégration en html / Css d’une maquette de site

Photoshop
– Menus, outils et fenêtres
– La retouche et correction d’image
– Calques, masques et effets
– Les formats et optimisation d’image
Web design
– Tendances actuelles et erreurs à éviter
– Adapter la forme au contenu
– La navigation et l’ergonomie
– Établir une maquette en fil de fer à l’aide de logiciels appropriés.
– Les grilles de mise en page
– Initiation à la typographie
– Définir une palette de couleur adaptée (Symbolique des couleurs)

– L’utilité du responsive Web Design
– Mise en page flexible (texte, images, vidéos…)
– Les Media querries
– Optimiser le contenu pour toutes les plate-formes
– Utiliser des framework ( Bootstrap, Html Boilerplate etc…)
– Evaluation 02 : Réaliser un site responsive

– Présentation et intégration de javascript et de la librairie jQuery
– Galerie photo / vidéo
– Formulaires, calendriers, Google Map..
– Effets visuels et animations

– Les hébergeurs et la notion de serveur
– Mettre son site en ligne avec le logiciel FTP FileZila
– Rappel des balises « meta » utiles
– Utiliser l’outil Google pour Webmasters et Google Analytics
– Les annuaires
– Communiquer sur les réseaux sociaux (Facebook, Google +, Twitter)

– Préparation d’un site web avec WordPress
– La structure de WordPress
– Logiciels complémentaires

• Installation de WordPress
– Installation d’un serveur local (Wamp)
– Installation de WordPress
– Les extensions de WordPress (plugins)

• Le Back Office de WordPress
– L’interface d’administration
– L’éditeur visuel
– Les outils et modules
– La gestion des menus et catégories
– La gestion des droits des utilisateurs

• La Publication
– Créer une page
– Écrire et modifier des articles
– Insérer des médias
– Mise en forme des articles et pages
– Insérer un formulaire de contact

• L’aspect visuel du site
– Rechercher un thème
– Installation et personnalisation d’un thème
– Notion de thème enfant
– Organiser la présentation

• La maintenance du site
– Mise à jour et réglages de son site
– Gérer les commentaires
– Optimisation pour le référencement (Site map, URL et tags)
– Installation chez un hébergeur

– Thème imposé ou choisi par les stagiaires (si projet personnel)
– Le cahier des charges
– Création d’un site Web de la conception à la mise en ligne en respectant les contraintes du cahier des charges et en mettant en pratique les connaissances acquises.

– Au cours de ce TP, les professeurs seront présents afin d’accompagner les stagiaires au cours de leur projet.

– Rédiger un CV en fonction de l’activité recherchée
– Rédiger une lettre de motivation
– Aide à la recherche de stage et d’emploi