Présentation Weebly Jeudi 8 mars 2012. Pourquoi vouloir créer un site ou un blogue?

Présentation au sujet: "Présentation Weebly Jeudi 8 mars 2012. Pourquoi vouloir créer un site ou un blogue?"— Transcription de la présentation:

1 Présentation Weebly Jeudi 8 mars 2012

2 Pourquoi vouloir créer un site ou un blogue?

3 Réponse de P. Décaillet Article de Pascal Décaillet (18 février 2012 Le Nouvelliste) : Article de Pascal Décaillet (18 février 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 actifsjanviere we

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

5 Les services de base de Weebly

6 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

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

8 La roue de la fortune... Un service de E-commerce «Google AdSense» pour les plus «commerciaux» d’entre vous

9 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 Son formulaire avec 3 champs par défaut (2 champs peuvent être ajoutés) (illimité dans la version pro) Boutons Facebook (like button) et Twitter

10 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

11 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

12 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)

13 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

14 La version pro Lecteur audio et vidéo

15 Comparaisons des CMS

16 Outil «libre» avec notamment : sécurisation des pages par login «customisation» à souhait plus de 1000 composants communauté importante Joomla

17 Comparaisons des CMS

18 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)

19 Comparaisons des CMS

20 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)

21 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))

22

23 Quelques adresses utiles... http://www.youtube.com/watch?v=P9Z5ipHrpd4 (Comment configurer les sites des élèves dans la version de Weebly Education) http://www.youtube.com/watch?v=P9Z5ipHrpd4 http://help.weebly.com/ 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://www.facebook.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://kb.weebly.com/training-videos.html 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).

24 A vous de vous lancer!

25 Merci pour votre attention!