Archives

Programme

Neuf sessions de quatre heures :

• [Mars][Démo] Premier contact avec les CMS.
• [Avril][Généralités] Positionnement général des CMS + projet Web (formation des équipes).
• [Mai][Théorie] Architecture technique des CMS.
• [Mai][Théorie + pratique] Architecture fonctionnelle des CMS + atelier WordPress + projet Web (suivi du travail réalisé par les étudiants : webographie).
• [Juin][Pratique] Atelier WordPress + projet Web (suivi du travail réalisé par les étudiants et mise en place des espaces collaboratifs).
• [Juin][Pratique] Atelier Joomla + projet Web (définition et structuration des contenus).
• [Juin][Pratique] Ateliers WordPress et Joomla (suite).
• [Juin][Pratique] Projet Web (définition et structuration des contenus).
• [Juillet] Examen : contrôle des connaissances + projet Web (définition de l'architecture des sites Web et intégration des contenus avec CMS WordPress).

[Sujet de l'examen individuel] Le sujet portera sur des thématiques qui sont détaillées dans l'ouvrage de l'intervenant (WordPress, Joomla, Drupal | Comprendre avant de s'engager : guide utilisateur des trois CMS les plus utilisés). Thématiques à étudier :

• Fondamentaux d'un projet Web (p. 101-115, chap. 4).
• Architecture fonctionnelle et terminologie des CMS WordPress/Joomla/Drupal (p. 28-34, chap. 1).
• Environnement technologique des CMS WordPress/Joomla/Drupal (p. 327-329, en annexe).
• Les critères les plus généraux à utiliser pour comparer les CMS (p. 35-38, chap. 2).

[Sujet des projets] Les projets porteront sur la présentation des métiers du marketing digital :

• Responsable de la stratégie digitale.
• Marketing Business Analyst.
• Data Miner.
• Responsable marketing digital.
• Responsable CRM.
• Traffic Manager.
• Chef de produit Web.
• Responsable de marque en ligne (Brand Manager).
• Community Manager.
• Responsable contenu numérique (Content Manager).
• Analyst Revenue Manager.

[Un métier par équipe] Chacune des équipes constituées présentera un métier.

[Évaluation des projets] Attendus :

1. 20 pages de contenu avec au moins 300 mots par page (20 points).
2. Autant de pages statiques que de pages dynamiques (Blog) (20 points).
3. Deux niveaux de classement des contenus (rubriques et sous-rubriques) (20 points).
4. Des visuels (images/photos) dont la source sera citée (20 points).
5. Au moins un menu contextuel avec le CMS Joomla (20 points).

Remarque I. — Tout le monde utilisera le même template (ou thème). Le changement de template ou de thème n'apportera aucun bonus.

Remarque II. — Le copier-coller de contenus ne sera autorisé que pour les contenus provenant de Blogs et qui seront intégrés dans le Blog du projet — s'il y en a un. La source sera indiquée.

[Outil de travail] Google Drive (pour définir les contenus).

Démo

Pages « statiques » à intégrer :

1. Mon entreprise (page d'accueil)
2. Mes services
3. Service A
4. Service B
5. Service C
6. Mes mentions légales

Contenu — fictif — des pages :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet nisi non augue vestibulum pulvinar. Morbi purus quam, tristique vitae blandit a, ultricies vitae orci. Ut imperdiet odio vel feugiat euismod. Sed auctor sollicitudin ullamcorper. Donec quis interdum ipsum. Donec condimentum sapien at felis convallis commodo. Vestibulum ex erat, porta non malesuada sit amet, aliquet sit amet neque. Suspendisse in urna eget leo sagittis fringilla. Sed nec aliquam nisi. Nulla pharetra massa neque, congue dictum nisi faucibus elementum. Nam vitae nunc at elit volutpat faucibus. Nullam finibus, lacus id ornare placerat, est turpis fringilla magna, ac suscipit est elit vitae mi. Aenean sapien turpis, egestas ac elit convallis, consectetur commodo diam. Pellentesque sit amet mattis justo. Cras vitae consequat sem.

Feuille de route WordPress :

1. Mettre à jour le nom et le slogan du site : remplacer « My Blog » par « Mon entreprise » et « My WordPress Blog » par « Le slogan de mon entreprise ».
2. Créer le menu « menu-principal » sans oublier d'activer les options « Automatically add new top-level pages to this menu » et « Primary menu ».
3. Intégrer les six pages en tant que « page [statique] ». Il convient d'affilier les pages « Service [A, B, C] » à la page « Mes services ». (L'outil donne la possibilité de réordonner les pages, qui par défaut sont classées par ordre alphabétique — l'ordre des pages s'exploite dans l'écran de gestion des menus.).
4. Mettre à jour le lien « Mon entreprise » — le remplacer par Accueil — puis intégrer les liens sur les pages « Service [A, B, C] » en tant que liens de second niveau.
5. Mettre à jour la page d'accueil : celle-ci doit afficher la page « Mon entreprise ».

Feuille de route Joomla :

1. Mise à jour du nom et slogan du site.
2. Intégration des six pages en tant qu'« article », et qui, pour cette raison, n'ont pas à être hiérarchisés.
3. Mise à jour du lien défini par défaut dans le menu principal et intégration des cinq autres liens.
4. Retrait des boutons de pagination des articles : il faut pour cela se reporter à l'écran de configuration des contenus et désactiver l'option « Show Navigation ». (L'outil donne aussi la possibilité de configurer les pages individuellement.)
5. Retrait des métadonnées : il faut pour cela désactiver les options « Show Author », « Show Category », « Show Publish Date » et « Show Hits ».

Feuille de route Drupal :

1. Intégration des six pages en tant que « Basic page », et qui, de la même manière qu'avec joomla, n'ont pas à être hiérarchisées. À l'exception de la page « Mon entreprise », les pages seront intégrées directement dans le menu.
2. Mise à jour du nom et slogan du site.
3. Mise à jour de la page d'accueil.
4. Réorganisation des liens du menu.
5. Activation du bloc permettant d'afficher les liens de second niveau.

[Ateliers] Architecture du site-type

Page d'accueil, rubriques et articles :

— Page d'accueil [page statique : page] Mon centre de formation

— Rubrique [page statique : page] Formations

— Sous-rubrique [page statique : page] Formations Marketing

— Article [page statique : page] Module Marketing 1
— Article [page statique : page] Module Marketing 2
— Article [page statique : page] Module Marketing 3

— Sous-rubrique [page statique : page] Formations Ressources humaines

— Article [page statique : page] Module Ressources humaines 1
— Article [page statique : page] Module Ressources humaines 2
— Article [page statique : page] Module Ressources humaines 3

— Sous-rubrique [page statique : page] Formations Gestion

— Article [page statique : page] Module Gestion 1
— Article [page statique : page] Module Gestion 2
— Article [page statique : page] Module Gestion 3

— Rubrique [page dynamique : catégorie] Stages en cours

— Sous-rubrique [page dynamique : catégorie] Stages Marketing

— Article [page dynamique : article] Stage Marketing 1
— Article [page dynamique : article] Stage Marketing 2
— Article [page dynamique : article] Stage Marketing 3

— Sous-rubrique [page dynamique : catégorie] Stages Ressources humaines

— Article [page dynamique : article] Stage Ressources humaines 1
— Article [page dynamique : article] Stage Ressources humaines 2
— Article [page dynamique : article] Stage Ressources humaines 3

— Sous-rubrique [page dynamique : catégorie] Stages Gestion

— Article [page dynamique : article] Stage Gestion 1
— Article [page dynamique : article] Stage Gestion 2
— Article [page dynamique : article] Stage Gestion 3

— Page [page statique : page] Galerie de photos

Pseudo contenu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet nisi non augue vestibulum pulvinar. Morbi purus quam, tristique vitae blandit a, ultricies vitae orci. Ut imperdiet odio vel feugiat euismod. Sed auctor sollicitudin ullamcorper. Donec quis interdum ipsum. Donec condimentum sapien at felis convallis commodo.

Élément h2 Premier en-tête

Élément strong Entrée 1.1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet nisi non augue vestibulum pulvinar. Morbi purus quam, tristique vitae blandit a, ultricies vitae orci. Ut imperdiet odio vel feugiat euismod. Sed auctor sollicitudin ullamcorper. Donec quis interdum ipsum.

Élément strong Entrée 1.2. Donec condimentum sapien at felis convallis commodo. Vestibulum ex erat, porta non malesuada sit amet, aliquet sit amet neque. Suspendisse in urna eget leo sagittis fringilla. Sed nec aliquam nisi. Nulla pharetra massa neque, congue dictum nisi faucibus elementum.

Élément strong Entrée 1.3. Nam vitae nunc at elit volutpat faucibus. Nullam finibus, lacus id ornare placerat, est turpis fringilla magna, ac suscipit est elit vitae mi. Aenean sapien turpis, egestas ac elit convallis, consectetur commodo diam. Pellentesque sit amet mattis justo. Cras vitae consequat sem.

Élément h2 Deuxième en-tête

Élément strong Entrée 2.1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet nisi non augue vestibulum pulvinar. Morbi purus quam, tristique vitae blandit a, ultricies vitae orci. Ut imperdiet odio vel feugiat euismod. Sed auctor sollicitudin ullamcorper. Donec quis interdum ipsum.

Élément strong Entrée 2.2. Donec condimentum sapien at felis convallis commodo. Vestibulum ex erat, porta non malesuada sit amet, aliquet sit amet neque. Suspendisse in urna eget leo sagittis fringilla. Sed nec aliquam nisi. Nulla pharetra massa neque, congue dictum nisi faucibus elementum.

Élément strong Entrée 2.3. Nam vitae nunc at elit volutpat faucibus. Nullam finibus, lacus id ornare placerat, est turpis fringilla magna, ac suscipit est elit vitae mi. Aenean sapien turpis, egestas ac elit convallis, consectetur commodo diam. Pellentesque sit amet mattis justo. Cras vitae consequat sem.

Mots-clés

Mots-clés concernant les stages :

• Paris, Lyon, Bordeaux ;
• Formation Inter, Formations Intra, Formation diplômante ;
• Présentiel, e-learning, classe virtuelle.

Jeux de mots-clés :

• Paris, Formation Inter, Présentiel ;
• Formation Inter, Classe virtuelle ;
• Formation Inter, E-learning.

[Atelier WordPress] Feuille de route

1. Mettre à jour le nom et le slogan du site.
2. Créer le menu principal.
3. Intégrer la page d'accueil en tant que page.
4. Mettre à jour le libellé du lien pointant vers la page d'accueil.
5. Intégrer et hiérarchiser les pages de présentation des formations puis intégrer les liens.
6. Intégrer les catégories de l'espace Stages en cours.
7. Intégrer, catégoriser et étiqueter les articles puis intégrer les liens sur les catégories.
8. Reprendre la configuration des widgets.
9. Insérer une photo dans chacun des articles présentant les stages (neuf en tout).
10. Intégrer la galerie de photos en tant que page.

Step 1

Mettre à jour le nom et le slogan du site :

1. Ouvrir le menu Réglages puis sélectionner l'item Général.
2. [Champ Titre du site] Saisir comme valeur MCF - Mon Centre de Formation.
3. [Champ Slogan] Saisir comme valeur Le slogan de mon centre de formation.
4. Cliquer sur Enregistrer les modifications.
5. Se reporter au front-office puis tester en rafraichissant la page (touche F5 du clavier).

Step 2

Créer le menu principal :

1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
2. [Champ Nom du menu] Saisir comme valeur menu-principal.
3. Cliquer sur Créer le menu.
4. [Section Réglages du menu] Sélectionner les options :
1. Ajouter automatiquement les pages de premier niveau à ce menu ;
2. Primary Menu.
5. Cliquer sur Enregistrer le menu.

Step 3

Intégrer la page d'accueil en tant que page :

1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
2. [Champ de saisie du titre de la page] Saisir comme valeur Mon centre de formation.
3. [Éditeur] Copier-coller le contenu.
4. [Barre d'outil de l'éditeur] Cliquer sur l'icône donnant accès à la barre d'outils complémentaire.
5. Surligner le premier en-tête ; [liste déroulante Paragraphe] sélectionner le format Titre 2.
6. Répéter la tâche précédente avec les deux autres en-têtes.
7. Cliquer sur Publier.
8. Ouvrir le menu Réglages puis sélectionner l'item Lecture.
9. [Boutons radio La page d'accueil affiche] Sélectionner l'option Une page statique.
10. [Liste déroulante Page d'accueil] Sélectionner la page Mon centre de formation.
11. Cliquer sur Enregistrer les modifications.

Commentaire. — L'ajout de cette page en tant que page de premier niveau se traduit par l'intégration automatisée du lien pointant vers celle-ci dans le menu principal.

Step 4

Mettre à jour le libellé du lien pointant vers la page d'accueil :

1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
2. [Section Structure du menu] Ouvrir le panneau déroulant Mon centre de formation en cliquant sur la flèche descendante.
3. [Champ Titre de la navigation] Remplacer Mon centre de formation par Accueil.
4. Cliquer sur Enregistrer le menu.

Step 5

A. Intégrer la page Formations :

1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
2. [Champ de saisie du titre de la page] Saisir comme valeur Formations.
3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
4. Cliquer sur Publier.

B. Intégrer la page Formations Marketing :

1. Cliquer sur Ajouter [une page].
2. [Champ de saisie du titre de la page] Saisir comme valeur Formations Marketing.
3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
4. [Panneau Attributs de la page][Liste déroulante Parent] Sélectionner la page Formations.
5. Cliquer sur Publier.

Réitérer la procédure avec les pages Formations Ressources humaines et Formations Gestion.

Remarque. — WordPress fait apparaître dans les chemins des URL la hiérarchie des pages : a) formations/formations-marketing ; b) formations/formations-ressources-humaines ; c) formations/formations-gestion.

Commentaire. — Tout comme les pages de premier niveau, les pages de deuxième niveau sont classées par ordre alphabétique.

C. Intégrer la page Module Marketing 1 :

1. Cliquer sur Ajouter [une page].
2. [Champ de saisie du titre de la page] Saisir comme valeur Module Marketing 1.
3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
4. [Panneau Attributs de la page][Liste déroulante Parent] Sélectionner la page Formations Marketing.
5. Cliquer sur Publier.

Réitérer la procédure avec les pages Module Marketing 2 et Module Marketing 3.

Commentaire. — Le classement des pages par ordre alphabétique s'applique aussi aux pages de troisième niveau.

D. Réitérer la procédure C avec les six dernières pages :

1. Pages Module Ressources humaines [1, 2, 3] ;
2. Pages Module Gestion [1, 2, 3].

Les pages Module Ressources humaines [1, 2, 3] et Module Gestion [1, 2, 3] doivent être affiliées aux pages Formations Ressources humaines, pour les premières, et Formations Gestion, pour les secondes.

E. Intégrer les liens pointant vers les pages de niveau 2 et 3 :

1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
2. [Panneau Pages] Activer l'onglet Afficher tout.
3. Sélectionner les pages à intégrer dans le menu.
4. Cliquer sur Ajouter au menu.
5. Affilier (glisser-déposer) les liens Module Gestion [1, 2, 3] au lien parent Formations Gestion.
6. Affilier les liens Module Marketing [1, 2, 3] au lien parent Formations Marketing.
7. Affilier les liens Module Ressources humaines [1, 2, 3] au lien parent Formations Ressources humaines.
8. Ordonner les liens de deuxième niveau — 1. Formations Marketing ; 2. Formations Ressources humaines ; 3. Formations Gestion — puis les affilier au lien parent Formations.
9. Cliquer sur Enregistrer le menu.

Step 6 (suite)

A. Créer la catégorie parente Stages en cours :

1. Ouvrir le menu Articles puis sélectionner l'item Catégories.
2. [Champ Nom] Saisir comme valeur Stages en cours.
3. [Champ description] Copier-coller le contenu générique (premier paragraphe seulement).
4. Bouton Ajouter une nouvelle catégorie.

B. Créer la catégorie fille Stages Marketing :

1. [Champ Nom] Saisir comme valeur Stages Marketing.
2. [Liste déroulante Parent] Sélectionner la catégorie Stages en cours.
3. [Champ description] Copier-coller le contenu générique (premier paragraphe seulement).
4. Bouton Ajouter une nouvelle catégorie.

Réitérer la procédure avec les catégories Stages Ressources humaines et Stages Gestion.

Commentaire. — Pour un niveau hiérarchique donné, les catégories sont classées chronologiquement, les plus récentes précédant les plus anciennes.

Step 7

A. Désactiver les commentaires en ligne :

1. Ouvrir le menu Réglages puis sélectionner l'item Discussion.
2. [Cases à cocher Réglages par défaut des articles] Décocher l'option Autoriser les lecteurs à publier des commentaires sur les nouveaux articles.
3. Cliquer sur Enregistrer les modifications.

B. Intégrer, catégoriser et étiqueter l'article Stage Marketing 1 :

1. Ouvrir le menu Articles puis sélectionner l'item Ajouter.
2. [Champ de saisie du titre de la page] Saisir comme valeur Stage Marketing 1.
3. [Éditeur] Copier-coller le contenu générique de la page d'accueil.
4. Positionner le curseur à la fin de l'introduction ; [barre d'outil] cliquer sur l'icône permettant d'insérer le séparateur.
5. [Panneau Catégorie] Sélectionner les catégories Stages en cours et Stages Marketing.
6. [Panneau Étiquettes] Saisir les étiquettes Paris, Formation Inter et Présentiel, en les séparant par une virgule.
7. Cliquer sur Ajouter.
8. Cliquer sur Publier.

Réitérer la procédure avec les huit autres articles.

C. Intégrer les liens pointant vers les catégories de niveau 1 et 2 :

1. Ouvrir le menu Apparence puis sélectionner l'item Menus.
2. [Panneau déroulant Catégories] Ouvrir le panneau en cliquant sur la flèche descendante.
3. Sélectionner les catégories à intégrer dans le menu.
4. Cliquer sur Ajouter au menu.
5. Affilier (glisser-déposer) les liens Stages Gestion, Stages Marketing et Stages Ressources humaines au lien parent Stages en cours.
6. Ordonner les liens de deuxième niveau : 1. Stages Marketing ; 2. Stages Ressources humaines ; 3. Stages Gestion.
7. Cliquer sur Enregistrer le menu.

Step 8

A. Intégrer le widget Nuage d'étiquettes :

1. Ouvrir le menu Apparence puis sélectionner l'item Widgets.
2. Affecter (glisser-déposer) le widget Nuage d'étiquettes à la zone « Barre latérale ».
3. [Champ Titre] Saisir comme valeur Lieu, type et format des formations.
4. Cliquer sur Enregistrer.

B. Intégrer le widget Texte (coordonnées du centre de formation) :

1. Affecter (glisser-déposer) le widget Texte à la zone « Barre latérale ».
2. [Champ Titre] Saisir comme valeur Nous contacter.
3. [Champ Contenu] Copier-coller le contenu indiqué ci-après.
4. Cocher l'option Créer automatiquement les paragraphes (sinon les retours à la ligne ne seront pas pris en compte).
5. Cliquer sur Enregistrer.

Contenu de l'encadré Nous contacter :

Par téléphone du lundi au vendredi de 8 h 30 à 18 h 30
Formation
xx xx xx xx xx
Projet
xx xx xx xx xx
Par courrier
Mon Centre de Formation
Numéro, voie, code postal, ville

C. Reconfigurer le widget Articles récents :

1. [Panneau déroulant Articles récents] Ouvrir le panneau en cliquant sur la flèche descendante.
2. [Champ Titre] Saisir comme valeur Stages récents.
3. Cocher l'option Afficher la date du contenu.
4. Cliquer sur Enregistrer.

D. Retirer les widgets Commentaires récents, Archives et Catégories. Pour cela, il faut se reporter à chacun des widgets, ouvrir les panneaux déroulants (flèche descendante) puis cliquer sur Supprimer.

Step 9

A. Ajouter les photos dans la bibliothèque de médias :

1. Télécharger les neuf photos.
2. Ouvrir le menu Médias puis sélectionner l'item Ajouter.
3. Cliquer sur Choisir des fichiers.
4. Sélectionner les photos enregistrées localement.

Remarque. — Le chargement se déclenche immédiatement après la sélection des photos.

B. Insérer une photo dans chacun des articles présentant les stages (neuf en tout) :

1. Ouvrir le menu Articles puis sélectionner l'item Tous les articles.
2. Ouvrir le premier article (cliquer sur le titre).
3. Positionner le curseur au début de l'article, générer un paragraphe puis remonter le curseur.
4. Cliquer sur Ajouter un média.
5. Activer l'onglet Bibliothèque de médias.
6. Sélectionner la photo à insérer.
7. Cliquer sur Insérer dans l'article.
8. Cliquer sur Mettre à jour.

Step 10

Intégrer la galerie de photos en tant que page :

1. Ouvrir le menu Pages puis sélectionner l'item Ajouter.
2. [Champ de saisie du titre de la page] Saisir comme valeur Galerie de photos.
3. Cliquer sur Ajouter un média.
4. Activer l'onglet [vertical] Créer une galerie.
5. Sélectionner les photos de la galerie.
6. Cliquer sur Créer une nouvelle galerie.
7. Cliquer sur Insérer la galerie.
8. Cliquer sur Publier.