LE B.A. BA DE

LA CRÉATION
     Créer un site internet en 2012
QUELQUES STATISTIQUES
- 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
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
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/
BON...
ET LA FRANCE ?
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/
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/
AVANT DE DÉMARRER...
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 ?
STATIQUE... OU DYNAMIQUE !?

➡Statique
 ‣   Vitrine
➡Dynamique
 ‣ Blog
 ‣ Forum
 ‣ Réseau Social
 ‣ Application...?
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)
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
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)
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
EXEMPLE
EXEMPLE
EXEMPLE
EXEMPLES
D’INFRASTRUCTURES
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://...
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://...
STATIQUE «CHEZ SOI» - APPRENTI NINJA
              Navigateur - Chrome / Firefox / Safari / IE (non... pas IE6)



              HTML + CSS

Hébergement




              Serveur


              Nom de Domaine - http://...
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
LES SOLUTIONS
PANORAMA
  NON EXHAUSTIF... ^^
LA GUERRE DES CMS
                        BLOGGING «AS A SERVICE»




And the winner is... tumblr
LA GUERRE DES CMS
                                 BLOGGING




And the winner is... WordPress
LA GUERRE DES CMS
                               FORUMS




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




And the winner is... Magento
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
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
CONCLUSION
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
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 !
MERCI
POUR VOTRE ATTENTION

WebSchool Orléans - B.A BA de la Création Web

  • 1.
    LE B.A. BADE LA CRÉATION Créer un site internet en 2012
  • 2.
  • 3.
    - de 175Mactifs 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 20000en 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 parsite web actif 2 milliards d’internautes connectés dans le monde Source : http://www.patricecazalas.com/internet-en-france-chiffres-cles/
  • 6.
  • 7.
    14 utilisateurs parsite 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 LACRÉ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.
  • 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» DEPRISE 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 UNCMS ? ➡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.
  • 17.
  • 18.
  • 19.
  • 20.
    CMS «CHEZ LESAUTRES» 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.
  • 25.
    PANORAMA NONEXHAUSTIF... ^^
  • 26.
    LA GUERRE DESCMS BLOGGING «AS A SERVICE» And the winner is... tumblr
  • 27.
    LA GUERRE DESCMS BLOGGING And the winner is... WordPress
  • 28.
    LA GUERRE DESCMS FORUMS And the winner is... Vanilla
  • 29.
    LA GUERRE DESCMS 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.
  • 33.
    LE B.A. BADE 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.