SlideShare une entreprise Scribd logo
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
 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
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
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 ?
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
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
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
12/02/2015 9Master CIMER, Paris IV - Initiation à la création de sites web - Johanna Daniel
DÉMONSTRATION SUR UNE PAGE STATIQUE SIMPLE
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,
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/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
 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 ?
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 ?
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
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
Premiers pas…
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 MAIN DE
L’INTERFACE
 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

Contenu connexe

Tendances

Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
Claire Bizingre
 
Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-web
mariejura
 
Créer une page Facebook attractive pour votre activité
Créer une page Facebook attractive pour votre activitéCréer une page Facebook attractive pour votre activité
Créer une page Facebook attractive pour votre activité
Valérie March
 
Webschool octobre-2010
Webschool octobre-2010Webschool octobre-2010
Webschool octobre-2010BEDOUET David
 
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
corsonr
 
Avant et Après
Avant et AprèsAvant et Après
Avant et Après
ViGlob Informatique
 
Portail metier entreprise dans office 365
Portail metier entreprise dans office 365Portail metier entreprise dans office 365
Portail metier entreprise dans office 365
Vincent Biret
 
Le web 2.0 pour les profs
Le web 2.0 pour les profsLe web 2.0 pour les profs
Le web 2.0 pour les profs
cedric lemery
 
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
Valérie March
 
Com-Hom_Manager
Com-Hom_ManagerCom-Hom_Manager
Com-Hom_Manager
Com-Hom
 

Tendances (12)

20 vem6 e20- 3 actions
20 vem6 e20- 3 actions20 vem6 e20- 3 actions
20 vem6 e20- 3 actions
 
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...
 
Webschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-webWebschool contenu-de-qualite-pour-le-web
Webschool contenu-de-qualite-pour-le-web
 
Netvibes
NetvibesNetvibes
Netvibes
 
Créer une page Facebook attractive pour votre activité
Créer une page Facebook attractive pour votre activitéCréer une page Facebook attractive pour votre activité
Créer une page Facebook attractive pour votre activité
 
Webschool octobre-2010
Webschool octobre-2010Webschool octobre-2010
Webschool octobre-2010
 
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
WordCamp Paris 2015 - Marketing WooCommerce pour augmenter les ventes - Rémi ...
 
Avant et Après
Avant et AprèsAvant et Après
Avant et Après
 
Portail metier entreprise dans office 365
Portail metier entreprise dans office 365Portail metier entreprise dans office 365
Portail metier entreprise dans office 365
 
Le web 2.0 pour les profs
Le web 2.0 pour les profsLe web 2.0 pour les profs
Le web 2.0 pour les profs
 
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
Maison et Objet Septembre 2016 - Conférence "Comment développer votre activit...
 
Com-Hom_Manager
Com-Hom_ManagerCom-Hom_Manager
Com-Hom_Manager
 

En vedette

L'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècleL'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècle
Johanna Daniel
 
TP Histoire de l'Estampe - séance 1 : la gravure en relief
TP Histoire de l'Estampe - séance 1 : la gravure en reliefTP Histoire de l'Estampe - séance 1 : la gravure en relief
TP Histoire de l'Estampe - séance 1 : la gravure en relief
Johanna Daniel
 
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampeTP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
Johanna Daniel
 
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
Johanna Daniel
 
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce. TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
Johanna Daniel
 
L'estampe après 1870
L'estampe après 1870L'estampe après 1870
L'estampe après 1870
Johanna Daniel
 
L'estampe : usages et fonctions
L'estampe : usages et fonctionsL'estampe : usages et fonctions
L'estampe : usages et fonctions
Johanna Daniel
 
TP Histoire de l'Estampe - séance 3 : la lithographie.
TP Histoire de l'Estampe - séance 3 : la lithographie.TP Histoire de l'Estampe - séance 3 : la lithographie.
TP Histoire de l'Estampe - séance 3 : la lithographie.
Johanna Daniel
 
Guide wordpress pour_collections_numeriques
Guide wordpress pour_collections_numeriquesGuide wordpress pour_collections_numeriques
Guide wordpress pour_collections_numeriquesJean-Michel Mermet
 
Commentaires de clichés, histoire de l'estampe
Commentaires de clichés, histoire de l'estampeCommentaires de clichés, histoire de l'estampe
Commentaires de clichés, histoire de l'estampe
Johanna Daniel
 
10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress
Aurélien Denis
 
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de boutL'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
Johanna Daniel
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
Benjamin LUPU
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014
Vincent Pereira
 
Réussir sa campagne de crowdfunding
Réussir sa campagne de crowdfundingRéussir sa campagne de crowdfunding
Réussir sa campagne de crowdfunding
Vincent Pereira
 
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiagoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiLionel Pointet
 
Hiver 2016
Hiver 2016Hiver 2016
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
Institut Pasteur de Madagascar
 
La protection cellulaire dans l'immunité acquise contre le paludisme
La protection cellulaire dans l'immunité acquise contre le paludismeLa protection cellulaire dans l'immunité acquise contre le paludisme
La protection cellulaire dans l'immunité acquise contre le paludisme
Institut Pasteur de Madagascar
 
Atelier Google adwords intermediaire 02 les formats d'annonces disponibles
Atelier Google adwords  intermediaire 02   les formats d'annonces disponiblesAtelier Google adwords  intermediaire 02   les formats d'annonces disponibles
Atelier Google adwords intermediaire 02 les formats d'annonces disponibles
Chafik YAHOU
 

En vedette (20)

L'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècleL'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècle
 
TP Histoire de l'Estampe - séance 1 : la gravure en relief
TP Histoire de l'Estampe - séance 1 : la gravure en reliefTP Histoire de l'Estampe - séance 1 : la gravure en relief
TP Histoire de l'Estampe - séance 1 : la gravure en relief
 
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampeTP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
TP Histoire de l'Estampe - séance 1 : principes généraux sur l'estampe
 
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
Réutiliser / Diffuser les contenus de Gallica : retour d'expérience du blog O...
 
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce. TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
TP Histoire de l'Estampe - séance 2 : la gravure en taille-douce.
 
L'estampe après 1870
L'estampe après 1870L'estampe après 1870
L'estampe après 1870
 
L'estampe : usages et fonctions
L'estampe : usages et fonctionsL'estampe : usages et fonctions
L'estampe : usages et fonctions
 
TP Histoire de l'Estampe - séance 3 : la lithographie.
TP Histoire de l'Estampe - séance 3 : la lithographie.TP Histoire de l'Estampe - séance 3 : la lithographie.
TP Histoire de l'Estampe - séance 3 : la lithographie.
 
Guide wordpress pour_collections_numeriques
Guide wordpress pour_collections_numeriquesGuide wordpress pour_collections_numeriques
Guide wordpress pour_collections_numeriques
 
Commentaires de clichés, histoire de l'estampe
Commentaires de clichés, histoire de l'estampeCommentaires de clichés, histoire de l'estampe
Commentaires de clichés, histoire de l'estampe
 
10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress
 
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de boutL'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
L'estampe au milieu du XIXe siècle : l'eau-forte et le bois de bout
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014
 
Réussir sa campagne de crowdfunding
Réussir sa campagne de crowdfundingRéussir sa campagne de crowdfunding
Réussir sa campagne de crowdfunding
 
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiagoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
 
Hiver 2016
Hiver 2016Hiver 2016
Hiver 2016
 
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
La Licorne et l'Anophèle: Paludisme dans l'armée française en Côte d'Ivoire. ...
 
La protection cellulaire dans l'immunité acquise contre le paludisme
La protection cellulaire dans l'immunité acquise contre le paludismeLa protection cellulaire dans l'immunité acquise contre le paludisme
La protection cellulaire dans l'immunité acquise contre le paludisme
 
Atelier Google adwords intermediaire 02 les formats d'annonces disponibles
Atelier Google adwords  intermediaire 02   les formats d'annonces disponiblesAtelier Google adwords  intermediaire 02   les formats d'annonces disponibles
Atelier Google adwords intermediaire 02 les formats d'annonces disponibles
 

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

WordCamp Paris 2016 - Lille WordPress Meetup #12
WordCamp Paris 2016 - Lille WordPress Meetup #12WordCamp Paris 2016 - Lille WordPress Meetup #12
WordCamp Paris 2016 - Lille WordPress Meetup #12
Nicolas Joly
 
Développer son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - WebinarDévelopper son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - Webinar
Jean-Charles GAUTARD
 
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementDw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementCERTyou Formation
 
Créer sa start-up sur le web, l'exemple de myLibrary-online
Créer sa start-up sur le web, l'exemple de myLibrary-onlineCréer sa start-up sur le web, l'exemple de myLibrary-online
Créer sa start-up sur le web, l'exemple de myLibrary-online
Benoit LEVASSEUR
 
Développer votre entreprise sur Internet grâce à Joomla!
Développer votre entreprise sur Internet grâce à Joomla!Développer votre entreprise sur Internet grâce à Joomla!
Développer votre entreprise sur Internet grâce à Joomla!
Jean-Charles Gautard
 
ITIS Commerce - Présentation
ITIS Commerce - PrésentationITIS Commerce - Présentation
ITIS Commerce - Présentation
Paul Guillemin
 
Présentation sites web
Présentation sites webPrésentation sites web
Présentation sites web
marquinternette
 
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
Yoann Kassi-Vivier
 
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementWbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementCERTyou Formation
 
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementWbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementCERTyou Formation
 
Wbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesWbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesCERTyou Formation
 
Mickaël Maury - Consultant Digital & Webmaster
Mickaël Maury - Consultant Digital & WebmasterMickaël Maury - Consultant Digital & Webmaster
Mickaël Maury - Consultant Digital & Webmaster
Votre Consultant Digital
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009
Nicolas Malo
 
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
@aboukam (Abou Kamagaté)
 
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
weeblr
 
Livre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPress
Emilie LEBRUN
 
Atelier Lean startup présenté au Rendez-vous Réseau M 2016
Atelier Lean startup présenté  au Rendez-vous Réseau M  2016 Atelier Lean startup présenté  au Rendez-vous Réseau M  2016
Atelier Lean startup présenté au Rendez-vous Réseau M 2016
Rita Baker
 
Reduire ses risques avec le Lean Startup
Reduire ses risques avec le Lean StartupReduire ses risques avec le Lean Startup
Reduire ses risques avec le Lean Startup
Lean Startup Circle Montreal
 
Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
michel.titeux
 

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

WordCamp Paris 2016 - Lille WordPress Meetup #12
WordCamp Paris 2016 - Lille WordPress Meetup #12WordCamp Paris 2016 - Lille WordPress Meetup #12
WordCamp Paris 2016 - Lille WordPress Meetup #12
 
Développer son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - WebinarDévelopper son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - Webinar
 
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnementDw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
Dw009 formation-dreamweaver-csx-les-bases-et-perfectionnement
 
Créer sa start-up sur le web, l'exemple de myLibrary-online
Créer sa start-up sur le web, l'exemple de myLibrary-onlineCréer sa start-up sur le web, l'exemple de myLibrary-online
Créer sa start-up sur le web, l'exemple de myLibrary-online
 
Développer votre entreprise sur Internet grâce à Joomla!
Développer votre entreprise sur Internet grâce à Joomla!Développer votre entreprise sur Internet grâce à Joomla!
Développer votre entreprise sur Internet grâce à Joomla!
 
ITIS Commerce - Présentation
ITIS Commerce - PrésentationITIS Commerce - Présentation
ITIS Commerce - Présentation
 
Présentation sites web
Présentation sites webPrésentation sites web
Présentation sites web
 
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
 
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnementWbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
Wbm03 formation-webmaster-creation-de-site-web-les-bases-et-perfectionnement
 
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnementWbm01 formation-webmaster-creation-de-site-web-perfectionnement
Wbm01 formation-webmaster-creation-de-site-web-perfectionnement
 
Wbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-basesWbm02 formation-webmaster-creation-de-site-web-les-bases
Wbm02 formation-webmaster-creation-de-site-web-les-bases
 
Mickaël Maury - Consultant Digital & Webmaster
Mickaël Maury - Consultant Digital & WebmasterMickaël Maury - Consultant Digital & Webmaster
Mickaël Maury - Consultant Digital & Webmaster
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009
 
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
Les étapes pour monétiser un blog en Afrique à UVCI - Université Virtuelle de...
 
Cours1
Cours1Cours1
Cours1
 
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
 
Livre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPress
 
Atelier Lean startup présenté au Rendez-vous Réseau M 2016
Atelier Lean startup présenté  au Rendez-vous Réseau M  2016 Atelier Lean startup présenté  au Rendez-vous Réseau M  2016
Atelier Lean startup présenté au Rendez-vous Réseau M 2016
 
Reduire ses risques avec le Lean Startup
Reduire ses risques avec le Lean StartupReduire ses risques avec le Lean Startup
Reduire ses risques avec le Lean Startup
 
Wordpress notes de cours
Wordpress notes de coursWordpress notes de cours
Wordpress notes de cours
 

Plus de Johanna Daniel

Le Vocabulaire de l'estampe
Le Vocabulaire de l'estampeLe Vocabulaire de l'estampe
Le Vocabulaire de l'estampe
Johanna Daniel
 
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
Johanna Daniel
 
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIIIRessources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
Johanna Daniel
 
L'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècleL'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècle
Johanna Daniel
 
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIIIRessources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
Johanna Daniel
 
Méthodologie du commentaire cliché
Méthodologie du commentaire clichéMéthodologie du commentaire cliché
Méthodologie du commentaire cliché
Johanna Daniel
 
Fiche vierge d'entrainement au commentaire de cliché
Fiche vierge d'entrainement au commentaire de clichéFiche vierge d'entrainement au commentaire de cliché
Fiche vierge d'entrainement au commentaire de cliché
Johanna Daniel
 
Fiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiantFiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiant
Johanna Daniel
 
Retour sur le salon international de l'estampe de Paris 2015
Retour sur le salon international de l'estampe de Paris 2015Retour sur le salon international de l'estampe de Paris 2015
Retour sur le salon international de l'estampe de Paris 2015
Johanna Daniel
 
les outils d'annotation et l'édition scientifique de corpus textuels - planches
les outils d'annotation et l'édition scientifique de corpus textuels - planchesles outils d'annotation et l'édition scientifique de corpus textuels - planches
les outils d'annotation et l'édition scientifique de corpus textuels - planches
Johanna Daniel
 
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
Johanna Daniel
 
L'estampe entre 1840 et 1870
L'estampe entre 1840 et 1870L'estampe entre 1840 et 1870
L'estampe entre 1840 et 1870
Johanna Daniel
 
Atelier d'initiation à Zotero
Atelier d'initiation à ZoteroAtelier d'initiation à Zotero
Atelier d'initiation à Zotero
Johanna Daniel
 
Des outils numériques pour la recherche
Des outils numériques pour la rechercheDes outils numériques pour la recherche
Des outils numériques pour la recherche
Johanna Daniel
 
Présentation de Zotero
Présentation de ZoteroPrésentation de Zotero
Présentation de Zotero
Johanna Daniel
 
Les outils d’annotation et l’édition scientifique de corpus
Les outils d’annotation et l’édition scientifique de corpusLes outils d’annotation et l’édition scientifique de corpus
Les outils d’annotation et l’édition scientifique de corpus
Johanna Daniel
 

Plus de Johanna Daniel (16)

Le Vocabulaire de l'estampe
Le Vocabulaire de l'estampeLe Vocabulaire de l'estampe
Le Vocabulaire de l'estampe
 
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
Voyage à travers les vues d'optique - l'oeuvre du mois, Musée Boucher-de-Pert...
 
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIIIRessources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 2 - Paris VIII
 
L'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècleL'estampe dans la première moitié du XIXe siècle
L'estampe dans la première moitié du XIXe siècle
 
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIIIRessources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
Ressources Histoire de l'estampe au XIXe siècle - Séance 1 - Paris VIII
 
Méthodologie du commentaire cliché
Méthodologie du commentaire clichéMéthodologie du commentaire cliché
Méthodologie du commentaire cliché
 
Fiche vierge d'entrainement au commentaire de cliché
Fiche vierge d'entrainement au commentaire de clichéFiche vierge d'entrainement au commentaire de cliché
Fiche vierge d'entrainement au commentaire de cliché
 
Fiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiantFiche de suivi des compétences - support pédagogique étudiant
Fiche de suivi des compétences - support pédagogique étudiant
 
Retour sur le salon international de l'estampe de Paris 2015
Retour sur le salon international de l'estampe de Paris 2015Retour sur le salon international de l'estampe de Paris 2015
Retour sur le salon international de l'estampe de Paris 2015
 
les outils d'annotation et l'édition scientifique de corpus textuels - planches
les outils d'annotation et l'édition scientifique de corpus textuels - planchesles outils d'annotation et l'édition scientifique de corpus textuels - planches
les outils d'annotation et l'édition scientifique de corpus textuels - planches
 
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
les outils d'annotation et l'édition scientifique de corpus textuels - mémoire
 
L'estampe entre 1840 et 1870
L'estampe entre 1840 et 1870L'estampe entre 1840 et 1870
L'estampe entre 1840 et 1870
 
Atelier d'initiation à Zotero
Atelier d'initiation à ZoteroAtelier d'initiation à Zotero
Atelier d'initiation à Zotero
 
Des outils numériques pour la recherche
Des outils numériques pour la rechercheDes outils numériques pour la recherche
Des outils numériques pour la recherche
 
Présentation de Zotero
Présentation de ZoteroPrésentation de Zotero
Présentation de Zotero
 
Les outils d’annotation et l’édition scientifique de corpus
Les outils d’annotation et l’édition scientifique de corpusLes outils d’annotation et l’édition scientifique de corpus
Les outils d’annotation et l’édition scientifique de corpus
 

Dernier

Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
Billy DEYLORD
 
Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
caggoune66
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
Txaruka
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
mrelmejri
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Oscar Smith
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
WarlockeTamagafk
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 

Dernier (13)

Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
 
Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 

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

  • 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

Notes de l'éditeur

  1. Me présenter
  2. Rappeller les objectifs du cours
  3. Rappeller les objectifs du cours
  4. Introduction pour expliquer les notions de web /internet / navigateur / HTML / CSS / Site Web / CMS / pages statiques et pages fixes …
  5. 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.
  6. 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.
  7. 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)
  8. Rappeller les objectifs du cours