PrésentationPrésentationWeeblyWeebly

Jeudi 8 mars 2012Jeudi 8 mars 2012

Pourquoi vouloir Pourquoi vouloir créer un site ou un créer un site ou un

blogue?blogue?

Réponse de P. DécailletRéponse de P. Décaillet• Article de Pascal Décaillet (18 février Article de Pascal Décaillet (18 février

2012 Le Nouvelliste) : 2012 Le Nouvelliste) :

«Oui, publier est aujourd’hui à la portée de tous. Pourquoi s’en plaindre? Sur le principe, je trouve cela plutôt extraordinaire, démocratique, de nature à revaloriser le goût de l’écriture, de la chronique, du journal intime. Sans papier, certes. Mais le papier est-il un but en soi ?» et de rajouter :

«Ce moment d’intimité du blog, cette solitude éditoriale, ce bonheur de voir des dizaines de miliers de «visiteurs» au rendez-vous, m’apportent un rare bonheur. Si vous êtes hésitant, vous qui me lisez, franchissez le pas : créer votre blog. Ecrivez. Publiez. Conquise de haute lutte par les combats de nos ancêtres, la liberté d’expression est garantie en Suisse. Et elle ne s’use, c’est bien connu, que lorsque les citoyens ne s’en servent pas.»

En janvier 2012, le web compte plus de 580 millions de sites, dont plus de 175 millions considérés comme actifs

Conception d’un site web

Les différentes étapes (proposées par Wikipédia) :

1.L'évaluation des besoins à l'aide de cahier des charges fonctionnel;2.L'étude de la concurrence;3.Élaboration de la structure (arborescence), du contenu des pages web et de la présentation ;4.Création d'une interface web (aussi appelé design web) ;•Intégration du site web à l'aide de différents langages de programmation. Les principaux sont HTML, CSS, JavaScript, Php, ASP.NET ;1.Mise en place du site web dans un Système de gestion de contenu (CMS -Joomla, Wordpress, Weebly, Drupal) ;2.Réservation et gestion d'un nom de domaine (l’adresse web à laquelle le site est accessible) ;3.Mise en ligne des fichiers web sur un serveur FTP permettant d'héberger le site sur un serveur web continuellement connecté à Internet ;4.Conception de campagnes de référencement naturel (Netlinking) ou payantes (Google Adwords, Microsoft Adcenter, ou autres).

Les services de baseLes services de basede Weeblyde Weebly

• Une interface intuitive «glisser & déposer» personnalisable sans connaissance technique requise permettant d’insérer :

• des fenêtres de textes en formats variés (une ou plusieurs colonnes) avec titre et paragraphe (pas de limite de pages)

• des images

• sélection des images par mot clé (images flickr libres de droits)

• éditeur de photos (rognage, luminosité, contraste, effets,...)

• des hyperliens

• Créer :

• des galeries de photos

• des diaporamas

• des documents (dans différents formats, dont flash),

• des cartes Google,

• des incrustations vidéos hébergées sur un serveur externe tel que

YouTube)

• des cartes Google,

• des incrustations vidéos hébergées sur un serveur externe

tel que YouTube)

• La roue de la fortune...

• Un service de E-commerce «Google AdSense» pour les plus «commerciaux» d’entre vous

• Options supplémentaires...• Lecteur de flux RSS

• Des petits bouts de code en HTML 5 pour les «programmeurs» :

• http://www.w3schools.com/css/

• http://www.w3schools.com/html/

• Diviseurs de paragraphes

• Sondage en ligne et formulaire de contact

• formulaire avec 3 champs par défaut (2 champs peuvent être ajoutés) (illimité dans la version pro)

• Boutons Facebook (like button) et Twitter

• Plus d’une centaine de design intégrés modifiables en un clic!

• Thèmes favoris en début de liste

• Polices de titres et de paragraphes modifiables de même que les couleurs

• Création de pages reliées les unes aux autres (avec lien hiérarchique - sous pages) sans limitation du nombre

• Toutes les nouvelles pages apparaissent dans le menu principal

• Possibilité de cacher une page

• Ajout d’un blogue

• La coédition du site avec des collègues invités (onglet Editeurs : Administrateurs, Auteur (Pro), Accès au tableau de bord uniquement (Pro))

• L’usage du serveur de Weebly pour la gestion de 2 sites exempts de publicité (10 sites dans la versio pro)

• Une série de paramètres modifiables :

• Une lecture optimisée sur smartphone grâce à l’activation des paramètres de visualisation

• Sauvegarde du site dans 2 data centers (diminue le temps de latence)

• Suivi statistique (nombre de consultations de pages,...)

• Référencement pour les moteurs de recherche par mots-clés

La version pro

•Lecteur audio et vidéo

Comparaisons des CMS

Outil «libre» avec notamment :

•sécurisation des pages par login

•«customisation» à souhait

•plus de 1000 composants

•communauté importante

Joomla

Comparaisons des CMS

Wordpress

Outil «libre»:

• outil de blogs personnalisable

• un peu plus complexe à manier

• Publication via courriel

• Rendre une page internet privée (accessible en insérant un mot de passe)

Comparaisons des CMS

Avantages

• Interface simplifiée

• Production d’un site facilitée pour les étudiants

• Publications de documents sous différentes formes (pdf, word, excel,...)

• Blogues créés par les élèves

• Documents en ligne pour les élèves absents (séjours linguistiques)

• Incitatifs à l’approfondissement de la matière (liens web, documents complémentaires : les étudiants peuvent aller plus loin sans nous)

Avantages

• Ajouts de vidéos (youtube)

• Ajouts de cartes (google maps)

• Ajouts d’exercices supplémentaires pour les élèves qui désirent s’exercer

• Les thèmes sont nombreux (plus d’une centaine) et modifiables (couleurs, changer l’image de bannière, personnaliser la feuille de style (html -css))

Quelques adresses utiles...• http://www.youtube.com/watch?v=P9Z5ipHrpd4 (Comment configurer les sites des élèves dans la version de Weebly

Education)

• http://help.weebly.com/

• http://www.youtube.com/watch?v=0v4qo8WWyII&feature=related

• http://astuces.jeanviet.info/blog/site-internet-gratuit-creer-un-site-web-et-un-blog-facilement-avec-weebly.htm

• http://www.facebook.com/weebly et http://twitter.com/#!/weebly

• http://pedagnology.com/creer-un-site-avec-weebly

• http://pedagnology.com/ajouter-des-elements-dans-sa-page-weebly

• http://pedagnology.com/creer-une-nouvelle-page-blog-avec-weebly

• http://pedagnology.com/modifier-le-html-dune-page-weebly

• http://pedagnology.com/publier-son-site-weebly

• http://pedagnology.com/utiliser-son-propre-nom-de-domaine-avec-weebly

• http://kb.weebly.com/training-videos.html (anglais)

• http://www.profweb.qc.ca/fr/publications/recits/creer-un-site-pedagogique-en-toute-simplicite-avec-weebly/index.html

• http://www.weebly.com/features.php

• http://www.getfirebug.com (Firebug sous firefox - visualisation du code html et css de pages web).

A vous de vous lancer!

Merci pour votre Merci pour votre attention!attention!