Le numérique au service de la
différenciation et de la continuité pédagogiques
en éducation musicale
Thème
La différenciation pédagogique - continuité pédagogique en éducation musicale par le numérique
​
Objectif
Création d’un support numérique (site Wix) et utilisation d’outils numériques pour la présentation et l’apprentissage (Genially, Learningapps, …)
Formation à la création de site internet sur Wix
Module 1: Introduction à Wix
Module 2: Découverte de l'interface
Module 3: Création de votre premier site
I. Choisir un modèle (Template): Exploration de la galerie de modèles Wix.
II. Personnalisation du modèle : Modifier le texte, les images, les couleurs.
III. Ajout d'éléments : Insérer des images, des vidéos, des boutons et d'autres éléments.
Module 1:
​
​ I. Présentation de Wix : Qu'est-ce que Wix et pourquoi l'utiliser ?
​
Wix est une plateforme de création de sites web basée sur le cloud, conçue pour permettre aux utilisateurs de créer facilement et rapidement des sites web professionnels sans avoir à coder. Lancée en 2006, elle est devenue l'une des solutions les plus populaires pour les particuliers, les petites entreprises et même certains professionnels.
Les principales caractéristiques de Wix comprennent :
​
-
Éditeur de Glisser-Déposer: Wix offre un éditeur intuitif qui permet aux utilisateurs de créer et de personnaliser leur site web en faisant glisser et en déposant des éléments tels que des images, des textes, des vidéos et des formulaires.
​
-
Modèles Prédéfinis (Template): Wix propose une vaste gamme de modèles de sites web préconçus dans diverses catégories (entreprises, blogs, portfolios, boutiques en ligne, etc.). Ces modèles servent de base et peuvent être personnalisés en fonction des besoins.
​
-
Personnalisation Avancée: En plus du glisser-déposer, Wix offre une personnalisation avancée pour modifier les styles, les polices, les couleurs et l'agencement des éléments.
​
-
Applications: Wix dispose d'une place de marché d'applications où les utilisateurs peuvent intégrer des fonctionnalités supplémentaires à leur site web, telles que des formulaires de contact, des outils de marketing, des galeries d'images avancées, etc.
​
-
Hébergement et Domaines: Les sites créés avec Wix sont hébergés sur leurs serveurs, ce qui signifie que les utilisateurs n'ont pas à se soucier de trouver un hébergeur tiers. De plus, Wix propose également des services de domaine pour simplifier le processus d'acquisition de noms de domaine.
​
-
Réactivité: Les sites créés avec Wix sont optimisés pour une expérience utilisateur fluide sur différents appareils, tels que les ordinateurs de bureau, les tablettes et les smartphones.
Pourquoi utiliser Wix :
​
-
Facilité d'Utilisation: Wix est particulièrement adapté aux personnes sans compétences techniques approfondies en développement web. Son interface conviviale permet à quiconque de créer un site web attrayant sans avoir à écrire une seule ligne de code.
​
-
Gain de Temps: En utilisant des modèles prédéfinis et un éditeur de glisser-déposer, vous pouvez mettre en place un site web rapidement par rapport à un développement traditionnel.
​
-
Options de Personnalisation: Bien que Wix soit convivial pour les débutants, il offre également des options de personnalisation avancées pour répondre aux besoins des utilisateurs plus expérimentés.
​
-
Coût Abordable: Wix propose différents plans tarifaires, y compris une version gratuite avec des fonctionnalités de base et des plans payants offrant des fonctionnalités plus avancées. Cela peut être plus abordable que d'embaucher un développeur pour créer un site personnalisé.
​
-
Mises à Jour et Maintenance: Wix gère les mises à jour et la maintenance technique, ce qui décharge les utilisateurs de ces tâches.
Cependant, il est important de noter que, malgré ses avantages, Wix peut avoir certaines limitations en matière de personnalisation avancée et de flexibilité comparé à un développement personnalisé. Si vous avez des besoins très spécifiques pour votre site web, il pourrait être utile de consulter un développeur web professionnel.
​​
II. Création d'un compte Wix : Inscription et premiers pas.
​
La création d'un compte sur Wix et les premiers pas pour la construction de votre site web sont assez simples. Voici un guide étape par étape pour vous aider à vous inscrire et à commencer avec Wix :
​
Étape 1 : S'inscrire sur Wix
-
Rendez-vous sur le site web de Wix : https://www.wix.com/.
-
Cliquez sur le bouton "Commencer".
-
Vous pouvez vous inscrire en utilisant votre adresse e-mail ou en vous connectant via votre compte Facebook ou Google.
-
Si vous choisissez de vous inscrire par e-mail, fournissez les informations requises : nom, adresse e-mail et mot de passe. Assurez-vous de choisir un mot de passe sécurisé.
-
Cliquez sur "Inscription" une fois que vous avez rempli les informations nécessaires.
​
Étape 2 : Création de votre site
-
Après vous être inscrit, Wix vous posera quelques questions pour mieux comprendre vos besoins. Vous pouvez répondre à ces questions ou cliquer sur "Passer" pour le moment.
-
Ensuite, vous serez redirigé vers le panneau de contrôle de votre compte Wix, également appelé "Tableau de bord".
-
Cliquez sur "Créer un nouveau site" pour commencer la création de votre site web.
​
Étape 3 : Choix du modèle
-
Wix propose une variété de modèles de site dans différentes catégories (entreprises, boutiques en ligne, portfolios, blogs, etc.). Parcourez les options et sélectionnez celle qui correspond le mieux à votre projet.
-
Cliquez sur le modèle de votre choix pour en savoir plus à son sujet.
-
Une fois que vous avez trouvé un modèle qui vous plaît, cliquez sur "Modifier".
​
Étape 4 : Personnalisation de votre site
-
Le constructeur de site Wix dispose d'une interface conviviale glisser-déposer. Vous pouvez modifier le texte, les images, les couleurs, et bien plus encore.
-
Pour modifier un élément, cliquez simplement dessus. Un menu d'édition apparaîtra, vous permettant de faire des ajustements.
-
Utilisez le menu de gauche pour ajouter de nouveaux éléments à votre site, tels que des sections, des images, des galeries, des formulaires, etc.
-
Explorez les options de personnalisation avancées dans le menu en haut de l'écran pour ajuster le style global et les paramètres de votre site.
​
Étape 5 : Aperçu et publication
-
À tout moment, vous pouvez prévisualiser votre site en cliquant sur le bouton "Aperçu" en haut à droite.
-
Une fois que vous êtes satisfait de votre conception, cliquez sur "Publier" en haut à droite de l'écran.
-
Wix vous demandera de choisir un nom de domaine. Vous pouvez choisir d'utiliser un sous-domaine gratuit de Wix ou d'acheter un nom de domaine personnalisé.
-
Suivez les instructions pour finaliser le processus de publication.
Votre site est maintenant en ligne ! Vous pouvez continuer à le personnaliser et à l'améliorer à tout moment en accédant à votre tableau de bord Wix. N'oubliez pas de consulter les ressources d'aide de Wix et les tutoriels pour en savoir plus sur les fonctionnalités avancées et les bonnes pratiques de conception.
Module 2:
I. Visite guidée de l'interface Wix : Tableau de bord, éditeur de site, menus.
​
1. Tableau de bord : Lorsque vous vous connectez à votre compte Wix, vous êtes accueilli par le tableau de bord. C'est le point central où vous pouvez accéder à toutes les fonctionnalités et gérer votre site web. Vous y trouverez des informations telles que les statistiques du site, les contacts, les commandes (si vous avez une boutique en ligne) et les paramètres généraux.
​
2. Éditeur de site : Pour créer et personnaliser votre site web, vous utiliserez l'éditeur de site Wix. C'est un outil visuel et intuitif qui vous permet de faire glisser et déposer des éléments sur votre site. L'éditeur de site est généralement divisé en plusieurs sections :
-
Barre d'outils supérieure : Vous y trouverez des options pour ajouter des éléments tels que des textes, des images, des vidéos, des formulaires, etc. Vous pouvez également accéder à la gestion des pages, aux paramètres du site et à l'aperçu.
-
Zone de travail : C'est l'endroit où vous créez et personnalisez réellement votre site. Vous pouvez ajouter des sections, des éléments et les organiser en fonction de vos besoins. Les options de personnalisation varient en fonction du type d'élément que vous ajoutez.
-
Panneau de droite : Ce panneau affiche les options de personnalisation spécifiques à l'élément que vous avez sélectionné. Vous pouvez ajuster le style, la taille, les couleurs, les marges, etc.
​
3. Menus et pages : Wix vous permet de créer plusieurs pages pour votre site. Vous pouvez gérer vos pages à partir de la barre d'outils supérieure de l'éditeur de site. Vous pouvez ajouter, supprimer et réorganiser des pages en fonction de la structure que vous souhaitez donner à votre site.
-
Menus de navigation : Vous pouvez créer des menus de navigation pour aider les visiteurs à naviguer facilement sur votre site. Les menus peuvent être horizontaux ou verticaux, et vous pouvez définir les liens vers les différentes pages que vous avez créées.
N'oubliez pas que Wix propose également une grande variété de modèles préconçus pour différents types de sites (blogs, boutiques en ligne, portfolios, etc.). Vous pouvez commencer avec un modèle et le personnaliser selon vos besoins.
II. Comprendre les fonctionnalités principales : Ajout d'éléments, édition en temps réel, prévisualisation.
1. Ajout d'éléments : Wix propose une vaste gamme d'éléments prédéfinis que vous pouvez ajouter à votre site web. Ces éléments comprennent des blocs de texte, des images, des vidéos, des galeries d'images, des formulaires de contact, des boutons, des menus, des icônes sociales, et bien plus encore. Vous pouvez simplement faire glisser et déposer ces éléments sur votre page pour les positionner où vous le souhaitez.
​
2. Édition en temps réel : Une fois que vous avez ajouté des éléments à votre page, Wix vous permet de les éditer en temps réel. Cela signifie que vous pouvez voir immédiatement les modifications que vous apportez à votre site web pendant que vous les faites. L'éditeur de Wix est généralement convivial et intuitif, avec des options de personnalisation telles que la modification du texte, la mise en forme, le redimensionnement des images, le changement des couleurs, la modification des polices, etc. Vous pouvez également ajuster la mise en page et le positionnement des éléments en les faisant glisser et en les redimensionnant directement dans l'éditeur.
​
​3. Prévisualisation : Une fois que vous avez effectué des modifications sur votre site web, Wix vous permet de prévisualiser votre site tel qu'il apparaîtra aux visiteurs. Cette prévisualisation vous donne une idée de l'apparence finale de votre site, ce qui vous permet de détecter d'éventuels problèmes ou de peaufiner les détails avant de publier votre site en ligne. La prévisualisation peut être réalisée à tout moment pendant que vous travaillez sur votre site.
En résumé, Wix offre aux utilisateurs une manière conviviale et visuelle de créer et de personnaliser des sites web sans nécessiter de compétences techniques avancées. Les fonctionnalités d'ajout d'éléments, d'édition en temps réel et de prévisualisation font partie intégrante de cette approche, permettant aux utilisateurs de concevoir des sites web esthétiquement attrayants et fonctionnels.
Module 3:
I. Choisir un modèle (Template): Exploration de la galerie de modèles Wix.
1. Accédez à la galerie de modèles : Rendez-vous sur le site officiel de Wix et connectez vous à votre compte. Ensuite, cliquez sur "Créer un site" ou "Modifier le site" pour accéder à l'éditeur Wix.
​
​2. Choisissez une catégorie : Une fois dans l'éditeur Wix, vous verrez une option pour choisir un modèle. Vous serez dirigé vers la galerie de modèles où vous pourrez filtrer par catégorie. Choisissez une catégorie qui correspond le mieux au type de site que vous souhaitez créer, comme "Entreprise", "Portfolio", "Boutique en ligne", "Blog", etc.
​
​3. Parcourez les modèles : Parcourez la liste des modèles disponibles dans la catégorie que vous avez choisie. Vous pouvez cliquer sur chaque modèle pour obtenir un aperçu et voir comment il est structuré. Prenez note des éléments tels que la mise en page, les couleurs, les polices et les fonctionnalités intégrées.
​
​4. Filtres et tri : Utilisez les filtres et les options de tri pour affiner vos résultats en fonction de vos préférences. Vous pouvez trier les modèles par popularité, nouveauté, etc. Vous pouvez également appliquer des filtres basés sur les fonctionnalités spécifiques que vous recherchez, comme la possibilité de vendre en ligne, les animations, etc.
​
​5. Aperçu en direct : Pour avoir une meilleure idée de la façon dont le modèle fonctionne en action, cliquez sur "Aperçu en direct". Cela vous montrera le modèle en action, vous permettant de naviguer dans les différentes pages et sections.
​
​6. Sélectionnez votre modèle : Une fois que vous avez trouvé un modèle qui correspond à vos besoins et à votre vision, cliquez sur le bouton "Éditer" ou "Sélectionner" pour commencer à personnaliser ce modèle.
​
​7. Personnalisation : Une fois que vous avez sélectionné un modèle, l'éditeur Wix vous permettra de personnaliser chaque aspect du modèle. Vous pouvez modifier le texte, les images, les couleurs, les polices, ajouter des éléments interactifs, etc.
​
​8. Enregistrez et publiez : Après avoir personnalisé le modèle à votre goût, assurez vous d'enregistrer régulièrement vos modifications. Une fois que vous êtes satisfait du résultat, vous pouvez publier votre site pour le rendre accessible en ligne.
​
N'oubliez pas que vous n'êtes pas limité par le modèle que vous choisissez. Vous pouvez personnaliser chaque détail pour refléter votre marque et vos préférences. Profitez de l'exploration de la galerie de modèles Wix pour trouver celui qui vous inspire et vous convient le mieux.
II. Personnalisation du modèle : Modifier le texte, les images, les couleurs.
1. Texte :
-
Pour modifier le texte existant, double-cliquez simplement sur le texte que vous souhaitez changer. Vous verrez un éditeur de texte qui vous permettra de faire des modifications.
-
Pour ajouter de nouveaux éléments de texte, accédez à la barre d'outils et choisissez l'option "Texte". Vous pouvez ensuite le faire glisser et le déposer sur la page, puis le personnaliser.
​
​2. Images :
-
Pour changer une image, double-cliquez sur l'image que vous voulez remplacer. Une fenêtre d'édition s'ouvrira, vous permettant de télécharger une nouvelle image depuis votre ordinateur.
-
Pour ajouter de nouvelles images, utilisez l'option "Image" dans la barre d'outils. Vous pouvez télécharger une image depuis votre ordinateur ou choisir parmi celles disponibles dans la bibliothèque Wix.
​
​3. Couleurs :
-
Pour changer les couleurs de votre site, accédez à l'éditeur Wix et cliquez sur l'élément dont vous souhaitez changer la couleur. Dans les paramètres de cet élément, vous trouverez des options pour modifier les couleurs.
-
Pour appliquer des couleurs cohérentes à tout votre site, utilisez l'éditeur de thème. Cela vous permettra de définir une palette de couleurs globale pour différentes parties de votre site.
III. Ajout d'éléments : Insérer des images, des vidéos, des boutons et d'autres éléments.
1. Images : Pour insérer une image dans votre site Wix :
-
Allez dans l'éditeur de site.
-
Cliquez sur "Ajouter" (+) dans le coin gauche.
-
Sélectionnez "Image" et choisissez soit une image depuis votre ordinateur, soit depuis une banque d'images Wix.
​
2. Vidéos : Pour ajouter une vidéo à votre site :
-
Allez dans l'éditeur de site.
-
Cliquez sur "Ajouter" (+) et choisissez "Vidéo".
-
Vous pouvez ensuite télécharger une vidéo depuis votre ordinateur ou incorporer une vidéo depuis une plateforme comme YouTube ou Vimeo en collant le lien.
​
​3. Boutons : Pour insérer des boutons qui dirigent les visiteurs vers d'autres pages ou effectuent des actions :
-
Allez dans l'éditeur de site.
-
Cliquez sur "Ajouter" (+), sélectionnez "Bouton".
-
Personnalisez le texte, le lien de destination et le style du bouton selon vos besoins.
​
​4. Autres éléments : Wix offre une gamme d'autres éléments que vous pouvez ajouter à votre site, tels que des formulaires de contact, des galeries d'images, des icônes sociales, des menus déroulants, etc. Voici comment les ajouter :
-
Allez dans l'éditeur de site.
-
Cliquez sur "Ajouter" (+) et choisissez l'élément que vous souhaitez ajouter.
-
Personnalisez-le en fonction de vos préférences et besoins.