Présentiel ou classe virtuelle

15 jours ( 105 heures )

Prix :

6890

€ HT

Prix :

0

Prix pour un groupe de 10 personnes maximum

Indisponible pour cette formation

Cette thématique vous intéresse ?
Nos équipes d’experts, de concepteurs pédagogiques et de chefs de projet mettent en place pour vous et avec vous des dispositifs innovants, en présentiel et en digital.

Référence : IFC30

/ Parcours Pro

Webmaster : conception, réalisation et maintenance de sites web (Parcours Pro)

Inter

Présentiel ou classe virtuelle

Prix :

6890

€ HT

Indisponible pour cette formation

Cette thématique vous intéresse ?
Nos équipes d’experts, de concepteurs pédagogiques et de chefs de projet mettent en place pour vous et avec vous des dispositifs innovants, en présentiel et en digital.

Vous souhaitez réaliser et faire vivre des sites Web, ce cycle de formations en technologies Web vous donne les clés au niveau du fonctionnement, des langages et des outils.

Objectifs de la formation

  • Acquérir les connaissances et savoir-faire permettant de concevoir, développer et maintenir un site web
  • Mettre en place une stratégie projet WEB/Mobile
  • Savoir utiliser un CMS pour créer un site web

Public concerné

personnes chargées de réaliser et de maintenir un ou des sites web : webmaster

Pré-requis

Bonne pratique de l’informatique

Programme

Module 1 – Développement web : maîtrise les bases (HTML5, CSS3 et Javascript) (IIN03) – 3 jours

Rappels et mise à niveau sur internet
Le web et l’hypertexte
Le modèle client-serveur : serveur web et client web (navigateur), le protocole http

Conception de pages web
L’organisation du projet : la réflexion stratégique préalable, les points sensibles

Création des pages web
Les caractéristiques du langage HTML
Les conseils sur la conception des pages web, le texte et sa mise en forme, les images, les liens hypertextes
Mise en page et accessibilité :
. les styles CSS (initiation)
. disposition avec des divisions
L’animation des pages web
Les formulaires

Insertion d’éléments en javascript
Menus déroulant, ou visionneuse

Pages et serveurs web
Serveur web et serveur d’application
L’hébergement des pages web
Mettre en ligne avec un client Ftp
Les principes des pages dynamiques

Maintenance et mise à jour des pages web et de l’arborescence
Principes et organisation

Module 2 – Réussir un projet web (IIN99) – 2 jours

Comprendre le ciblage marketing
Les cibles et les objectifs du projet web/mobile (conquête de client, fidélisation, financier, marque)
Les besoins ou douleurs de la cible pour definir le quoi et le pourquoi du projet.

Définir et organiser le projet
Internet, intranet, extranet, portail, blog, wiki, applications web… : finalités et différences
Site desktop, mobile et/ou application pour smartphones et tablettes : faire le bon choix
Les attentes des utilisateurs
Responsive Web Design, UX Design
Les rôles respectifs des parties prenantes du projet (chefs de projet, product owner, scrum master, métiers, créatifs, informaticiens, webmaster)

Comprendre l’environnement technique
Les langages et technologies web : fonctionnement, avantages/inconvénients (HTML5, CSS3, PHP, Javascript)
Applications mobiles natives, WebApp ou Progressiv WebApp
Choix d’une technologie pour une application native
Framework et outils de développement (systèmes de gestion de contenus CMS et évolution vers le mobile)
Fonctionnement des stores
Serveurs dédiés et hébergements mutualisés : les critères de choix

Élaborer le cahier des charges
Prestataires de service et agences web/digitales : internes ou externes, missions et profils types
Les différents temps de la consultation
Les rubriques du cahier des charges spécifiques à ces projets
Introduction aux contraintes juridiques et de sécurité (CNIL, conservation des données, GDPR, …)

Promouvoir et faire vivre son site web ou son application
Initiation au SEO et ASO
Analyser la fréquentation et le comportement des visiteurs
L’animation des contenus : au quotidien et sur la durée

Module 3 – Photoshop : niveau débutant (IUD40) – 3 jours

L’environnement Photoshop
L’interface : panneaux et personnalisation de l’espace de travail
L’utilisation de Bridge, classer, identifier, lecture des métadonnées des photos
Composition de l’image numérique
La notion de pixel
Perspectives
Propriétés des images : taille, résolution et profils colorimétriques
Bases de la colorimétrie (RVB, CMJN, Lab, TSL)
Formats d’exportation (PSD, TIFF, JPEG…)
La notion de transparence
Redresser les photos avec une fausse perspective et ligne d’horizon
Créer des panoramas

Gérer les calques dans Photoshop
La duplication
Le mode de fusion
Les calques d’effets

Maîtriser la sélection
Les sélections simples
La sélection multiple et alignement
La baguette magique
L’outil de sélection rapide

Retoucher les images avec Photoshop
Le remplacement par le contenu
Les outils de retouche : correcteur, correcteur localisé, l’outil pièce, yeux rouges
Le rapiéçage basé sur le contenu

Appliquer des effets spéciaux
Les filtres : présentation de la galerie de filtres, filtres flous, filtres de correction
Les styles : utilisation
Les dégradés : création et différentes utilisations de dégradés

Combiner des images et intégrer des éléments
Le photomontage
L’opacité et le mode de fusion des calques
Le déplacement basé sur le contenu
Les outils de dessin : outil crayon, pinceau (réglage du pinceau)

Le texte
Palette de caractères et de paragraphes, style de paragraphes et de caractères

Transformer les images
Paramétrer un recadrage et désincliner une image
Utiliser la fonction Remplir : Contenu pris en compte
La rotation, symétrie
L’homothétie
La torsion
La perspective, déformation

Module 4 – WordPress : créer un site web professionnel (IIC30) – 3 jours

Introduction à WordPress
Principes des blogs, sites Web et CMS
Intérêt d’un blog pour le professionnel ou l’entreprise

Installer et prendre en main WordPress
Installer, configurer et mettre en production WordPress
Serveur local ou distant, hébergement
L’interface d’administration (tableau de bord) et les notions de base de WordPress : catégories, mots clés, billets / articles, pages, commentaires, médias, permaliens…
Thèmes graphiques, widgets, extensions/plugins

Créer et gérer les contenus du blog avec WordPress
Concevoir la structure et mettre en place les menus
Définir et gérer les mots clés et les catégories
Rédiger des billets / articles : règles de base de l’écriture web
Mise en forme du texte, ajout de liens
Gestion des médias, insérer et redimensionner une image, un média, etc
Etat de publication et visibilité (contenu public ou privé), programmer un article
Gestion des commentaires
Créer et rédiger des pages – Hiérarchie des pages et modèles spécifiques à certaines pages
Créer, modifier, supprimer des contenus

Personnaliser un site WordPress
Modifier l’apparence d’un site : thème graphique, widget, images, CSS…
Installer, paramétrer et modifier un thème de base

Etendre les fonctionnalités d’un site WordPress
Installer et configurer une extension (plugin)
Présentation et utilisation de quelques extensions/plugins importants

Administrer le site
Créer et gérer les utilisateurs
Gestion des rôles et des droits
Sauvegarde du site
Améliorer le référencement et promouvoir le blog / site (outils SEO, bonnes pratiques,…)

Module 5 – Développer en JavaScript (IIN80) – 4 jours

Le point sur le standard ECMAScript et les navigateurs
Gestion des packages avec npm
Les bases du langage JavaScript
Maîtriser les bases : variables, expressions, opérateurs, structures de contrôles
Accéder aux ressources du navigateur
Définir des fonctions

Les objets de JavaScript
Les objets String, Math, Date, Array, document, window, navigator
Les collections Set, Map

Gérer l’interactivité des pages
Gérer les événements fenêtre : load, unload
Gérer les événements clavier et souris : focus, blur, change, clic, mouseover, mouseout, submit
Déclencher par rapport au temps : setInterval et setTimeout
Gérer les rollovers, les zooms, les diaporamas…
Gestion des interactions avec addEventListener

Manipulation du DOM
Accéder aux éléments du document HTML via DOM
Modifier, masquer et afficher des objets HTML
Modifier dynamiquement les attributs des éléments d’interface (police, couleur…)
Déplacer du texte, des images
Gérer un menu dynamiquement
Manipulation de la page avec querySelectorAll

Contrôle des données de formulaires
Gérer les objets Form, Text, Checkbox, Radio, Button
Utiliser les listes : Select, Option
Utiliser les expressions régulières

Introduction à la programmation AJAX
Les apports d’AJAX
L’objet XMLHttpRequest
Promesses
Structuration de données en JSON

APIs pour les applications
Gestion de l’historique et navigation
Stockage local
Web sockets

Modules ES6
Problématique : collision de noms, écrasement d’événements
Espace de noms

Programmation orientée objet en ES6
Classes et héritages
Contexte
Getter/setter
Méthodes statiques

Présentation de la librairie jQuery
Principe de jQuery
Sélection et manipulation du DOM
Les événements
AJAX avec jQuery

Points forts

Suivi de la progression de chaque participant tout au long du cycle par un intervenant référent
Exercices pratiques, études de cas, travaux en sous-groupe
Ce cycle de formation webmaster est rythmé par une alternance de théorie et de mises en pratique avec une proportion importante d’exercices calibrés à difficultés progressives


Modalités d'évaluation et de suivi

Pour assurer un suivi individuel, Demos a mis en place 2 types d’évaluation :

  • Une évaluation de compétences en ligne en début et en fin de formation qui peut prendre différentes formes selon le contenu de la formation suivie : Tests d’évaluation des acquis, cas pratiques, mises en situation, soutenance devant un jury pour les formations à finalité certifiante.
  • Une évaluation de la satisfaction de chaque stagiaire est réalisée en ligne. Cette évaluation est complétée par l’appréciation du formateur à l’issue de chaque session. 

Profil animateur

consultant spécialiste en formation web

Dates et lieux

Pour plus de renseignements sur les informations de connexion ou les prochaines sessions, contactez-nous.

Vous pourriez également être intéressé par ces formations

Concepteur de site (Parcours Pro)

Cette formation en technologies web vous permettra de disposer des connaissances sur les langages du Web (HTML5, CSS3) et leur fonctionnement afin de créer un site web, de sa conception jusqu’à sa publication. Vous utiliserez le CMS WordPress pour concevoir et déployer un site.

4890 € HT

Certifiant

inter /

sur-mesure

Concepteur de site (Parcours Pro)

4890 € HT

Certifiant

11 jours ( 77 heures )

inter /

sur-mesure