Première séance :
Introduction et prise en main de Wordpress
CRÉER UN SITE WEB
12/02/2015Master CIMER, Paris IV - Initiati...
 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 pra...
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 ...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 4
INTRODUCTION
Qu’est-ce que le ...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 5
QU’EST CE QUE LE WEB ?
Interne...
12/02/2015 6Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
NAVIGATEURS WEB
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7
HTML ? CSS ?
8Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 12/02/2015
HTML
HyperText Markup Langage
...
12/02/2015 9Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉMONSTRATION SUR UNE PAGE STA...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 10
PAGE WEB : STATIQUE OU DYNAMI...
Un système de gestion de contenu est un logiciel permettant de concevoir
et de mettre à jour un site web dynamique ou une ...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 12
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 15
POURQUOI WORDPRESS ?
 Existe depuis 2003
 Est libre (open source) et gratuit (distribué sous
licence GPL)
 C’est le CMS le plus populaire
 ...
Wordpress = un logiciel de gestion de
contenu (CMS)
Wordpress.com = un service qui
permet de créer gratuitement des
blog.
...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 18
LES DIFFÉRENCES WORDPRESS .CO...
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20
12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 21
PRISE EN MAIN DE WORDPRESS
Pr...
12/02/2015 22Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
CRÉER UN COMPTE WORDPRESS
12/02/2015 23Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉMONSTRATION ET PRISE EN MAI...
 Entraînez vous avec wordpress.
 Préparez les contenus de votre futur site :
 Sujet du site : réfléchir au titre et à l...
Prochain SlideShare
Chargement dans…5
×

Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)

1 094 vues

Publié le

Université Paris IV, Master CIMER

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

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 094
Sur SlideShare
0
Issues des intégrations
0
Intégrations
19
Actions
Partages
0
Téléchargements
22
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Me présenter
  • Rappeller les objectifs du cours
  • Rappeller les objectifs du cours
  • Introduction pour expliquer les notions de web /internet / navigateur / HTML / CSS / Site Web / CMS / pages statiques et pages fixes …
  • Rappel : Internet c’est le réseaux. Web c’est les pages qu’on consulte depuis un navigateur. Internet existe depuis 1969. Le web existe depuis 1989.
    Les mails, skype, c’est internet, c’est pas du web, quoiqu’on puisse consulter ses mails depuis un navigateur web, donc depuis le web.

    De nombreuses personnes confondent (à tort) Internet et le Web. Il faut savoir que le Web fait partie d'Internet. Internet est un grand ensemble qui comprend, entre autres : le Web, les e-mails, la messagerie instantanée, etc. Tim Berners-Lee n'est donc pas l'inventeur d'Internet, c'est « seulement » l'inventeur du Web.
  • Le navigateur web permet d’accèder à toutes les pages web. Il y a parfois des petites différences de présentation d’un navigateur à l’autre.
  • HTML et CSS sont des langages qui permettent de créer des sites web. Tous les sites web sont basés sur ces langages. HTML inventé par Tim Berners Lee en 1991.

    Votre navigateur ne reçoit pas la page toute belle toute faite, mais deux fichiers : un fichier HTML et un fichier CSS qu’il va traduire visuellement. Le HTML HyperText Markup Language permet de décrire ce qu’il y a dans la page web. CSS, Cascading Style Sheets, aussi appelée Feuille de style permet de gérer l’apparance de la page web (existe depuis 1996)
  • Rappeller les objectifs du cours
  • Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)

    1. 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. 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. 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. 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. 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. 6. 12/02/2015 6Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel NAVIGATEURS WEB
    7. 7. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 7 HTML ? CSS ?
    8. 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. 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. 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. 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. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 12
    13. 13. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 13
    14. 14. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 14
    15. 15. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 15 POURQUOI WORDPRESS ?
    16. 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. 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. 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. 19. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 19
    20. 20. 12/02/2015Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel 20
    21. 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. 22. 12/02/2015 22Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel CRÉER UN COMPTE WORDPRESS
    23. 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. 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

    ×