SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 43 visiteurs en ce moment

Accueil du site > Documentation > SPIP en local > SPIP sur Windows > Tutoriels vidéos pour créer un site avec SPIP sur un serveur local (...)

Tutoriels vidéos pour créer un site avec SPIP sur un serveur local EasyPhp

28 juin 2008 – par Annie Houpline – 30 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

4
4
4
4
4
16 votes

Ces tutoriels sont des vidéos sonores et animées, réalisées avec le logiciel libre Camstudio, téléchargeable sur le site : http://www.clubic.com/telecharger-fiche10618-camstudio.html. Le mode d’emploi de ce logiciel est accessible à l’adresse suivante : http://furyjin.free.fr/tutos/camstudio.php. Les fichiers .avi peuvent être lus avec Windows Media.

Les tutoriels suivants décrivent les étapes essentielles de la création du site sur un serveur local EasyPhp ; les fichiers sont à décompresser avec 7-zip qui génère des fichiers .avi, qui peuvent être lus avec Windows Media par exemple, résolution d’écran 1024x768, mode plein écran.

Télécharger et installer le logiciel de décompression 7-zip

Zip - 823.6 ko
Télécharger 7-zip
  • cliquer sur la vignette ci-dessus
  • dans la fenêtre de téléchargement qui apparaît, cliquer sur « Ouvrir »
  • extraire le fichier 7z457.exe à l’endroit de son choix
  • double-cliquer sur le fichier pour l’installer.
  • Cliquer sur chaque icône, puis sur « Ouvrir » dans la fenêtre de téléchargement, extraire (sur le bureau par exemple), clic droit sur le fichier, 7-zip, ouvrir, double clic sur le fichier .avi ; le fichier s’ouvre directement avec 7-zip si vous l’avez indiqué dans les Options de dossiers, Types de fichiers.

Installation en local d’EasyPhp et de SPIP

-  Première étape : installer EasyPHP1-8, - téléchargeable ici : http://sourceforge.net/project/showfiles.php?group_id=14045 - , chargé d’effectuer le travail grâce à Apache, une base de données MySQL et le langage PHP approprié, en créant un répertoire et éventuellement un alias « monsite », comme le montre la vidéo ci-dessous :

Zip - 941.5 ko
Préparer EasyPhp

-  Deuxième étape : décompresser spip.zip sur le serveur local et s’identifier, afin de se connecter à l’espace de rédaction, comme cela est expliqué dans les 2 vidéos ci-dessous :

Zip - 617.5 ko
Installer Spip
Zip - 709 ko
Se connecter à l’espace privé de Spip

Création du site dans l’espace privé de l’administrateur

-  Première étape : paramétrer l’interactivité et les fonctions avancées de Spip, puis créer une première rubrique et un premier article, dont la publication en ligne rendra visible la rubrique sur le site public :

Zip - 971.3 ko
Paramétrer la configuration et créer une rubrique

-  Deuxième étape : rédiger le texte de l’article - les règles typographiques propres à Spip sont fournies par l’aide en ligne du logiciel - et ajouter une image, préalablement travaillée dans Photofiltre par exemple, logiciel téléchargeable à l’adresse suivante : http://photofiltre.free.fr/frames.htm :

Zip - 794.6 ko
Texte et image dans l’article

-  Troisième étape : installer le squelette et les plugins IENSP, proposés sur le site spip-contrib : http://www.spip-contrib.net/Squelettes-IENSP-standard, activer les plugins et vider le cache afin de voir les éléments nouveaux et les modifications graphiques apportés par ces deux répertoires copiés sur le serveur :

Zip - 1.3 Mo
Squelette et plugins

-  Quatrième étape : éditer le squelette avec le plugin skel editor, téléchargé sur spip-contrib.net/Skel-Editor-an-online-templates et activé dans l’espace de rédaction ; modifier la couleur de fond de page en remplaçant la valeur hexadécimale #FFFFFF (blanc) par la valeur d’une couleur choisie sur la palette d’un site comme : http://www.jokconcept.net/codes-couleurs-hexdecimal.php :

Zip - 1.7 Mo
Modifier la couleur des pages

-  Cinquième étape : ajouter un commentaire devant la ligne d’instruction qui appelle la date et l’auteur de l’article de la page d’accueil :

Zip - 781.5 ko
Commentaire dans sommaire.html

-  Sixième étape : supprimer la boucle qui appelle l’affichage des derniers articles sur la page de sommaire et créer le mot-clé « accueil » :

Zip - 1.5 Mo
Supprimer une boucle et créer un mot-clé

-  Septième étape : créer une boucle « accueil » à l’aide de l’éditeur de boucles téléchargeable ici : http://www.glums.com/serveur/spip/squelette/, afin de n’afficher en première page du site que le seul article auquel est affecté le mot-clé « accueil » :

Zip - 1.6 Mo
Créer une boucle

-  Huitième étape : créer un rédacteur, modifier le mot de passe de l’administrateur dans l’espace privé :

Zip - 733.1 ko
Créer et modifier un auteur

-  Neuvième étape : sauvegarder les données dans un fichier .xml, sachant qu’il faut également sauvegarder le répertoire « squelette », celui des plugins et le réperoire « IMG », qui contient les images téléchargées sur le site, si l’on veut sauvegarder l’intégralité du contenu du site :

Zip - 465.8 ko
Sauvegarder les données
Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Typographie avancée

    3 mars 2010 – 2 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    « Typographie avancée » active automatiquement un grand nombre d’automatismes destinés à affiner la typographie des textes produits par SPIP. Nécessite PHP 5 au minimum. « Typographie avancée » est l’adaptation, pour SPIP, de la classe « PHP Typography », (...)

  • Plugin Convertisseur

    24 février 2008 – 15 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Convertit différents formats d’articles (wiki, docx, pdf, etc..). en format SPIP (texte avec les raccourcis typographiques SPIP)

  • Thèmes pour l’interface privée

    22 février 2010 – 4 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un sélecteur d’interfaces graphiques pour l’espace privé de SPIP 2.1. Une petite collection d’interfaces est livrée avec le plugin. Ce plugin permet à chaque participant à l’espace privé de sélectionner sa propre interface graphique en fonction de ses (...)

  • Albums

    8 novembre 2011 – 29 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet d’afficher une ou plusieurs galeries d’images au fil du texte, dans les articles et ailleurs. Qui rédige un récit de voyage, par exemple, aimerait pouvoir illustrer son article de plusieurs petites séries de photos, une par jour. Or (...)

  • Navigation AJAX

    31 janvier – 17 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)