Initiation à la Publication en Ligne - M2 Pratiques Textuelles Numériques - 2013-2014

Le site du Master

Le LUNDI de 12H00 à 15H00 en Salle A169

S01 - Introduction à la publication en réseaux


S02 - La gestion de projets
  Modèle de cahier des charges
  Modèle de cahier des charges



S03 - HTML / CSS
  Page d'exemples et de test
  Liste des balises HTML
  Couleurs hexadécimales : Exemples et Color Picker



S04 - HTML / CSS
  Exercice - Suite : Obtenir le plus près de ce résultat
  Guide de survie du positionnement CSS
  La fonction Display: inline-block
  Le CSS c'est ZEN

  Exemple d'hébergements payants :   OVH   -  1&1   -  online   -  lsw
  Exemple d'hébergements gratuits (sans publicité) :   free   -  00webhost -  hostinger
  Exemple d'hébergement gratuit (avec publicité) :    livehost



S05 - Configuration Hébergement

Exercice pour le 18 novembre 2013. Finaliser le cours :
  1 - A partir d'un hébergement gratuit (000webhost ou Hostinger), créer un hébergement et un nom de sous-domaine.
  2 - Créer une base de données
  3 - Installer un site WordPress sur son hébergement (via   Filezilla) |   Version Portable de Filezilla
  4 - Et obtenir ce RÉSULTAT LÀ.
  5 - A la racine de votre site, terminer l'exercice de la page index.html au plus près de ce RÉSULTAT.
  6 - Le lien Curriculum Vitae, doit contenir votre CV (utiliser par exemple les balises ul et li)
  7 - Le lien du menu "Références" peut être renommé et doit pointer sur votre site Wordpress installé en point 3.

   Avant le 16 novembre MINUIT, m'envoyer le lien de votre site.



S06 - Finalisation exercice + WordPress : prise en main

Exercice HTML
Sarah | Leo | Tran | Armandine | Mona | Céline | Safyann | Massira | Alexandre | Line | Paul-Rostande | Nolwenn | Arthur

CORRECTION

(Pour message d'erreur : Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 122880 bytes), dans fichier config.php, après la ligne 'define('WP_DEBUG', false);' insérer la ligne suivante : ' define('WP_MEMORY_LIMIT', '128M'); ' ) . Info dans forum Wordpress ICI et LA

Exercice à rendre pour le 21 novembre MINUIT.
1 - Finalisation des pages index.html et cv.html. (la présentation doit être proche du site corrigé + le code doit être optimisé comme vu en cours.)
(1bis - La page index.html doit pointer à la racine http://monsoudomaine.sousdom.ext/)
2 - S'assurer que le site WordPress est fonctionnel + Page d'accueil du blog présentant votre projet.
3 - Dans votre WordPress, créer un menu renvoyant vers la page index.html de votre site.
4 - M'envoyer votre lien par email.


S07 - WordPress Themes

THEMES - GRATUITS ET RESPONSIVES (quelques uns) : SUR LE SITE DE WORDPRESS - ICI - ICI - ICI - ICI - ICI - ICI - ICI - ICI



S08 - WordPress Plugins

Quelques Plugins utiles
  Sur le site de WordPress
  Formulaire Contact : Contact Form 7
  Les réseaux sociaux : Tweet, Like, Google +1 and Share
  Les réseaux sociaux : Floating Social Bar
  Les réseaux sociaux : Mini Popup et son mode d'emploi
  PHP Widget (insérer des scripts dans la sidebar
  Insérer un login/logout dans son menu : BAW Login/Logout menu


S09 - Initiation à Processing (intervenant extérieur)

Exercice pour le 16/12 Suggérer des plugins que vous aurez testés au préalable pour (par exemple et ce n'est pas exhaustif):
- un site multilingue
- un site avec newsletter
- un site plus sécurisé
- un diaporama
- ...
- ...


S10 - PHP Notions et Customisation WordPress


S11 - Atelier projets


S12 - Finalisation projets


(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10880395-1', 'auto'); ga('send', 'pageview');