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…

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)

id="wrapper"

id="wrapper" id="content"

id="wrapper" id="content" id="navigation"

id="wrapper" id="content" id="extra" id="navigation"

id="wrapper" id="contenu" id="content" id="extra" id="navigation"

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)

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="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

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

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>

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>

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

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}>

y id="contenu" y class="edito" <INCLURE{fond=inclure/contenu_sommaire}{doublons}{env}{ajax}>

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">  <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> <br />

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">  <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> <br />

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>  </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

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

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

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

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="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

F id="formulaire_recherche »

F id="formulaire_recherche » class="art-rub" Affiche les titres des 5 derniers articles dans la même rubrique

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

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

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

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"

id="hierarchie" id="wrapper"

id="hierarchie" id="wrapper" id="carte_dept"

id="hierarchie" id="wrapper" id="carte_dept" id="coordonnees"

id="hierarchie" id="wrapper" id="carte_dept" class="gauche" id="coordonnees"

id="hierarchie" id="wrapper" id="carte_dept" class="gauche" class="droite" id="coordonnees"

id="hierarchie" id="wrapper" id="carte_dept" class="gauche" class="droite" Plugin : imagemap_departements id="coordonnees"

id="hierarchie" id="wrapper" id="carte_dept" class="gauche" class="droite" Plugin : imagemap_departements id="coordonnees" class="carte_de_visite"

id="hierarchie" id="wrapper" id="carte_dept" class="gauche" class="droite" Plugin : imagemap_departements id="coordonnees" class="carte_de_visite" id="pied"

Documentation pour webmestre site sud-aerien.org

Présentations similaires

Présentation au sujet: "Documentation pour webmestre site sud-aerien.org"— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back

Entrer

S'autoriser via un réseau social:

Documentation pour webmestre site sud-aerien.org

Présentations similaires

Présentation au sujet: "Documentation pour webmestre site sud-aerien.org"— Transcription de la présentation:

Présentations similaires

Notre projet

Feed-back