Documentation pour webmestre site sud-aerien.org

Slides:



Advertisements
Présentations similaires
Créer un site web en équipe
Advertisements

Présentation générale de SPIP Fonctionnalités principales dun CMS La séparation entre contenu et présentation Susciter linteractivité en interne et en.
Conception de Site Webs Interactifs Cours 4
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Guide rapide pour le gestionnaire Etape
PRÉSENTATION DU SITE ACADÉMIQUE SBSSA
Tutoriel SPIP Rédacteur.
La rédaction dun article Accès à lespace privé Sélectionnez lespace privé
Le site-en-kit pour les locales 0. Présentation. 1. Le principe de base : un site public + un site de gestion A partir de nimporte quel navigateur, vous.
Préparé par M. Abdallah BELHASSANI - Centre de Calcul - ENSET d’Oran
Formation allégée à Pour les membres du réseau RBD Santé Maria Sugero et Samuel Piret – Décembre 2009.
ONRN V2 Guide de contribution. Organisation des documents Listes de valeurs Ce répertoire contient les listes de valeurs qui sont utilisées pour qualifier.
Annuler les corrections automatiques Annuler les corrections automatiques « Régler » les CSS « Régler » les CSS Définir le site et utiliser une technologie.
Présentation générale. Définition La fonction dutilisateur détermine ce quil peut faire sur le site les tâches qui lui sont possibles deffectuer dans.
Qu'est-ce que Spip? Spip est un système de publication pour Internet (CMS Content Management System) En français, un système de gestion de contenu Il en.
Bibliothèque Patchouli
Mars 2013 Grégory Petit
Nouveau blog. WordPress connexion Nommez votre blog.
Utiliser la plateforme eTwinning
1 Guide de lenseignant-concepteur Vincent Riff 27 mai 2003.
18/05/ Utiliser le cahier de texte en ligne avec lapplication SPIP Adresse du site du lycée :
Les feuilles de style La mise en page
Ministère de la Justice/Tribunal de Commerce de Marrakech
I - Comprendre le plan du site : Nouveau site internet du CNGE.
Utilisation de SPIP comme rédacteur
HTML / CSS Gestion des systèmes d’information Classe terminale
Boucles et Balises SPIP 1.7.2
SPIP : Fonctionnement d’un SITE DYNAMIQUE avec CACHE
LAssistant Dreamweaver pour SPIP « Ce fichier PowerPoint est téléchargeable à ladresse : »
A L I M E N T A T I O N A G R I C U L T U R E E N V I R O N N E M E N T Présentation d’un site « clé en main »
Le langage du Web CSS et HTML
Créer un site internet facilement Jimdo – Pages to the People.
Google Apps                         .
LE CSS ISN Terminale S CSS Types de styles.
LE HTML ISN Terminale S Un peu d’histoire …
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
1 Utiliser un blog “écrire un billet ou un commentaire et le publier” Quelques données techniques: Un blog est une suite d’articles appelés billets, publiés.
Créer et Faire Vivre un Site Web Pédagogique Stage 09A013.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Création de site web école à l'aide de SPIP 7 avril 2006 Présenté par Jean-Marc Byette, Normand Dussault et Stéphane Lavoie.
User Tuto - Page 2 Vous connecter au blog Entrez les login / mot de passe que vous avez reçus par
Xi HUA Wenyun DAI Morgane GIRONA
SITE INTERNET « les fans de la ruelle en chantier »
Finalisation des sites témoins de circonscription - Jeudi 19 mars
Une projet transversal et transdisciplinaire
Plan de formation Publisher
Permet de simplifier la maintenance d’un site
pour les nouveaux sites
Refonte du site internet
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Cours de HTML suite applications
Contribution CMS.Eolas
24 octobre 2012 Grégory Petit
1 Madeleine Hébert MSI. 2 3 Objectifs de la formation 1.Ouvrir la base de données (bibliothèque) Zotéro 2.L’alimenter: Importer des références bibliographiques.
Language html Hyper Text Markup Language
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Dreamweaver (2) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
DREAMWEAVER SÉANCE 2 SI28 Jonathan Barone – Thomas Lulé.
Conception de site web. Place du Web dans le monde  Entreprises  Commerce électronique  Réseaux sociaux  Les municipalités  Les partis politiques.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Publier dans l’ENT Où? Quoi? Pour qui? Comment?. Les différentes rubriques Vie de l'établissement Intranet Classes Espaces Pédagogiques.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Tutoriel ‘Création de contenus’
Transcription de la présentation:

Documentation pour webmestre site sud-aerien.org

Documentation pour webmestre site sud-aerien.org La structure des pages est décrite dans les fichiers du répertoire www/squelettes / sommaire.html, rubrique.html, article.html, contact.html, login_public.html, mentions_legales.html, etc…

Documentation pour webmestre site sud-aerien.org La mise en page est basée sur les descriptions des différentes parties ou blocs décrite dans le fichier CSS (Cascading Style Sheets) : www/squelettes/ sudaerien_2012.css et dans l’ordre suivant pour un affichage correct sous IE6 et 7 1 - entete 2 - wrapper 4 - pied [ 2a – navigation] 3 - extra 0 - page

Blocs CSS de la page sommaire Entête Commun à toutes les pages Corps de page (wrapper) Pied de page Commun à toutes les pages

Blocs CSS de l’entête  id="entete"

Blocs CSS de l’entête id="sigle" Défini dans l’Espace privé : configuration/contenu du site  id="entete"

Blocs CSS de l’entête id="sigle" id="entete_milieu" Défini dans l’Espace privé : configuration/contenu du site  id="entete"  id="entete_milieu"

class="nav_top" codé dans squelettes/inclure Blocs CSS de l’entête  id="sigle"   Défini dans l’Espace privé : configuration/contenu du site class="nav_top"   codé dans squelettes/inclure /entete-haut.html  id="entete"  id="entete_milieu"

Blocs CSS de l’entête id="sigle" id="entete_milieu" Défini dans l’Espace privé : configuration/contenu du site class="nav_top"   codé dans squelettes/inclure /entete-haut.html  id="entete"  id="entete_milieu" class="banniere" Image modifiable dans l’Espace privé : Edition/Bannières

Blocs CSS de l’entête id="sigle" Défini dans l’Espace privé : configuration/contenu du site class="nav_top"   codé dans squelettes/inclure /entete-haut.html  id="entete"  id="entete_milieu" class="banniere" Image modifiable dans l’Espace privé : Edition/Bannières  id="barre_nav"  paramétré dans l’Espace privé : configuration/CFG /Menu déroulant Babbibel et style dans squelettes/menu_babbi.css

Blocs CSS du Corps de page (wrapper)

Blocs CSS du Corps de page (wrapper) id="wrapper"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="content"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="content"  id="navigation"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="content"  id="extra"  id="navigation"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="contenu" id="content"  id="extra"  id="navigation"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="contenu" id="content"  id="extra"  id="navigation"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="contenu" id="content"  id="extra"  id="navigation"

Blocs CSS du Corps de page (wrapper) id="wrapper" id="contenu" id="content"  id="extra"  id="navigation" 1 - entete 2 - wrapper 4 - pied [ 2a – navigation] 3 - extra 0 - page

Blocs CSS colonne gauche sommaire (navigation) id="videos" Contient les logos des 2 articles les plus récents de la rubrique video (id_rubrique=208)

Blocs CSS colonne gauche sommaire (navigation) id="videos" Contient les logos des 2 articles les plus récents de la rubrique video (id_rubrique=208) id="affiche" Publication d’affiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche »

Blocs CSS colonne gauche sommaire (navigation) id="videos" Contient les logos des 2 articles les plus récents de la rubrique video (id_rubrique=208) id="affiche" Publication d’affiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche »  id="sections" Titre de l’article le plus récent (et < 6 mois) par section syndicale et par ordre chronologique

Blocs CSS colonne gauche sommaire (navigation) id="videos" Contient les logos des 2 articles les plus récents de la rubrique video (id_rubrique=208) id="affiche" Publication d’affiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche »  id="sections" Titre de l’article le plus récent (et < 6 mois) par section syndicale et par ordre chronologique class="web" Titre des 2 articles les plus récents des sites web référencés dans la rubrique 1 (Actualités)

Blocs CSS colonne droite du sommaire (extra) F  id="formulaire_recherche" dans le site

Blocs CSS colonne droite du sommaire (extra) F  id="formulaire_recherche" dans le site Publication animée d’affiches en documents joints de l’article 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans l’Espace privé/Configuration/jQuery Cycle Dans Sommaire.html …. <div> [(#MODELE{sjcycle}{id_sjcycle=1252,width=210,height=285,lien_article=1252})] </div>

Blocs CSS colonne droite du sommaire (extra) F  id="formulaire_recherche" dans le site Publication animée d’affiches en documents joints de l’article 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans l’Espace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !) Dans Sommaire.html …. <div> [(#MODELE{sjcycle}{id_sjcycle=1252,width=210,height=285,lien_article=1252})] </div>

Blocs CSS colonne droite du sommaire (extra) F  id="formulaire_recherche" dans le site Publication animée d’affiches en documents joints de l’article 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans l’Espace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !) class="solidaires" Dans Sommaire.html …. <div> [(#MODELE{sjcycle}{id_sjcycle=1252,width=210,height=285,lien_article=1252})] </div> Publication du « texte » de la rubrique 49 (solidaires) avec les 4 vidéos du « wall » Dailymotion suivi des titres des derniers articles « en syndication » du site solidaires

Blocs CSS colonne droite du sommaire (extra) F  id="formulaire_recherche" dans le site Publication animée d’affiches en documents joints de l’article 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans l’Espace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !) class="solidaires" Dans Sommaire.html …. <div> [(#MODELE{sjcycle}{id_sjcycle=1252,width=210,height=285,lien_article=1252})] </div> Publication du « texte » de la rubrique 49 (solidaires) avec les 4 vidéos du « wall » Dailymotion suivi des titres des derniers articles « en syndication » du site solidaires class="breves" Titres des dernières brèves de la rubrique 1 (actualités)

Blocs CSS colonne centrale du sommaire (content) y id="contenu" <INCLURE{fond=inclure/contenu_sommaire}{doublons}{env}{ajax}> <INCLURE{fond=inclure/articles_recents}{doublons}{env}{ajax}>

Blocs CSS colonne centrale du sommaire (content) y id="contenu" y  class="edito" <INCLURE{fond=inclure/contenu_sommaire}{doublons}{env}{ajax}>

Blocs CSS colonne centrale du sommaire (content) y id="contenu" y  class="edito" Présente le ou les articles de la rubrique ACTUALITES / 1.edito y <INCLURE{fond=inclure/contenu_sommaire}{doublons}{env}{ajax}> [(#REM) inclure / contenu_sommaire] <div class="edito"> <!-- Centre sommaire edito + autres articles sur 1 colonnes --> <ul> <BOUCLE_edito(ARTICLES){id_rubrique=64} {par date} {inverse}{doublons} {0,1}> <li class="hentry"> [(#LOGO_ARTICLE_RUBRIQUE|#URL_ARTICLE|image_reduire{150,100})] [<div class="surtitre">(#SURTITRE)</div>] <h3 class="entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></h3> <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|affdate_jourcourt)]</abbr>[, <:par_auteur:> (#LESAUTEURS)]</small> [<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION)</div>] </li> </BOUCLE_edito> </ul> <BOUCLE_une(ARTICLES){id_mot=304} {par date} {inverse}{doublons}> [<div class="#EDIT{intro} introduction entry-content"><a href="#URL_ARTICLE" rel="bookmark">(#INTRODUCTION)</a></div>] </BOUCLE_une> </div><!-- menu edito --> <br />

Blocs CSS colonne centrale du sommaire (content) y id="contenu" y  class="edito" Présente le ou les articles de la rubrique ACTUALITES / 1.edito y y Présente le ou les articles de la rubrique ACTUALITES / 2.Tracts nationaux avec le mot clé=article_une (dans squelette_habillage) [(#REM) inclure / contenu_sommaire] <div class="edito"> <!-- Centre sommaire edito + autres articles sur 1 colonnes --> <ul> <BOUCLE_edito(ARTICLES){id_rubrique=64} {par date} {inverse}{doublons} {0,1}> <li class="hentry"> [(#LOGO_ARTICLE_RUBRIQUE|#URL_ARTICLE|image_reduire{150,100})] [<div class="surtitre">(#SURTITRE)</div>] <h3 class="entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></h3> <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|affdate_jourcourt)]</abbr>[, <:par_auteur:> (#LESAUTEURS)]</small> [<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION)</div>] </li> </BOUCLE_edito> </ul> <BOUCLE_une(ARTICLES){id_mot=304} {par date} {inverse}{doublons}> [<div class="#EDIT{intro} introduction entry-content"><a href="#URL_ARTICLE" rel="bookmark">(#INTRODUCTION)</a></div>] </BOUCLE_une> </div><!-- menu edito --> <br />

Blocs CSS colonne centrale du sommaire (content) y id="contenu" y  class="edito" Présente le ou les articles de la rubrique ACTUALITES / 1.edito y y Présente le ou les articles de la rubrique ACTUALITES / 2.Tracts nationaux avec le mot clé=article_une (dans squelette_habillage) [(#REM) Derniers articles ] <BOUCLE_exclure(ARTICLES){titre_mot=article_une}{doublons}> </BOUCLE_exclure> <B_articles_recents> <div class="menu articles"> [(#ANCRE_PAGINATION)] <h2><:derniers_articles:></h2> <ul class="articles_recents"> <BOUCLE_articles_recents(ARTICLES){doublons}{par date}{inverse} {pagination 10}> <li class="hentry"> <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|affdate_jourcourt)]</abbr>[, <:par_auteur:> (#LESAUTEURS)]</small> [(#LOGO_ARTICLE_RUBRIQUE|#URL_ARTICLE|image_reduire{150,100})] <h3 class="entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></h3> [<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION)</div>] </li> </BOUCLE_articles_recents> </ul> [<p class="pagination">(#PAGINATION)</p>]</div> <!--menu articles--> </B_articles_recents> y Affiche dans l’ordre chronologique, les derniers articles publiés dans les différentes rubriques du site et paginés par groupe de 10 articles

Blocs CSS de la page article Entête Commun à toutes les pages Corps de page (wrapper) Pied de page Commun à toutes les pages

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours id="wrapper"

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours id="wrapper" id="main"

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours id="wrapper" id="main" id="contenu"

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours id="wrapper" id="main" id="contenu"  class= "boite-article"

Blocs CSS du corps de la page article id="hierarchie" liste des RUBRIQUES de la racine du site à la rubrique ou à l’article en cours id="wrapper" id="main" id="contenu"  class= "boite-article"  id="extra" Liste des documents joints à l’article

Blocs CSS du corps de la page article F  id="formulaire_recherche »

Blocs CSS du corps de la page article F  id="formulaire_recherche »  class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique

Blocs CSS du corps de la page article F  id="formulaire_recherche »  class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique class="breves" Affiche les titres des 5 dernières brèves dans la même rubrique

Blocs CSS du corps de la page article F  id="formulaire_recherche »  class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique class="breves" Affiche les titres des 5 dernières brèves dans la même rubrique class="mot-cle" Affiche les titres des articles avec les mêmes mots-clés par mots clés

Blocs CSS du corps de la page article F  id="formulaire_recherche »  class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique class="breves" Affiche les titres des 5 dernières brèves dans la même rubrique class="mot-cle" Affiche les titres des articles avec les mêmes mots-clés par mots clés class="auteur" Affiche les autres articles du même auteur

Blocs CSS du corps de la page article F  id="formulaire_recherche »  class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique class="breves" Affiche les titres des 5 dernières brèves dans la même rubrique class="mot-cle" Affiche les titres des articles avec les mêmes mots-clés par mots clés class="auteur" Affiche les autres articles du même auteur liste des sites référencés dans la rubrique     class="web"

Blocs CSS du corps de la page contact id="hierarchie"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" id="coordonnees"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   id="coordonnees"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   class="droite"   id="coordonnees"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   class="droite"   Plugin : imagemap_departements  id="coordonnees"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   class="droite"   Plugin : imagemap_departements  id="coordonnees" class="carte_de_visite"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   class="droite"   Plugin : imagemap_departements  id="coordonnees" class="carte_de_visite" id="pied"

Blocs CSS du corps de la page contact id="hierarchie" id="wrapper" id="carte_dept" class="gauche"   class="droite"   Plugin : imagemap_departements  id="coordonnees" class="carte_de_visite" id="pied"