2 Comment faire un site Internet de classe en 10 minutes?


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!




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.




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.




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!




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.




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.




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...




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




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




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!




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/

http://lespetitsoiseauxdefrancesca.blogspot.ca/

http://clair-soleil-abeilles.blogspot.ca/

http://classemadamecaroline.blogspot.ca/

Comment faire un site Internet de classe rapidement?

Documents

Transcript of Comment faire un site Internet de classe rapidement?