Support de formation - Création de site Web sous SPIP

Publié le : 26 décembre 2007 – Dernière modification le 21 décembre 2021 – par Patrick VINCENT – 24 commentaires

1
2
3
4
5
13 votes
Supports de cours - Création de sites Web avec SPIP - Standards du Web - Création de squelettes

Supports de formation - Création de sites Web sous SPIP


-  Programme de formation sur 3 à 4 journées pour utilisateurs maîtrisant les bases de la création de pages Web.
-  Exercices et corrections liés au document principal, compter la moitié du temps pour les TPs.

Vous pouvez télécharger ci-dessous les supports de cours et participer à leur amélioration [1]

Version de Janvier 2009 - Patrick VINCENT

License

Les supports et les exercices sont proposés sous license GNU - FDL :
-  http://fr.wikipedia.org/wiki/Licenc...
-  http://www.gnu.org/copyleft/fdl.html

Des licences particulières peuvent s’appliquer à quelques éléments inclus
dans le support de cours.

PLAN

PARTIE 1 - SPIP - UTILISATION

A-LES SITES WEB
1- Rappels techniques et généralités
2- Les transferts par FTP
3- Les CMS
4- SPIP
 
B-UTILISATION DE SPIP
0- Installation
1- Connexion à l’espace privé et chaîne de publication
2- L’interface privée
3- Configuration du site
4- Gérer les rubriques
5- Publication : articles, brèves, sites syndiqués
6- Mots-clefs
7- Retrouver du contenu
8- Travail Collaboratif sous SPIP
9- Forum, calendrier, messagerie
10- Les statistiques
 
C-LES OUTILS DU WEBMASTER
1- Installer un squelette
2- Installer un plugin
3- Installer une copie locale du site


PARTIE 2 - LES STANDARDS DU WEB

A-DU HTML AU XHTML
1- Principes du langage HTML
2- Le langage XHTML
3- L’entête (head)
4- Structure du corps (body)
5- Les balises du corps
 
B-CSS2
1- Les feuilles de style
2- Syntaxe et sélecteurs
3- Mise en forme
4- Positionnement
5- Création de templates
6- Compatibilité et accessibilité
 
C-INTRODUCTION A JAVASCRIPT
1- Généralités
2- Variables, fonctions et opérateurs
3- Evènements
4- Les objets du navigateur


PARTIE 3 - SPIP - MODIFICATION DE LA MISE EN FORME

A-FONCTIONNEMENT DU NOYAU
1- Structure des données
2- Calcul des pages et modèles d’affichage
3- Le système de fichiers du noyau
 
B-LE LANGAGE DE BOUCLES DE SPIP
1- Boucles : Syntaxe, critères, filtres de sélection et de tri
2- Balises : Syntaxe, filtres de balise, balises communes à tout le site, formulaires
3- Boucles avancées
4- Variables et portée
5- Inclusion de squelettes
 
C-DEVELOPPEMENT D’UN JEU DE SQUELETTES
1- En-tête
2- Menu
3- Sommaire
4- Article
5- Rubrique
6- Forum
 
D-METHODOLOGIE
1- Chaîne de développement du site
2- Mettre à jour une ancienne version de SPIP -> 1.9.2
3- Reprise d’un site existant -> SPIP

Notes

[1] Si vous êtes intéressés, l’accès aux sources se fait ici ou sur la zone. Le projet n’a pas bougé depuis longtemps, mais si vous êtes intéressés, vous pouvez m’envoyer un mail.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

20 discussions

  • YannX

    Bravo pour ces « oeufs de Paques » que je découvre.....

    Un ensemble synthétique mais très complet : impressionnant comme le survol de ces transparents permet de « mettre en place » des informations trop souvent éparses ou disséminées dans la Doc (impressionnante de volume et de complexité) de SPI &contrib.

    PS juste une petite suggestion pour un complément P3-p27 préciser l’usage de mes_fonctions et de /config ;
    et une intro aux notions de protection et d’accès privé (.htaccess et/ou accès restreint ??) /dans quelle partie ??

    Yx

    PS à quand une P4 - organiser ses Plugins ?

    Répondre à ce message

  • André

    Super boulot !

    Répondre à ce message

  • JCB

    Bravo pour ce travail exemplaire pour tous.
    Cela dépasse de loin la qualité des contenus des différents ouvrages publiés depuis quelques années sur SPIP.
    Un grand merci au CG69 d’avoir permis à Patrick Vincent et à Erasme de rendre ce travail accessible à tous.

    Répondre à ce message

  • Marc VALLETEAU de MOULLIAC

    Bravo Patrick, c’est formidable d’avoir fait cet énorme travail !! Vraiment impressionnant ! Je vais reprendre quelques supports (pdf) pour les transcrire en keynote (mac), outil que j’utilise au quotidien pour mes présentations, et ce sera à ta disposition, bien sûr, et aussi à celle de qui en aura besoin ...

    Je serai heureux de participer à compléter ce travail (si nécessaire ...), mais pas avant fin janvier, n’hésite pas à faire appel à moi.

    Et ... tous mes voeux pour 2008

    Marc

    Répondre à ce message

  • Piopio

    Bonjour et merci Patrick pour cet énorme travail...impressionnant !

    Répondre à ce message

  • andré f

    Merci !

    Un gros gros plus pour tous et un outil extra pour « mettre les rédacteurs » au boulot (ce qui n’est pas - de loin - la plus petite affaire).

    andré f

    Répondre à ce message

  • Boujemâ

    Merci pour ces documents.
    Comme mon ami Youness,je vais pouvoir avoir des documents de choix.

    Boujemâ

    Répondre à ce message

  • 1
    Youness

    salut

    un très bon travail .. En fin j’ai de la doc pour mes amis les rédacteurs !

    Bonne continuation ..

    Youness

    Répondre à ce message

  • 1
    Loiseau2nuit

    Je plussoie vigoureusement l’initiative, c’est un excellent job. Merci Patrick.

    Je pense même que je vais adapter et intégrer la partie sur l’utilisation de l’interface privée dans les supports écrits que je fournirais à mes clients futurs. Bien entendu tu seras crédité.

    Cependant, c’est un détail anodin mais je me demande si ce passage ne mérite pas une légère revue :

    Types
    -  Internet Explorer : 75 % / Windows
    -  Mozilla Firefox : 15 % / GPL / multiplateforme / Google
    -  Safari : 5 % / Apple / proriétaire LGPL / CSS3
    -  Opera : 1 % / proriétaire / multiplateforme / portable / Adobe

    d’après http://www.w3schools.com/browsers/b...
    les stats du moment (novembre 2007) seraient plutôt à

    Types
    -  Internet Explorer : 56,2 % / Windows (soit IE7 : 21%, IE6 : 33,6% et IE5 : 1,6%)
    -  Mozilla Firefox : 36,3 % / GPL / multiplateforme / Google
    -  Safari : 1,8 % / Apple / proriétaire LGPL / CSS3
    -  Opera : 1,8 % / proriétaire / multiplateforme / portable / Adobe

    Je n’ai pas fait la moyenne sur l’ensemble de l’année mais globalement on ne s’éloigne pas trop de ces chifres sur l’ensemble de 2007

    Après bien sûr je ne sais pas si ces sources sont exhaustives/fiables mais ce sont les seules que je connaisse pour l’heure.

    Loiseau2nuit, Enc...de mouches pinailleur de service agréé depuis 1981...

    • Patrick VINCENT

      Oui la rectification s’impose, j’avais des chiffres de 2006. Je versionnerai les supports pour que l’on s’y retrouve.

      Si certains d’entre vous sont intéressés pour participer à l’évolution des supports ou à la réalisation de scénarios alternatifs (administrateur, rédacteur, ect) envoyez moi un mail, qu’on voit où et comment travailler. Ce sera certainement spip-zone sous svn.

    Répondre à ce message

  • jsb

    impressionnant comme travail, bravo !

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom