SlideShare une entreprise Scribd logo
1  sur  27
Créer et gérer un Site Internet seul
c’est possible
Justine Perussel Youcef Kébaïli
Qu’est-ce qu’une plate-forme
de création de site?
Une brève Histoire du Web
• Avant, tous les sites
étaient codés en HTML…
• La vie était dure 
• A la renaissance, les
CMS sont arrivés !
• Et la vie à changé 
20001994
1990 2001
2003
2005
Préhistoire Antiquité Moyen-Age Renaissance Epoque moderne !
2010
€€€ €
Qu’est-ce qu’un CMS finalement ?
• Content Management System
• Simplicité d’utilisation
• Evolutivité, sécurité, modularité…
• Séparation de la forme et du
contenu.
Un Système de Gestion de Contenu est une plate-forme qui
permet (presque) à tout le monde de créer un Site
et de gérer le contenu de son site facilement (sans code !)
D’accord, mais quelle plate-forme choisir ?
• C’est avant tout une
question de besoins
• Quel type de Site
répondra à votre besoin ?
Les 4 différents Types de Site ?
1 – Le site statique
• Site vitrine
• Présentation de Société, Freelance, une Asso…
• CV, Portfolio, Book artiste
Le contenu ne change jamais ou très peu
Exemples de sites statiques
2 – Le site dynamique
• Articles de Blog
• Recettes de cuisine
• Bon plans
• Petites annonces
• Annuaire
Publication d’un grand nombre de contenus variés
Exemple de
site dynamique
• Module de Blog
• Catalogue de formations
3 – Le site e-commerce
• Gestion d’un catalogue d’articles
• Gestion des commandes (panier d’achat)
• Paiement sécurisé
• Autres fonctions : Frais de port, TVA…
• Eventuellement gestion des stocks.
Vendre des produits ou services en ligne
Exemple de site e-commerce
Panier d’achat
Catalogue de produits
4 – Le Site ultra spécifique
• Application métier
• Intranet, Extranet d’entreprise
• Gestion de projet collaboratif
• Site de membres, réseau social
Site sur mesure qui répond à un besoin non standard
3 questions à se poser avant de vous
lancer
1. Quel sont mes objectifs ?
2. Qu’est-ce que le site devra apporter aux
visiteurs ?
3. Que font les concurrents ? Et comment
vous différencier ?
Dressez le portrait robot de votre site
1 – La structure
1.1 - Arborescence des pages
Accueil
Portfolio Blog A propos Contact
1.2 - Croquis de chaque page
2 – Le Design
2.1 – Choix du modèle
2.2 – Identité visuelle
• Correspond à votre
identité visuelle
• Couleurs
• Polices
• Logo
2.3 – Site mobile
• Compatible Smartphones et tablettes
• Meilleure ergonomie de lecture pour les visiteurs
• Avantage pour le référencement
3 – Les Fonctionnalités
3.1 – Principales fonctionnalités
• Module de blog
• Galerie d’images
• Insertion de formulaires
• Témoignages clients
• Présentation vidéo
• Slider (diaporama)
• Newsletter
• …
3.2 – Pas trop de fonctionnalités !
• Attention tout de même à ne pas surcharger
votre site
• Ne mettez pas des choses qui
n'apportent rien au visiteur
• Sinon cela devient une usine !
Les avantages de créer son Site
soi-même avec un bon CMS
• Un choix de mises en pages adapté à chaque
projet (grâce aux templates)
• Un outil simple à prendre en main
• Un support efficace pour vous guider
• Une grande autonomie dans la mise à jour de
votre site
• Plate-forme évolutive :
site vitrine -> blog -> e-commerce
Place à la démo Jimdo
Merci !
Youcef Kébaïli
06 23 57 76 08
ykebaili@cleno.fr
www.cleno.fr
CRÉER UN SITE GRATUIT MAINTENANT

Contenu connexe

En vedette

1cb Introduccion
1cb Introduccion1cb Introduccion
1cb Introduccion
david
 
Tutorial
TutorialTutorial
Tutorial
CIEF
 
P R E S E N T A C I O N M I N E R I A 1
P R E S E N T A C I O N  M I N E R I A 1P R E S E N T A C I O N  M I N E R I A 1
P R E S E N T A C I O N M I N E R I A 1
anita
 
Presentación Corporativa Ksf Partners Executive Search
Presentación Corporativa Ksf Partners Executive SearchPresentación Corporativa Ksf Partners Executive Search
Presentación Corporativa Ksf Partners Executive Search
Vicente Goñi
 
Portrait François Mazon dans l'Obs 23 janvier 2015
Portrait François Mazon dans l'Obs 23 janvier 2015Portrait François Mazon dans l'Obs 23 janvier 2015
Portrait François Mazon dans l'Obs 23 janvier 2015
François Mazon
 
Curiosidades De Los Numeros
Curiosidades De Los NumerosCuriosidades De Los Numeros
Curiosidades De Los Numeros
Vicente Ruiz
 

En vedette (20)

Fondo Unach Copia
Fondo Unach   CopiaFondo Unach   Copia
Fondo Unach Copia
 
1cb Introduccion
1cb Introduccion1cb Introduccion
1cb Introduccion
 
Tutorial
TutorialTutorial
Tutorial
 
Rapport final de l'évaluation croisée des programmes LEADER de Charente
Rapport final de l'évaluation croisée des programmes LEADER de CharenteRapport final de l'évaluation croisée des programmes LEADER de Charente
Rapport final de l'évaluation croisée des programmes LEADER de Charente
 
P R E S E N T A C I O N M I N E R I A 1
P R E S E N T A C I O N  M I N E R I A 1P R E S E N T A C I O N  M I N E R I A 1
P R E S E N T A C I O N M I N E R I A 1
 
Un Abrazo
Un AbrazoUn Abrazo
Un Abrazo
 
Matematica
MatematicaMatematica
Matematica
 
Pres Web2.0
Pres Web2.0Pres Web2.0
Pres Web2.0
 
Presentación Corporativa Ksf Partners Executive Search
Presentación Corporativa Ksf Partners Executive SearchPresentación Corporativa Ksf Partners Executive Search
Presentación Corporativa Ksf Partners Executive Search
 
catalogo.compressed (1)
catalogo.compressed (1)catalogo.compressed (1)
catalogo.compressed (1)
 
atractivos turisticos
atractivos turisticosatractivos turisticos
atractivos turisticos
 
Portrait François Mazon dans l'Obs 23 janvier 2015
Portrait François Mazon dans l'Obs 23 janvier 2015Portrait François Mazon dans l'Obs 23 janvier 2015
Portrait François Mazon dans l'Obs 23 janvier 2015
 
Circulaire de la Semaine 19
Circulaire de la Semaine 19Circulaire de la Semaine 19
Circulaire de la Semaine 19
 
BAHons_1
BAHons_1BAHons_1
BAHons_1
 
Pres Web2.0
Pres Web2.0Pres Web2.0
Pres Web2.0
 
atractivos turisticos
atractivos turisticosatractivos turisticos
atractivos turisticos
 
Curiosidades De Los Numeros
Curiosidades De Los NumerosCuriosidades De Los Numeros
Curiosidades De Los Numeros
 
Computadoras y sociedad
Computadoras y sociedadComputadoras y sociedad
Computadoras y sociedad
 
10 Rosas
10 Rosas10 Rosas
10 Rosas
 
Formatos televisión resumen
Formatos televisión   resumenFormatos televisión   resumen
Formatos televisión resumen
 

Similaire à Créer et gérer un site internet seul c'est possible

content management system
content management systemcontent management system
content management system
Ibtissam Kably
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
Aline INIZAN PAYEN
 

Similaire à Créer et gérer un site internet seul c'est possible (20)

Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cms
 
Comment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au webComment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au web
 
Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internet
 
Créer son site web avec WordPress
Créer son site web avec WordPressCréer son site web avec WordPress
Créer son site web avec WordPress
 
CMS et Wordpress
CMS et WordpressCMS et Wordpress
CMS et Wordpress
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 
Séminaire Communication web - partie 1
Séminaire Communication web - partie 1Séminaire Communication web - partie 1
Séminaire Communication web - partie 1
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
 
Workshop orson lyon 27 juin 2017
Workshop orson lyon   27 juin 2017Workshop orson lyon   27 juin 2017
Workshop orson lyon 27 juin 2017
 
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
 
Midi Internet
Midi InternetMidi Internet
Midi Internet
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
Etourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webEtourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le web
 
SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !SEO - Le référencement naturel n’aura plus de secret pour vous !
SEO - Le référencement naturel n’aura plus de secret pour vous !
 
Développer son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencement
 
content management system
content management systemcontent management system
content management system
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
 
Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012Internet en entreprise - octobre 2012
Internet en entreprise - octobre 2012
 
Création ou refonte de site Internet
Création ou refonte de site InternetCréation ou refonte de site Internet
Création ou refonte de site Internet
 

Créer et gérer un site internet seul c'est possible

  • 1. Créer et gérer un Site Internet seul c’est possible Justine Perussel Youcef Kébaïli
  • 3. Une brève Histoire du Web • Avant, tous les sites étaient codés en HTML… • La vie était dure  • A la renaissance, les CMS sont arrivés ! • Et la vie à changé  20001994 1990 2001 2003 2005 Préhistoire Antiquité Moyen-Age Renaissance Epoque moderne ! 2010 €€€ €
  • 4. Qu’est-ce qu’un CMS finalement ? • Content Management System • Simplicité d’utilisation • Evolutivité, sécurité, modularité… • Séparation de la forme et du contenu. Un Système de Gestion de Contenu est une plate-forme qui permet (presque) à tout le monde de créer un Site et de gérer le contenu de son site facilement (sans code !)
  • 5. D’accord, mais quelle plate-forme choisir ? • C’est avant tout une question de besoins • Quel type de Site répondra à votre besoin ?
  • 6. Les 4 différents Types de Site ?
  • 7. 1 – Le site statique • Site vitrine • Présentation de Société, Freelance, une Asso… • CV, Portfolio, Book artiste Le contenu ne change jamais ou très peu
  • 8. Exemples de sites statiques
  • 9. 2 – Le site dynamique • Articles de Blog • Recettes de cuisine • Bon plans • Petites annonces • Annuaire Publication d’un grand nombre de contenus variés
  • 10. Exemple de site dynamique • Module de Blog • Catalogue de formations
  • 11. 3 – Le site e-commerce • Gestion d’un catalogue d’articles • Gestion des commandes (panier d’achat) • Paiement sécurisé • Autres fonctions : Frais de port, TVA… • Eventuellement gestion des stocks. Vendre des produits ou services en ligne
  • 12. Exemple de site e-commerce Panier d’achat Catalogue de produits
  • 13. 4 – Le Site ultra spécifique • Application métier • Intranet, Extranet d’entreprise • Gestion de projet collaboratif • Site de membres, réseau social Site sur mesure qui répond à un besoin non standard
  • 14. 3 questions à se poser avant de vous lancer 1. Quel sont mes objectifs ? 2. Qu’est-ce que le site devra apporter aux visiteurs ? 3. Que font les concurrents ? Et comment vous différencier ?
  • 15. Dressez le portrait robot de votre site
  • 16. 1 – La structure
  • 17. 1.1 - Arborescence des pages Accueil Portfolio Blog A propos Contact
  • 18. 1.2 - Croquis de chaque page
  • 19. 2 – Le Design
  • 20. 2.1 – Choix du modèle
  • 21. 2.2 – Identité visuelle • Correspond à votre identité visuelle • Couleurs • Polices • Logo
  • 22. 2.3 – Site mobile • Compatible Smartphones et tablettes • Meilleure ergonomie de lecture pour les visiteurs • Avantage pour le référencement
  • 23. 3 – Les Fonctionnalités
  • 24. 3.1 – Principales fonctionnalités • Module de blog • Galerie d’images • Insertion de formulaires • Témoignages clients • Présentation vidéo • Slider (diaporama) • Newsletter • …
  • 25. 3.2 – Pas trop de fonctionnalités ! • Attention tout de même à ne pas surcharger votre site • Ne mettez pas des choses qui n'apportent rien au visiteur • Sinon cela devient une usine !
  • 26. Les avantages de créer son Site soi-même avec un bon CMS • Un choix de mises en pages adapté à chaque projet (grâce aux templates) • Un outil simple à prendre en main • Un support efficace pour vous guider • Une grande autonomie dans la mise à jour de votre site • Plate-forme évolutive : site vitrine -> blog -> e-commerce
  • 27. Place à la démo Jimdo Merci ! Youcef Kébaïli 06 23 57 76 08 ykebaili@cleno.fr www.cleno.fr CRÉER UN SITE GRATUIT MAINTENANT

Notes de l'éditeur

  1. On terminera cette présentation par une démo du CMS en ligne Jimdo pour vous donner une idée concrète du fonctionnement d’un CMS Types de contenus possibles : - Textes (articles) - Médias : photos sous forme de galeries, Vidéos (tutos, actualités…) Des fichiers à partager ou à télécharger. Des membres avec gestion des profils Des petites annonces Des messages dans le cas d’un forum… etc Tous ces contenus sont différents et possèdent leurs propres caractéristique. Les contenus doivent être bien structurés !
  2. Avant de faire le tour des plate-formes, posez-vous la question : pourquoi vous avez besoin d’un Site ? Pour faire bonne figure devant vos concurrents ? Pour communiquer sur votre passion ? Pour vendre vos produits ou services en ligne ? Pour fédérer une communauté ? (Peut-être une plate-forme sociale ?) …autre objectifs plus spécifique ? => À partir de là, vous allez pourvoir mieux définir vos besoins. Posez votre projet ET l’étape qui suit c’est donc de définir quel type de Site est adapté à votre projet.
  3. On peut classer les Sites internet en 4 grandes catégories Plus ou moins complexes.
  4. 1 – Sites statiques : Permet d’afficher un petit nombre de pages dont le contenu ne change presque jamais. Ce sont des sites « vitrine » . Pas besoin d’un outil très évolué pur faire ça
  5. 1 – Sites statiques : Permet d’afficher un petit nombre de pages dont le contenu ne change presque jamais. Ce sont des sites « vitrine » . Pas besoin d’un outil évolué pur faire ça
  6. 2 - Permet de publier et de gérer un grand nombre de contenus de formats variés : L’intérêt du CMS dans cas c’est l’actualisation facile par vous-même étant donné que vous serez votre propre webmaster.
  7. Dans cet exemple il s’agit d’un Blog très fourni en articles classés par catégories On trouve aussi un catalogue de formations dans la sidebar (barre latérale) Typiquement un blog, mais cela peut être aussi un site d’annonce immobilier Pourquoi pas une galerie d’images dynamique avec filtre et recherche d’images
  8. 3 – Le site e-commerce Dans ce cas l’interêt d’un CMS est de pouvoir tester une idée de business et de tester votre stratégie commerciale et permet de vous tester à moindre frais.
  9. 3 – Le site e-commerce Simple et efficace !
  10. 5 – Le site spécifique sur mesure On atteint ici les limite du CMS, on sort du cadre de la création de site par sois même Nécessite des gros budgets On entre dans le domaine des Systèmes d’informations
  11. 1 – En gros pourquoi vous voulez faire un site ? Etre présent sur internet, oui c’est essentiel mais vous devez définir plus précisément l’objectif du site 2 - Vous ne faite pas un site pour vous mais pour vos visiteurs / clients Quel sera l’utilité du site : montrer un savoir faire, distribuer de l’information, vendre un service, vendre des produits… 3 - Pour vous aider : étudiez la concurrence, les personnes qui font la même chose que vous. En quoi votre site sera-t-il différent ? En fonction de ces question vous allez pouvoir déterminer le Type de Site qu’il vous faut !
  12. Maintenant que vous avez une idée plus précise du type de site dont vous avez besoin, posons les bases de votre site Les principes qui vont suivre doivent être abordés avant même de toucher à un outil de création
  13. La navigation avec une thématique par page
  14. Définissez les différentes pages du site, puis organisez les sous forme d’arborescence toujours en partant de la page d’accueil Navigation claire pour les visiteurs, Réfléchissez au contenu de chaque page, une thématique par page, soyez le plus clair et précis possible pour guider le visiteur. - Page à propos Présentation d’équipe Page service Formulaire de contact (peut-être sur page d’accueil) ou page dédiée si le formulaire est plus important (devis) Page portfolio, réalisations, savoir faire… Page de témoignages client
  15. Imaginez et visualisez comment sera agencer le contenu de vos pages Faites des croquis, soit avec un logiciel spécialisé, soit tout simplement sous word, powerpoint, ou mieux au crayon et papier ! Ici vous pouvez parfaitement vous inspirer de sites existants SANS les copier bien sur !
  16. Que voulez vous faire ressentir à vos visiteurs, dans quelle ambiance voulez-vous les transporter ? Comment voulez-vous que l’on décrive votre site ? Elégant, Raffiné, Minimaliste, Chaleureux, Reposant, Jeune, Enjoué, Festif…. Quelles sont les couleurs que vous voulez voir apparaitre sur votre site ? Essayez de definir les couleurs dominantes de votre site Recherchez les polices utilisées sur vos documents. Il est important de garder une certaine cohérence entre tous vos supports de communication. Inspirez vous de votre logo si vous en avez déjà un
  17. Design qui soit clair qui s’adapte bien au différents formats d’affichage Exemple : restaurateur
  18. Dans cette dernière étape préalable, vous allez lister toutes les fonctionnalités nécessaires pour votre Site
  19. Dans cette dernière étape préalable, il faut lister toutes les fonctionnalités nécessaires pour votre Site Listez tout ça sur une feuille (vous pouvez le faire de tête mais vous risque d’oublier des choses) Trouver le bon équilibre entre le contenu et le design, de façon à ne pas surcharger le site.
  20. Listez tout ça sur une feuille (vous pouvez le faire de tête mais vous risque d’oublier des choses) Attention tout de même à ne pas trop en mettre pour ne pas se retrouver avec une usine à gaz ! Vous allez certainement devoir faire des concessions pendant la phase de recherche Ne mettez pas des choses qui n'apportent rien au visiteur