Document numérique disponible à : http://www.aepq.ca/congres/salon-de-linformatique Comment faire un site Internet de classe rapidement? Élaboré pour le 33e congrès de l AÉPQ 15 et 16 novembre 2013 - Lévis
Vous rêvez depuis longtemps d avoir un site pour votre classe, mais vous trouvez compliquées toutes les démarches et vous êtes plus ou moins à l aise avec la programmation? Il est maintenant possible de faire des sites très facilement avec des éditeurs en ligne! Après en avoir testé plusieurs, je vous recommande d utiliser WIX. Il est le plus facile à utiliser. Vous verrez dans ce document les principales étapes de la création et vous partirez d ici avec un début de site! Tout d abord, ouvrez votre navigateur et visitez cette adresse : http://fr.wix.com Cliquez ici! 2
Choisissez l option «Je suis un nouvel utilisateur» et entrez les informations demandées (courriel et mot de passe). Ensuite, cliquez sur «tous les modèles» dans le bas à droite. 3
Vous pouvez choisir maintenant le thème de votre site. Si vous le désirez, explorez les différentes catégories, mais je vous suggère de rechercher le terme «enfant» et de sélectionner un des thèmes gratuits. Ne choisissez pas un site ecommerce. Lorsque vous choisirez un thème, vous pourrez par la suite le modifier (couleurs, images, textes, etc.) Pour ce tutoriel, je choisis ce thème que j aime particulièrement. 4
Dès que vous cliquerez sur «Modifier», vous pourrez visualiser une petite vidéo explicative qui explique les bases de la modification de votre page. Plusieurs options pour la construction (nous les utiliserons plus tard) Pour gérer les pages de votre site. Pour changer l aspect du site. Pour ajouter des éléments (images, boîtes de texte, etc.) Modifier les paramètres de votre site. Vous êtes maintenant dans l éditeur de votre site Internet, il n est pas encore en ligne. Vous pouvez modifier presque tout simplement! Vous cliquez sur les éléments que vous voulez changer ou supprimer. Vous cliquez et vous choisissez les options. C est aussi facile! 5
Plus en détails... Pour modifier l ordre de vos pages et de vos sous-pages Le petit engrenage bleu sert à modifier les paramètres de la page comme, par exemple, changer le nom de celle-ci. Pour changer le type d animation lors du changement de page. 6
Pour modifier l arrière-plan Avec cette option, vous pouvez changer le jeu de couleurs de votre site Pour changer les polices de caractères utilisées sur votre site Options plus avancées. Nous ne les utiliserons pas dans ce tutoriel. 7
Voici des informations sur certains éléments du bouton «Ajouter» Pour ajouter plusieurs images Pour ajouter des vidéos, des sons, etc. Pour ajouter une section «blog» à votre site dans laquelle vous pourrez publier des articles Pour ajouter des boutons de médias sociaux Pour ajouter des cartes Google Maps, des formulaires de contacts, des boutons Paypal et autres... 8
Boutons «Annuler» et «Refaire» lors de la création Outils pour bien aligner les éléments de votre site (grilles et règles) Pour enregistrer les modifications que vous avez effectuées Pour «booster» votre site. ATTENTION : C EST PAYANT! Boutons «Copier» et «Coller» Pour avoir un aperçu de votre site, cette option n enregistre pas vos modifications. Publie les modifications. Les visiteurs peuvent voir les changements. Aide 9
Voici ma page d accueil terminée! En quelques minutes, j ai changé le fond d écran, le texte et quelques images. L éditeur Wix est vraiment facile d utilisation. Voici les pages que je vous recommande de créer pour un site de classe préscolaire : Accueil, Calendriers, Communications, Photos, Chansons, Ateliers, Informations importantes 10
Lorsque vous aurez terminé, cliquez sur le bouton «Enregistrer». Vous pourrez tout de même modifier votre site par la suite. Choisissez maintenant l adresse de votre site Internet. Écrivez le nom que vous voulez (court et sans espace) Voici l adresse de votre futur site. C est celle-ci que vous devrez fournir aux parents. Cliquez maintenant sur le bouton «Publier» et appuyez sur «OK» Votre site est maintenant disponible en ligne pour tous! 11
Voici quelques sites de classe pour s inspirer un peu! La maternelle de Francesca Classe de maternelle des abeilles Maternelle de madame Caroline http://lespetitsoiseauxdefrancesca.blogspot.ca/ http://clair-soleil-abeilles.blogspot.ca/ http://classemadamecaroline.blogspot.ca/ 12