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

Slides:



Advertisements
Présentations similaires
"Les outils pour créer un site web facilement" Niveau Débutant.
Advertisements

Le web 2.0 L'Internet deuxième génération ? Moussay Jérôme - Master 2LCE1/16.
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
Conception Utilise le CMS opensource Wordpress (Utilisé par 14% du 1 er million 1 ; «Open Source CMS Award 2 » en 2007 et prix du meilleur CMS.
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Créer son blog Le blog Bunla/lycée MontesquieuLe blog Bunla/lycée Montesquieu over-blog Diverses possibilités dotclear Skyrock com/pls/public/!page.laclasse.
Atelier Wiki 1.Introduction 2.Définition 3.Fonctionnement 4.Ecrire sur un wiki 5.En pratique 6.Glossaire 7.Ressources.
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
« ARCHEODOC, un portail dynamique pour la recherche d’information en archéologie » Véronique HUMBERT (Lattes) Blandine.
Module 3.Adapter son portail Netvibes à ses besoins
Utilisation du CMS WordPress
Introduction aux CMS.
Rédaction dun article sur le site internet du CRCACK Lien administration :
Concevoir un site Web de A à Z Ce cours permet à létudiant de réaliser de façon professionnelle un site internet de A à Z.
Logiciel auteur : convivial et simple d’utilisation
Par Catherine Houle, Cp écoles Paul-Bruchési et Lanaudière, CSDM.
GERER UN BLOG MANUEL DAIDE A LUTILISATION DE BLOGGER Josiane Goettelmann Mai 2011.
Christian Ollivier IUFM / Université de La Réunion
Quest-ce quun blog? « Un blog ou blogue (aphérèse de web log) est un site Web constitué par la réunion d'un ensemble de billets triés par ordre chronologique.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Le Référencement en Savoie Historique
Nouveau blog. WordPress connexion Nommez votre blog.
CMS (Systèmes de gestion de contenu)
Comprendre l’environnement Web
Utiliser la plateforme eTwinning
Lycée Louis Vincent Séance 1
Wordpress Week-end Tisserands 17 – 18 mars Présentation Généralités Téléchargement Wp-config Installation Tableau de bord Articles/catégories –
Médiathèque de Sélestat - 5 février 2005 Olivier Andrieu Comment ne pas être visible sur les moteurs de recherche.
Un blog (pour web log) est un espace de publication personnel, vous permettant de diffuser du contenu sur un espace qui vous est réservé.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Créer son propre BLOG/Site web pédagogique
Intégration des TIC et nouveaux outils
La veille numérique : un outil pour s'informer intelligemment &
SPIP est un logiciel libre et un siteWeb collaboratif. Interfaces de rédaction des SPIP identiques : savoir utiliser un SPIP c’est savoir les utiliser.
Créer un site internet facilement Jimdo – Pages to the People.
Site éditorial Interfaçage Site Petite Annonces Interfaçage ALICE
Internet WEB.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
Internet : Informations personnelles et identité numérique
09/11/2006 CMS Content Management System Système de Gestion de Contenu.
Manuel Kervarker.org : l'accueil
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
Créer et Faire Vivre un Site Web Pédagogique Stage 09A013.
Outils en ligne Pour collaborer à distance ! Kit Organisateurs en direction des Organisateurs d’Assises en Territoire.
CREATION DE BLOG CIROCO JUIN 2014 Jacques Boulet.
S'initier au HTML et aux feuilles de style CSS Cours 5.
Xi HUA Wenyun DAI Morgane GIRONA
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Les systèmes de gestion de contenu
Conception des pages Web avec
Observatoire des pratiques Groupe TUICE 2014 Présentation de… Un espace numérique de travail… A partir d’un compte Google.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
Formation.
Introduction au HTML Qu’est ce que le HTML ?
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Padlet, un mur collaboratif Mode d’emploi
Veille technologique Wordpress. Qu’est ce que Wordpress ?  C’est un CMS hautement personnalisable  CMS signifie « Content Management System » soit système.
Contribution. Accueil Vous êtes actuellement connecté à votre espace de contribution de la médiathèque de l'Université Paris Descartes. Dans cette espace.
Gabriel Dumouchel, doctorant Université de Montréal Atelier Jouvence 2011.
Site Ilouest.fr Apprendre à contribuer au site Georges de Korvin.
Mise à jour en février 2013 Ecrire un commentaire Accéder au tableau de bord Changer son mot de passe Écrire un nouvel article Importer une image Publier.
Transcription de la présentation:

Présentation Weebly Jeudi 8 mars 2012

Pourquoi vouloir créer un site ou un blogue?

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

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

Les services de base de 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» : 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

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... (Comment configurer les sites des élèves dans la version de Weebly Education) et (anglais) (Firebug sous firefox - visualisation du code html et css de pages web).

A vous de vous lancer!

Merci pour votre attention!