Upload
vuongdung
View
219
Download
0
Embed Size (px)
Citation preview
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
Par Mathieu Desrochers Morin
Document numérique disponible à : http://www.aepq.ca/congres/salon-de-linformatique
2 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
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 recom-
mande 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!
3 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Choisissez l’option « Je suis un nouvel utili-
sateur » et entrez les informations deman-
dées (courriel et mot de passe).
Ensuite, cliquez sur « tous les modèles » dans le bas à droite.
4 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Vous pouvez choisir maintenant le thème de votre site. Si vous le désirez, explorez les différentes ca-
té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.
5 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Dès que vous cliquerez sur « Modifier », vous pourrez visualiser une petite vidéo explicative qui ex-
plique les bases de la modification de votre page.
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.
Plusieurs options pour la construction (nous les utiliserons plus tard)
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 cli-
quez et vous choisissez les options.
C’est aussi facile!
6 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Plus en détails...
Pour modifier l’ordre de vos pages et de vos
sous-pages
Le petit engrenage bleu sert à modifier les para-
mètres de la page comme, par exemple, chan-
ger le nom de celle-ci.
Pour changer le type d’animation lors du chan-
gement de page.
7 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
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.
8 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
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 for-
mulaires de contacts, des boutons Paypal et
autres...
9 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Boutons « Annuler »
et « Refaire » lors de
la création
Boutons « Copier » et
« Coller »
Outils pour bien ali-
gner les éléments de
votre site (grilles et
règles)
Pour avoir un aperçu
de votre site, cette
option n’enregistre
pas vos modifications.
Pour enregistrer les
modifications que
vous avez effectuées
Publie les modifica-
tions. Les visiteurs
peuvent voir les chan-
gements.
Pour « booster » votre
site. ATTENTION :
C’EST PAYANT!
Aide
10 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
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 vrai-
ment 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
11 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
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!
12 Comment faire un site Internet de classe en 10 minutes?
Par Mathieu Desrochers Morin
Pour le 33e congrès de l’AÉPQ (Novembre 2013)
Voici quelques sites de classe
pour s’inspirer un peu!
La maternelle de Francesca http://lespetitsoiseauxdefrancesca.blogspot.ca/
Classe de maternelle des abeilles http://clair-soleil-abeilles.blogspot.ca/
Maternelle de madame Caroline http://classemadamecaroline.blogspot.ca/