SPIP.

Slides:



Advertisements
Présentations similaires
Créer et Faire Vivre un Site Web Pédagogique Stage 09A013.
Advertisements

Boîte à outils pour le TwinSpace CRDP – 15/05/2013 eTwinning et les possibilités du TwinSpace C Sebillaud.
GCstar Gestionnaire de collections personnelles Christian Jodar (Tian)
Mode d'emploi de la Main Courante des Territoires.
Guide d’utilisation de Wiki-AfricaRice Share Space.
SPIP Un logiciel libre pour la gestion d'un site web d'informations SPIP.
1.Un source map 2.Une présentation synthétique des enjeux de la controverse 3.Une cartographie de la controverse 4.Une chronologie de la controverse 5.Un.
SITC 10 rue de la libération Bâtiment C Neuilly-sur-Marne Processus création et envoi de newsletter changement du mot de passe.
Créer un site Web avec Eva Spip Première approche B. Gugger – Mars 2006 – Département RTC.
Utilisation des squelettes Association Rhizomes – 11 août 2006.
Initiation à QuickPlace, janvier Initiation à QuickPlace n Nature de l'outil n Fonctions de base (lecture, création) n Fonctions de gestionnaire.
Les instructions pour la création de cette présentation sont incluses dans la page de commentaires de chaque diapositive. Dans le menu Affichage, cliquez.
Service de Formation Continue Technologie Web HTML et sémantique Gagner en simplicité et efficacité avec un code HTML respectueux des standards G. Chagnon.
Toulibre : présentation de... xhtml + css par Rémy Sanchez.
Publication collaborative ➔ Présentation de Centra ➔ SPIP : les principes éditoriaux ➔ Les plugins : première approche ➔ Les fichiers SPIP : un tour du.
Master ESEEC Rédaction de documents (longs) structurés Patrice Séébold Bureau 109, Bât B.
Octobre 2013 Smartweb Refonte des sites Internet AIDE – K-Sup v6.
Utiliser le nouveau site internet du lycée niort/
Mouvements spécifiques 2017
Création de site web Langage & programmation.
TUTORIEL DIAPORAMA CONCEPTION D'UN DIAPORAMA.
François Charron Référencement 101.
Les boites texte et dossier
[Titre de l’affiche] Lorem ipsum dolor sit amet, consectetuer adipiscing elit maecenas porttitor congue massa fusce [Remplacez les noms et titres suivants.
Tutoriel ‘Création de contenus’
Publication site AROEVEN
Editeur de texte Si vous copiez/collez du texte en provenance d’un autre logiciel (Word, par exemple), prenez soin de le « nettoyer » pour respecter la.
Formation Portail IDE 2014.
Votre brochure d’entreprise
<nom du groupe de travail>
Présentation du site
FORMATION DES POINTS FOCAUX SUR LE SYSTEME CountrySTAT basé sur FENIX
HTML.
Les standards du web.
Titres 1 : rouge - fond jaune – gras
fonctionnalités iiS iis
HTML & css.
D3 – Produire, traiter, exploiter et diffuser des documents numériques
Titre de votre événement
Nouvelles balises de structure
Confluence (wiki) Bref guide pratique africarice
4. Les chapitres.
Module 1 : Réaliser un site internet
Cliquez et modifiez le titre en Arial 20 gras
Ajouter un titre <title> mon nouveau titre </title>
Présentation initiale
SPIP Pour faire un site sous Spip, voici une sélection d'outils.
Initiation à WordPress
AJAX et JQuery
Comment créer et administrer un blog Wordpress
Package R Markdown: Un outil pour générer des pages html avec R Studio
Langueauchat - Novembre Jacques Cartier
CSS et DREAMWEAVER (Suite et fin)  Les liens
G.ELGHOUMARI Université ParisII Panthéon-Assas
Cliquez et modifiez le titre en Arial 24 pt gras
Comment publier un article sur le site numavenir ?
Comment personnaliser Microsoft SharePoint Site web
Présentation du Campus Virtuel de MDE BUSINESS SCHOOL
G.ELGHOUMARI Université ParisII Panthéon-Assas
Comment utiliser l’application ?
2/24/2019 Outils informatiques Séance 2 : les styles 1 1.
Présentation du site Martine Cochet.
Titre de votre événement
Titre de votre événement
Module bibliothèques numériques : le format PDF
Confluence (wiki) Bref guide pratique africarice
Balises HTML.
Definition de html sommaire. Présentation de html, css et javascript Module 1.
Formation (x)HTML / CSS
Site web, Ce qu’il faut savoir ?
Transcription de la présentation:

SPIP

Système de gestion de contenu de site web Spip est synonyme d'écureuil dans certaines régions de Belgique Spip est le nom de l'écureuil dans la bande dessinée Spirou et Fantasio SPIP

SPIP

<. DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr"><head> <meta http-equiv="Content-Language" content="fr" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="revisit-after" content="5 days" /> <meta name="robots" content="index,follow" /> <title>GSRL Groupe Sociétés, Religions, Laïcités - PORTIER, Philippe </title> <link rel="stylesheet" type="text/css" href="styles/gsrl.css"> <link rel="stylesheet" type="text/css" href="styles/spip_style.css"> <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.gsrl.cnrs.fr/spip/rss.php3"> <script language="javascript" type="text/javascript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); var nomLabo = "GSRL Groupe Sociétés, Religions, Laïcités"; var nomCharset = "utf-8"; //--> </script> <script language="javascript" type="text/javascript" src="z-outils/outils.js"></script> </head> <body> <div class="bandeau-liens"> <img src="images/charte/trait-vertical.gif" alt=""> <a href="http://www2.cnrs.fr/band/2.htm" title="Présentation du CNRS">Le CNRS</a> <img src="images/charte/trait-vertical.gif" alt=""> <a href="http://www.cnrs.fr/shs/" title="Navigation en version texte">SHS</a> <img src="images/charte/trait-vertical.gif" alt=""> <a href="http://www2.cnrs.fr/band/5.htm" title="Les sites du CNRS">Autres sites CNRS</a> <img src="images/charte/trait-vertical.gif" alt=""> <a href='index.php%3Flang=en.html' title="English"> English</a> </div> Un site web c’est du code html (contenu et la mise en forme sont confondu) SPIP

Site web Forme Contenu SPIP

Contenu du site Vous SPIP

Mise en forme via squelette Informaticien SPIP

Partie publique Site web Partie privée : Pour modifier le contenu Partie publique Site web SPIP

Problème de sécurité SPIP INTERNET Copie du site en Brut Tous les soirs Copie du site en Brut Site sous SPIP Sensible aux attaques INTERNET Protection par mot de passe SPIP

Problème de sécurité SPIP Premier mot de passe commun au labo Site sous SPIP Sensible aux attaques Premier mot de passe commun au labo Deuxième mot de passe personnel pour la partie privée de SPIP SPIP

SPIP Site accessible à Internet (tout le monde) Mis à jour tous les soirs http://www.labo.cnrs.fr SPIP

(accessible aux personnels du laboratoire) Site public SPIP (accessible aux personnels du laboratoire) http://www.labo.cnrs.fr/spip/ SPIP

Vers la partie privée http://www.labo.cnrs.fr/spip/ecrire/ SPIP

Vers la partie privée http://www.labo.cnrs.fr/spip/ecrire/ SPIP

Partie privée SPIP

Partie privée –> publique spip

Résumé SPIP Partie privée http://www.labo.cnrs.fr/spip/ecrire/ Partie publique internet http://www.labo.cnrs.fr Copie tous les soirs Partie publique SPIP http://www.labo.cnrs.fr/spip/ SPIP

Rédacteur (tout le site) Type d’utilisateur Rédacteur (tout le site) Toute publication est soumise aux administrateurs Administrateur (tous pouvoirs sur tout ou une partie du site) SPIP

2 types d’objet dans le site Article = fichier Rubrique = dossier/répertoire SPIP

Partie privée SPIP

Arborescence SPIP Racine du site Rubrique 1 Rubrique 3 Article 1

Structure du site : arborescence de rubriques SPIP

Structure du site : arborescence de rubriques SPIP

Structure du site : Feuilles de l’arbres : articles SPIP

Article SPIP

Modifier l’article SPIP Titre Déplacer l’article Outils Images et documents déjà ajoutés Prévisualisation Corps du texte SPIP

Ne pas oublier d’enregistrer après modification SPIP

Outils SPIP Sélectionnez le texte puis cliquez sur l’outil Prévisualisation Puce Outils Italique Gras Note de bas de page Interligne (Titre de paragraphe) Lien Indenter un paragraphe Sélectionnez le texte puis cliquez sur l’outil SPIP

Raccourcis SPIP Fonctionnalités Code Interligne (Titre de paragraphe) {{{ }}} Gras {{ }} Italique { } Puces (ronde) * Premier élément * Deuxième élément Puces numérotées -# Premier élément -# Deuxième élément Puces numérotées avec sous-éléments -## 1er sous-élément -## 2ème sous-élément Puces (triangle) Premier élément Deuxième élément SPIP

Raccourcis SPIP Fonctionnalités Code Lien vers l’extérieur [texte->adresse] Lien vers un article [texte->X] Soit X le numéro de l’article Lien vers une rubrique [texte->rubX] Soit X le numéro de la rubrique Note de bas de page [[ texte de la note]] SPIP

Espacement SPIP Fonctionnalités Code Changer de paragraphe Une ligne vide Trait de séparation ---- Espacement plus grand <html> <br> </html> SPIP

Ajouter des documents et images 1) Choisir le fichier à charger 2) Le charger Image et/ou document ajoutés <doc107|center> 3) Ajouter au texte <doc107|center> <doc107|left> <doc107|right> SPIP

Ajouter un titre aux documents /images Cliquez sur le triangle Ajoutez ou modifiez un titre

(Rappel) Ne pas oublier d’enregistrer après modification SPIP

Etat d’un article SPIP

Etat d’un article SPIP

Créer une rubrique SPIP Se placer dans l’arborescence du site puis créer une sous-rubrique SPIP

Créer un article SPIP Se placer dans l’arborescence du site puis créer un article SPIP

Déplacer un article Allez dans « modifier cet article » SPIP

Déplacer un article Choisir une nouvelle rubrique SPIP

(Rappel) Ne pas oublier d’enregistrer après modification SPIP

A l’aide ! SPIP

Questions ? SPIP