Présentation réalisée le 16 octobre à la WebSchool Orléans / CCI du Loiret. On y aborde la création de site internet pour les particuliers ou les entreprises, les questions à se poser avant de commencer, et les différentes possibilités offertes aujourd'hui pour se lancer dans la création d'un site internet. Pour en savoir plus, c'est par ici : http://www.webschool-orleans.fr/webschool-orleans/

1. LE B.A. BA DE
LA CRÉATION
Créer un site internet en 2012

2. QUELQUES STATISTIQUES

3. - de 175M actifs
583 millions
de sites internet dans le monde en 2012
(dont 30% sont actifs)
Source : http://fr.wikipedia.org/wiki/Site_web

4. Moins de 20000 en 95
EVOLUTION DEPUIS 2003
Nombre de Sites Internet
600,000,000
450,000,000
300,000,000
150,000,000
0
2003 2004 2005 2006 2007 2008 2009 2010 2011 2012
Source : http://fr.wikipedia.org/wiki/Site_web

5. 11 utilisateurs par site
web actif
2 milliards
d’internautes connectés dans le monde
Source : http://www.patricecazalas.com/internet-en-france-chiffres-cles/

6. BON...
ET LA FRANCE ?

7. 14 utilisateurs par site
actif
2.6 millions
de sites internet en France
pour
38 millions
d’internautes en France
Source : http://www.patricecazalas.com/internet-en-france-chiffres-cles/
Source : http://www.blogdumoderateur.com/etat-des-lieux-d-internet-en-france-23-des-sites-sont-illegaux/

8. ETAT DE LA CRÉATION DE
SITES INTERNET EN FRANCE
➡84% des sites sont à finalité professionnelle
➡71% sites vitrines
➡73% non actualisés depuis 1 an... 91% depuis 3 mois.
➡Plus de la moitié comptent moins de 50 pages
➡Seulement 4% comptent plus de 500 pages
➡Les blogs et les forums ne représentent que 4% du volume
d’internet en France (... mais restent très actifs)
➡Le e-commerce compte 132 000 sites (+100% en 1 an)
Source : http://www.blogdumoderateur.com/etat-des-lieux-d-internet-en-france-23-des-sites-sont-illegaux/

9. AVANT DE DÉMARRER...

10. LES QUESTIONS À SE POSER
➡Un site... Pour quoi faire ?
‣ Perso / Pro / Entreprise ?
‣ Visibilité / Expertise / Diffuser / Echanger / Partager ?
➡Pour quelle cible ?
‣ Soi-même / Famille / Prospects / Clients ?
➡Avec quels moyens ?
‣ Avec quel budget ? ... ou pas ?

11. STATIQUE... OU DYNAMIQUE !?
➡Statique
‣ Vitrine
➡Dynamique
‣ Blog
‣ Forum
‣ Réseau Social
‣ Application...?

12. CHEZ LES AUTRES... OU «CHEZ-SOI» ?
➡Chez les autres...
‣ La plupart du temps gratuit
‣ Mais vous n’êtes pas chez vous : http://votrenom.wordpress.com
➡«Chez soi»
‣ Nom de domaine : http://www.votrenom.fr ou .com ... ou .org/net/io/co/etc.....
‣ Hébergement
‣ Préférablement les deux...
‣ Budget :
- Promotions = A partir de 1,2€ /mois inclus 1 nom de domaine pour démarrer
- NDD = 10 à 15€ /an (ou beaucoup plus pour certains noms de domaine exotiques)
- Hébergement Pro = A partir de 5€ /mois à beaucoup plus suivant les besoins (e-commerce)

13. ACCOMPAGNÉ... OU PAS ?
➡Accompagné...
‣ Envie d’être sur le Web, mais pas de devenir Webmaster
‣ Généralement réservé aux professionnels
➡Ou pas ?
‣ Beaucoup plus simple aujourd’hui qu’à une certaine époque
‣ Nécessite quand même du temps, des connaissances et
éventuellement un peu de moyens

14. SANS «TROP» DE PRISE DE TÊTE...
OU EN MODE NINJA !
➡Sans trop de prise de tête...
‣ Utilisation d’un CMS - Content Management System (SGC - Système de
Gestion de Contenu)
‣ Logiciel destiné à la conception et à la mise à jour de sites web dynamiques
➡Mode NINJA !
‣ Déconseillé aux débutants... sauf si l’objectif est d’apprendre «comment ça
marche», que vous avez du temps et que vous êtes super motivés.
‣ Consiste à tout faire «à la main» (aidé d’un framework ou pas)
‣ Nécessite l’apprentissage des langages HTML + CSS (et éventuellement d’un
langage de script, d’une logique de framework et de bonnes notions en
bases de données)

15. POURQUOI CHOISIR UN CMS ?
➡Fonctionnalités éprouvées
‣ Gestion de Thèmes graphiques
‣ Ajout d’Extensions / Widgets
➡Possibilité d’animer soi-même son site web
➡Possibilité de travailler à plusieurs avec une
gestion des droits des utilisateurs
➡Fonctionnement sous forme de Workflows

16. EXEMPLE

17. EXEMPLE

18. EXEMPLE

19. EXEMPLES
D’INFRASTRUCTURES

20. CMS «CHEZ LES AUTRES»
Navigateur - Chrome / Firefox / Safari / IE (non... pas IE6)
Rendu automatique - HTML + CSS
CMS - Administration
Avec ou sans Nom de Domaine - http://...

21. CMS «CHEZ SOI»
Navigateur - Chrome / Firefox / Safari / IE (non... pas IE6)
Rendu automatique - HTML + CSS
CMS - Administration
Hébergement
Serveur Langage de Script Base de Données
Nom de Domaine - http://...

22. STATIQUE «CHEZ SOI» - APPRENTI NINJA
Navigateur - Chrome / Firefox / Safari / IE (non... pas IE6)
HTML + CSS
Hébergement
Serveur
Nom de Domaine - http://...

23. BON À SAVOIR
➡Script
‣ PHP / Ruby / Python
‣ Permet d’interpréter et de transformer les données
➡Base de Données
‣ MySQL / MongoDB / Postgresql
‣ Permet de stocker les données
➡FTP
‣ FileZilla (Mac / PC / Linux)
‣ Permet d’envoyer et recevoir des fichiers depuis un serveur

24. LES SOLUTIONS

25. PANORAMA
NON EXHAUSTIF... ^^

26. LA GUERRE DES CMS
BLOGGING «AS A SERVICE»
And the winner is... tumblr

27. LA GUERRE DES CMS
BLOGGING
And the winner is... WordPress

28. LA GUERRE DES CMS
FORUMS
And the winner is... Vanilla

29. LA GUERRE DES CMS
E-COMMERCE
And the winner is... Magento

30. LES CMS
➡tumblr : https://www.tumblr.com/
➡WordPress.org : http://fr.wordpress.org/
➡Vanilla Forums : http://vanillaforums.org/
➡Magento : http://www.magentocommerce.com/fr/
➡Liste des CMS : http://fr.wikipedia.org/wiki/
Liste_de_syst%C3%A8mes_de_gestion_de_contenu

31. LES HÉBERGEURS
➡1and1 : http://www.1and1.fr
➡OVH : http://www.ovh.com
➡Amen : http://www.amen.fr
➡Gandi : http://www.gandi.net
➡Netissime : http://www.netissime.com
➡Online : http://www.online.net
➡Disponibilité et enregistrement des NDD .fr : AFNIC

32. CONCLUSION

33. LE B.A. BA DE LA CRÉATION
➡Se poser les bonnes questions...
‣ Pour quoi faire ? Quelle cible ? Et mes moyens ?
‣ «Chez les autres ou chez soi ?» / Statique ou Dynamique ?
‣ Accompagné ou pas ?
➡Choisir la bonne solution :
‣ Quel CMS ?
‣ Quel Hébergeur + Nom de domaine

34. PAR OÙ COMMENCER ?
➡Option 1 - Pour s’amuser et démarrer sans difficultés
‣ Aller sur https://www.tumblr.com/
‣ Créer un compte
‣ Bravo, vous avez un blog !
➡Option 2 - Pour démarrer en apprenant
‣ Prendre un hébergement + un nom de domaine
‣ Configurer sa base de données
‣ Télécharger, installer via FTP et configurer un CMS
‣ Bravo, vous avez monté votre premier site !

35. MERCI
POUR VOTRE ATTENTION