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

HTMLHyperText 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.com

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