Wordpress

Presenter Notes

Un site internet

C'est quoi ?

  • Des fichier HTML, language du Web
  • stockés sur un serveur constamment connecté à Internet
  • votre navigateur interprète le HTML

Architecture client serveur

Un serveur est un PC connecté à Internet.

http://upload.wikimedia.org/wikipedia/commons/c/c9/Client-server-model.svg

Un serveur dans votre salon ? c'est possible !

Presenter Notes

Les langages du Web : HTML

Le World Wide Web a eu 25 ans le 12 mars 2014 !

Le HTML

HyperText Markup Language

C'est le language de la page web, interprété par le navigateur.

  • Pour structurer le contenu
  • language de balises, avec des attributs
<html>
  <body>
    <h1>Titre<h1>
    <p>paragraphe<p>
  </body>
<html>

Presenter Notes

Les languages du Web : CSS

Les CSS

Cascading Style Sheet

  • Pour mettre des formes
  • Propriétés, directives, valeurs
h1 {
    color: red;
}

Presenter Notes

Les languages du Web : programmation

Les sites dynamiques.

Côté serveur

Automatiser des opérations, faire des calculs, récupérer des données stockées dans des bases de données, des fichiers, ... et finalement générer des pages web.

  • PHP
  • Python
  • Ruby

Côté client (navigateur)

Afficher les informations d'une autre manière que le flux html, animer des éléments, jusqu'à faire des jeux vidéos.

  • Javascript

Presenter Notes

Les outils du Web

Les CMS (Content Management System)

Programme installé sur le serveur, permettant à l'internaute d'éditer plusieurs pages web avec le même cadre (menu, entête, pied de page)

  • Drupal, Plone, Joomla, Spip : contenu généraliste
  • Dokuwiki, Mediawiki : wiki
  • Wordpress, Dotclear : blog

Les "Framework"

Ou Cadriciel pour l'Académie Française.

Programme permettant de créer des applications sur mesure.

  • Symfony
  • Django
  • Pyramid
  • EZPublish

Presenter Notes

Wordpress

Caractéristiques

  • CMS orienté Blog, simple, ergonomique.
  • Modules nombreux, mais beaucoup sont payants
  • Thèmes à foison

Très bien pour des sites associatifs, sites vitrines, blogs perso, ...

Fonctionalités

  • Création d'articles (datés) et de pages simples
  • Workflow avec des états pour chaque éléments : brouillon, public, privé
  • multi-utilisateurs, avec des droits différents
  • thèmes personalisables
  • édition des fichiers de thème en ligne

Presenter Notes

Wordpress : Rédaction

  • Interface publique
  • Interface admin

Utilisateurs

  • Se connecter avec zoneur
  • Créer les utilisateurs pour chacun

Articles et page

  • Créer un article
  • Créer une page

Publier vos contenus (ou pas)

  • Réorganiser les pages (sous-menus possibles)

Presenter Notes

Wordpress : Rédaction, Modération

Medias

  • Insérer une photo depuis un article
  • Upload d'une photo

Commentaires

  • Commentez
  • Modérez les commentaires

Presenter Notes

Wordpress : Administration

Paramètres

  • Les menus

Thèmes

Changez le thème

Presenter Notes

Et voilà

Presenter Notes