myGES - Extranet du Réseau GES [Link]
fr/teacher/syllabus/12088
SYLLABUS COURS EDITER UN SYLLABUS
INFORMATIONS GÉNÉRALES
Contenu
Ce syllabus a été validé par l'administration. Cela signifie que vous ne pouvez plus le modifier et que les étudiants peuvent le
consulter depuis myGES.
1 - Détails du syllabus
Intitulé: Création de site web - Wordpress
Coefficient: 1.0 ECTS: 1.0 Volume horaire: 12.0 H Charge de travail étudiant: 55.0 H
Examen final
Dossier Individuel
Contrôle de connaissance
Cas Pratique
Durée de l'examen : 2.0 H
Documents autorisés : Oui
2 - Informations complémentaires
Critères d'évaluation Capacité à s'approprier des documents d'exécution / Capacité à structurer l'espace de mise en page et
à hiérarchiser les informations de manière logique et ergonomique / Appropriation de l'outil Wordpress,
de son interface et des outils connexes (templates et plugins) / capacité à transposer les fondamentaux
théoriques sur un travail personnel / Capacité à s'approprier les techniques développées en cours
Pré-requis Connaissances des fondamentaux en PAO (publication assistée par ordinateur), des ressources
techniques et matérielles liées à la création de visuels et de supports web au sein d'une stratégie de
communication réalisée en amont. Sémiologie et étude analytique de visuels et supports de
communication.
Méthodologie employée Fondamentaux > théories illustrées par des schémas et des exemples concrets dégagés d'expériences
professionnelles variées.
Utilisation des outils principaux du domaine du web tels que le CMS wordpress, les thèmes graphiques
et les extensions diverses connexes, des éditeurs de codes et du langage html et css, à travers la
création d'un site web Curriculum Vitae, pas à pas, en vue de comprendre la création visuelle, la
typographie, l'ergonomie, la hiérarchisation de l'information, la structure de l'espace et la stylistique ;
pour ensuite adapter ces connaissances théoriques et pratiques sur d'autres cas professionnels en
entreprises.
Approfondissement des outils au fil des séances
Création d'une arborescence, d'un habillage graphique propre et une identité visuelle claire et
identifiable, des contenus iconographiques, éditoriaux et typographiques spécifiques aux thèmes
abordés au sein du site.
>> Chaque notion est abordée de manière théorique et contextualisée dans un cas concret pour être
ensuite développée par les étudiants sur un sujet imposé aux possibilités créatives multiples.
Présentation des gestionnaires de contenus dynamiques et des bases de données SQL. Mise en
relation de ces outils avec la structure des pages et le référencement au travers de cas concrets et
réels, en vue de confronter les étudiants aux ressources techniques, matérielles et humaines à
mobiliser pour la mise en oeuvre d'un projet multimédia complet et d'être en mesure de rédiger des
cahiers des charges et d'échanger avec des prestataires.
Présentation des liens existants entre les logiciels de PAO servant à la création des éléments
graphiques et identitaires, les logiciels de mise en page html/css et les CMS (Content Management
System).
Présentation des différents métiers liés à la création de site web et emailing, au développement des
contenus et à l'optimisation du référencement.
>> Chaque notion théorique est décomposée et contextualisée dans un cas concret, pour une
compréhension complète et détaillée et une transposition pratique sur d'autres cas : Lien entre théorie
et pratique
1 sur 4 07/10/2021 10:08
myGES - Extranet du Réseau GES [Link]
Objectifs Pédagogiques Connaître le vocable technique lié à la création visuelle et aux outils connexes, ainsi échanger avec
des professionnel du sérail, les diriger et coordonner leurs actions au sein d'une gestion de projet
maîtrisée.
Connaître les ressources matérielles et techniques liées à la création de supports web en vue d'établir
des cahiers des charges techniques précis, d'échanger avec les prestataires.
Capacité à réaliser un support opérationnel, à hiérarchiser l'information et rendre un raisonnement
précis accompagnée d'une image réfléchie dont les tonalités sont maîtrisées.
Capacité à mettre en place une veille informationnelle spécifique, sur un domaine précis pour
s'approprier toutes les notions abordées et les développer sur divers cas.
Connaitre le CMS Wordpress, savoir l'installer, le configurer et le développer en suivant une
arborescence conçu au préalable.
Connaître les thèmes graphiques et les extensions disponibles en fonctions des données à gérer et de
leur typologie.
Utiliser un "page builder" tel qu'Elementor pour mettre en forme des maquettes et des zonings réalisés
au préalable sur des logiciels dédiés.
Comprendre la notion de serveurs web et locaux.
Préparer des fichiers pour l'édition multimédia.
Connaître les différents domaines de création (Typographie, recherche iconographique, concepts
créatifs, maquettes d'éxécution, suivi de production).
Approcher le langage html/css et la mise en page web, créer et utiliser une identité visuelle. Savoir
utiliser une charte graphique et ses codes.
Comprendre et créer un site full responsive, sachant s'adapter à chaque supports et systèmes
d'exploitation.
Savoir gérer et développer du contenu dynamique et l'intégrer dans une structure html.
Savoir théoriser ses pratiques.
Utiliser et mobiliser ses connaissances théoriques et ses veilles opérationnelles en vue de développer
ses pratiques.
Références Crossknowledge Gestion de projet & mobilisation des ressources techniques, matérielles et humaine, édition de cahier
des charges techniques, rétro-planning.
Prise de contact avec des prestataires et suivi de production.
Établir des devis et budgets détaillés.
Comprendre le travail et l'importance d'un community manager, en vue de dynamiser la fréquentation
d'un site web et d'optimiser son référencement.
Comprendre les fonctions, les objectifs et la fabrication d'une campagne d'emailing.
Ouvrages références
Références Cyberlibris
Autres références
Outils informatiques Illustrator, photoshop, wordpress, Elementor, oceanwp, Local, word
Contenu Détaillé
3 - Contenu détaillé des séances
1 Contenu de séance
Séance 1 : Présentation de la notion de plateforme multimédia interactive et connectée ( son/image/vidéo/textes/liens)
Étude Mercatique - Définir des contenus - Fondamentaux en PAO : Résolution d'une image / Pixel / Vecteur / Modes
colorimétriques / Formats de fichiers - Étude de Cas
> Édition multimédia : Visuels, supports, canaux de diffusion
> Présentation des différentes plateformes multimédia existantes (sites d'informations, site de partages, sites de e-commerce,
réseaux sociaux, sites de jeu, sites de streaming...)
> Présentation de la notion de serveur, d'hébergement et de nom de domaine. Présentation de prestataires tels que OVH pour
l'achat d'hébergement, noms de domaine et serveur dédié.
> Présentation des langages informatiques utilisés pour la création de site web et des outils tels que wordpress (html/css,
php/sql, javascript) > Présentation détaillée d'une base de données SQL
2 sur 4 07/10/2021 10:08
myGES - Extranet du Réseau GES [Link]
> Présentation de la notion d'ergonomie, d'UI design et d'UX design et d'audit d'ergonomie, (interface, structure, contenus et
accessibilité)
> Présentation de la notion de site responsive et d'adaptabilité des pages, de leurs structures et de leurs contenus par rapport
aux différentes tailles d'écran, leurs résolutions et par rapport aux différents supports de visualisation (tablettes, ordinateur,
smartphone).
> Présentation des CMS (Content Management System) tel que wordpress, des gestionnaires de contenus et de données
dédiées au web. Présentation des notions de thèmes graphiques ou templates et d'extensions ou plugins. Présentation des
notions d'interfaces d'administration et d'interfaces utilisateurs.
> Présentation du site [Link], site officiel permettant le téléchargement de l'outil wordpress de base, de ses thèmes et
extensions.
> Présentation de l'outil "local", serveur local dédié au développement de wordpress pour la création d'un site sur un réseau
local sur l'ordinateur des étudiants : outil permettant l'installation automatisée de wordpress, des thèmes et des extensions via
l'interface d'administration de wordpress. Téléchargement de l'outil et installation : présentation des supports de cours (tutoriel
local et wordpress, programme de création de site web et stratégie de réseaux, programme d'ergonomie et grille d'évaluation
d'ergonomie d'un site web)
> Installation de wordpress avec le logiciel "local".
> Présentation du sujet évalué en contrôle continu : Créer un site web "curriculum vitae et portfolio" présentant les activités
professionnelles des étudiants, leurs compétences et expériences sensibles, leurs réalisations, leurs formations et leurs écoles,
leurs centres d'intérêts via des articles traitant des sujets qui les intéressent, avec un formulaire de contact.
Il s'agit d'un travail personnel à développer sur la durée du module : chaque étudiant doit définir l'arborescence du site, les
contenus éditoriaux et visuels du site ainsi que la structures des pages et des articles à réaliser.
Travail personnel
Révision des cours, étude des supports de cours et des outils informatiques fournis
Références
Contrôles de connaissances
Dossier Individuel
2 Contenu de séance
Séance 2 : Retour sur la séance 1 -
> Réponse aux questions techniques diverses suite à l'étude des supports et des outils par les étudiants entre la séance 1 et la
séance 2
> Analyse de l'interface d'administration de wordpress et étude de chaque rubrique proposée par l'interface pour gérer des
données spécifiques.
> Installation d'un thème graphique "Oceanwp" et configuration de ce dernier.
> Installation de 3 extensions "elemntor", "wpgallery" et "contactform7" et utilisation de ces derniers.
> Créations des pages du site à réaliser et développement de l'interface utilisateur.
> Approfondissement de la notion d'Ergonomie.
> Retour sur les logiciels de PAO pour la préparation d'images utilisées pour l'habillage graphique du site et pour le
développement de contenus.
> Hiérarchisation des informations, raisonnement et variations visuelles.
> Conception des structures de pages web .
Travail personnel
Revoir les cours et supports. Développer le site CV sur wordpress
Références
Contrôles de connaissances
Dossier Individuel
3 Contenu de séance
Séance 3 : Retour sur la séance 2 -
> Introduction au référencement naturel et à l'optimisation des performances d'affichage du site web (Mots-clés, arborescence et
structure de page) ; aux stratégies de community management et politique d'affiliation.
> Politique de partenariat sur le web, Portée organique et Portée virale.
> Critère de référencement des principaux moteurs de recherche, présentation de l'outil Google anlytics et stratégies de
positionnement.
> utilisation de wordpress pour optimiser le référencement naturel et les performances d'affichages du site.
> Installation de l'extension google analytics et développement de cette dernière.
> Réponse aux problèmes techniques divers.
> Développement du module "Elementor"
> Développement stylistique du site, de sa dimension responsive et de la finesse des structures des pages réalisées.
Travail personnel
Revoir les cours et supports. développer le site wordpress.
3 sur 4 07/10/2021 10:08
myGES - Extranet du Réseau GES [Link]
Références
Contrôles de connaissances
Dossier Individuel
4 Contenu de séance
Séance 4 : Retour sur la séance 3 - Approfondissement des notions théoriques et techniques abordées précédemment et
approfondissement de la gestion de l'interface d'administration du site.
> Étude en cas par cas des réalisations des étudiants.
> Synthèse technique et pratique
> Retour sur la Typographie et la stylistique
> Notions fondamentales de la Typographie (définitions, classification, repères historiques, typographes, vocable et cas
pratiques), Traitement de texte, polices, corps, approches, interlignages, espaces divers et blanc tournant.
> Structure des textes et paragraphes.
> Réaliser un dossier présentant le concept du site, sa navigation et arborescence, ainsi que ses différentes pages.
Travail personnel
Revoir le cours et les supports. Finaliser le site et envoyer un lien de prévisualisation du site et réaliser le dossier
Références
Contrôles de connaissances
Dossier Individuel
4 - Compétences professionnelles à développer ou à acquérir
Aucune entrée
Mentions légales | Support technique: [Link]@[Link]
4 sur 4 07/10/2021 10:08
