Université Paris IV, Master CIMER Support de la première séance du workshop "création d'un sites web", 12 février 2014

1. Première séance :
Introduction et prise en main de Wordpress
CRÉER UN SITE WEB
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel

2.  Créer un site web pour le rendu de fin d’année
 Acquérir les bases d’une culture numérique :
 Connaître les bonnes pratiques numériques
 Maîtrise d’un CMS
 Savoir écrire pour le web…
12/02/2015 2Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
OBJECTIFS DES COURS

3. Séance 1 : Introduction
 qu’est-ce qu’un site web, qu’est-ce qu’un CMS ?
 création d’un compte wordpress, prise en main de l’interface
Séance 2 : Concevoir l’architecture et l’apparence
 Paramétrer son compte et son blog
 Architecture du site
 Choix de l’apparence (template)
Séance 3 : Ecrire pour le web
 Ecrire pour le web, bonnes pratiques
 Illustrer son site, bonnes pratiques
Jusqu’à la troisième séance, nous travaillerons en « bac à sable »
A partir de la séance 4, nous passerons à la phase active du
développement des sites définitifs.
12/02/2015 3Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉROULEMENT DES COURS

4. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 4
INTRODUCTION
Qu’est-ce que le Web ? Qu’est-ce qu’un site Web ?

5. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 5
QU’EST CE QUE LE WEB ?
Internet
Web
un réseau informatique mondial associant des ressources de
télécommunication et des ordinateurs serveurs et clients, destiné à
l’échange de messages électroniques, d’informations multimédias et de
fichiers.
World Wide Web n’est qu’une des applications /usages d’Internet
Le web est un système de publication et de consultation de documents
(textes, sons, images) faisant appel aux techniques de l’hypertexte

6. 12/02/2015 6Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
NAVIGATEURS WEB

7. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7
HTML ? CSS ?

8. 8Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 12/02/2015
HTML
HyperText Markup Langage
Décrit le contenu de la page web
Cascading Style Sheet
Feuille de style : gère l’apparence de la page web
DÉMONSTRATION SUR UNE PAGE SIMPLE
CSS

9. 12/02/2015 9Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉMONSTRATION SUR UNE PAGE STATIQUE SIMPLE

10. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 10
PAGE WEB : STATIQUE OU DYNAMIQUE ?
Une page web statique : la page web envoyée par le serveur est toujours la même.
Les sites sont réalisés uniquement à l’aide de langages HTML et CSS. Leur contenu
ne peut pas être mis à jour automatiquement, il faut modifier le code source pour
ajouter des nouveauté.
Une page web dynamique : une page web générée à la demande. Son contenu varie en
fonction de la demande.
Les sites dynamiques sont plus complexes, ils emploient d’autres langages (PHP,
MySQL…)
Illustrations : NEBRA M., Introduction à PHP, http://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/introduction-a-php,

11. Un système de gestion de contenu est un logiciel permettant de concevoir
et de mettre à jour un site web dynamique ou une application
multimédia.
Les plus connus :
 SPIP
 Wordpress
 Drupal
 Joomla!
Un CMS spécialisé : Omeka
Proposent souvent une interface WYSIWYG (« What you see is what
you get » /« ce que vous voyez est ce que vous obtenez »)
12/02/2015 11Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
CONTENT MANAGEMENT SYSTEM (CMS)

12. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 12

13. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13

14. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14

15. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 15
POURQUOI WORDPRESS ?

16.  Existe depuis 2003
 Est libre (open source) et gratuit (distribué sous
licence GPL)
 C’est le CMS le plus populaire
 Il est disponible dans 40 langues
 La communauté est active et la documentation
abondante.
12/02/2015 16Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
WORDPRESS ?

17. Wordpress = un logiciel de gestion de
contenu (CMS)
Wordpress.com = un service qui
permet de créer gratuitement des
blog.
Wordpress.org = le site sur lequel on
peut télécharger wordpress
12/02/2015 17Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
WORDPRESS ?

18. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 18
LES DIFFÉRENCES WORDPRESS .COM / .ORG
Wordpress.com
gratuit
Wordpress.com
options payantes
Wordpress.org
Hébergement Gratuit dans la limite de 3 Go Payant (entre 20$ et 290$/an
pour 13 à 200 Go)
Auto-hébergé (sur votre
propre serveur ou chez un
hébergeur) (environ 20€/an)
Maintenance technique Gérée par la plateforme Gérée par la plateforme Vous ou votre webmaster
Thème (décor) Nombre limité de thèmes
gratuits – modifications
limitées
Choix de thèmes payants (20$
à 200$), possibilités de les
personnaliser dans une
certaine limite (30$/an)
Choix de thèmes gratuits et
payants, possibilités de les
personnaliser
Plugin Offre limitée Possibilité d’ajouter certains
plugin
Grande liberté pour
implémenter des plugins
gratuits ou payants, pour
développer les siens.
Nom de domaine http://monnom.wordpress.co
m
http://monnom.com (18$/an) Le nom de domaine de votre
choix (environ 10€/an)
Publicité Présente – finance wordpress Absente (30$/an) Au choix du propriétaire, les
revenus vous reviennent

19. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19

20. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20

21. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 21
PRISE EN MAIN DE WORDPRESS
Premiers pas…

22. 12/02/2015 22Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
CRÉER UN COMPTE WORDPRESS

23. 12/02/2015 23Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉMONSTRATION ET PRISE EN MAIN DE
L’INTERFACE

24.  Entraînez vous avec wordpress.
 Préparez les contenus de votre futur site :
 Sujet du site : réfléchir au titre et à l’URL
 Un plan et une liste de contenus
 Des images pour illustrer votre sujet
 Ne créez pas votre site définitif : utilisez votre site de
test !
 Nous verrons toutes les bonnes pratiques à respecter
(comment bien choisir son URL, son titre, comment faire
l’architecture d’un site, comment optimiser les images,
les textes…)
12/02/2015 24Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
POUR LE PROCHAIN COURS