Formations WebDesign /
Conception de sites web traditionnels

Voici quelques exemples de formations que vous pouvez proposer à vos étudiants ou participants dans le cadre de votre projet pédagogique sur la conception de sites web. Les formations peuvent être adaptées et modulées en fonction des participants (élèves, étudiants, formation continue, salariés au sein d'un service marketing...). Les formations peuvent se dérouler sur le plan national, au sein de vos bureaux ou au sein de votre établissement si vous êtes une école ou un organisme de formation.

Possibilité de cours individuels de perfectionnement sur demande

 

Formation niveau I (débutant)
Concevoir des pages web en respectant les normes HTML5 et Css3 et l’ergonomie classique d’un site web professionnel

Module 1

Généralités et notions de bases concernant la bonne conduite d’un projet de site web, les différents types de sites, la conception technique, l’ergonomie, la charte graphique, L’accessibilité, l’hébergement, le référencement , la mise en ligne, la promotion, les statistiques.

Module 2

Introduction au langage HTML : Historique, les balises de bases, les balises Meta, l’analyse syntaxique, les balises de commentaires, présentation classique d’un document HTML, le W3C, les différents navigateurs et leur interprétation.

Module 3

Etude du langage Css, compréhension du rôle du Css3 dans la présentation d’un document HMTL , les bases du Css3, propriété, valeur, déclaration, notion de Div et Classes.

Module 4

Présentation du langage HTML5, un doctype simplifié, les nouvelles balises, organisation de base d’une page en HTML5, paragraphes, menu de navigation, liens et insertion d’images, création de plusieurs pages avec liens entre elles.

Module 5

Les formulaires, présentation générale, sémantique, création d’un formulaire de contact simple.

Module 6

Application : création d’un site web personnalisé, composé de 3 pages, page d’accueil, page de présentation, page contact, respectant les contraintes de codage et de présentation d’un site web professionnel, à partir d’un éditeur HTML libre.


Formation niveau II (Intermédiaire)
Perfectionnement Css (nouvelles règles Css3) et Responsive Design

Module 1

Découvrir quelques nouvelles propriétés en Css3 (perfectionnement)
A propos des préfixes propriétaires
Propriétés Css3 liées au contenu
Propriétés Css3 décoratives Sélecteurs d’attribut et Pseudo-classes Css3

Module 2

Transformations et animations en Css
Appliquer des transformations en Css3 Créer des animations avec les transitions Css3
Les animations avec Javascript
Savoir intégrer des scripts Javascript dans un site web avec Jquery

Module 3

Exercice pratique Créer un mini-site web en HTML5 avec des animations simples en Css3 et Javascript

Module 4

Introduction au RWD (Responsive Web Design)
Les Média Queries en Css3
Une feuille de styles de base pour le Web mobile
Notion de grille d’affichage flexible et médias flexibles (images, video…)
Introduction au QR-Code

Module 5

Exercice pratique : Créer un site web en responsive design


Formation niveau III (Confirmé)
Création d'un site web avec le CMS Wordpress

Module 1

Installation du CMS Wordpress et création d'une base de données sur un serveur local
Paramétrages de base d'un site wordpress (Identité du site, description, permaliens, ...)

Module 2

Installation d'un thème spécifique évolué (de type template proposé sur le site Themeforest par exemple)
Installation du modèle de démonstration à partir du fichier xls proposé par le développeur du thème

Module 3

Intégration des contenus textes et médias (images et vidéo)
Création d'une galerie de photos
Création d'un portfolio
Intégration d'un player audio

Module 4

Comment intégrer un module sur Wordpress
Application : Intégration d'un module de formulaire de contact évolué (avec champs personnalisés)

Module 5

Référencement : le module Yoast, intégration et paramétrage pour optimiser le référencement de votre site Wordpress

Module 6

Mettre en ligne un site en local vers un hébergeur (de type OVH) :
Transférer des fichiers via Filezilla depuis votre ordinateur vers les serveurs de l'hébergeur
Déposer un nom de domaine et réserver un hébergement pour votre site
Paramétrer votre base de données en ligne
Comment consulter les statistiques de visites sur votre site web (Google Analytics et services statistiques OVH)