La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

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:

1 Documentation pour webmestre site sud-aerien.org

2 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…

3 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 lordre suivant pour un affichage correct sous IE6 et entete 2 - wrapper 4 - pied [ 2a – navigation]3 - extra 0 - page

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

5 Blocs CSS de lentête id="entete"

6 Blocs CSS de lentête id="entete" id="sigle" Défini dans lEspace privé : configuration/contenu du site

7 Blocs CSS de lentête id="entete" id="sigle" Défini dans lEspace privé : configuration/contenu du site id="entete_milieu"

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

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

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

11 Blocs CSS du Corps de page (wrapper)

12 id="wrapper"

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

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

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

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

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

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

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

20 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)

21 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 daffiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche »

22 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 daffiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche » id="sections" Titre de larticle le plus récent (et < 6 mois) par section syndicale et par ordre chronologique

23 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 daffiche en documents joints appelés "sud_affiche" des 2 articles les plus récents avec mots clé= « affiche_gauche » id="sections" Titre de larticle 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)

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

25 Blocs CSS colonne droite du sommaire (extra) F id="formulaire_recherche" dans le site Publication animée daffiches en documents joints de larticle 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans lEspace privé/Configuration/jQuery Cycle

26 Blocs CSS colonne droite du sommaire (extra) F id="formulaire_recherche" dans le site Publication animée daffiches en documents joints de larticle 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans lEspace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !)

27 Blocs CSS colonne droite du sommaire (extra) F id="formulaire_recherche" dans le site Publication animée daffiches en documents joints de larticle 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans lEspace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !) class="solidaires" 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

28 Blocs CSS colonne droite du sommaire (extra) F id="formulaire_recherche" dans le site Publication animée daffiches en documents joints de larticle 1252 référencé dans le code du « modèle » utilisé dans la page sommaire.html et paramétrage dans lEspace privé/Configuration/jQuery Cycle id="affiche" Publication des logos des rubriques avec mot- clé = « affiche_droite » (limiter le nb !) class="solidaires" 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)

29 Blocs CSS colonne centrale du sommaire (content) id="contenu" y

30 Blocs CSS colonne centrale du sommaire (content) id="contenu" y y class="edito"

31 Blocs CSS colonne centrale du sommaire (content) id="contenu" y y class="edito" y Présente le ou les articles de la rubrique ACTUALITES / 1.edito

32 Blocs CSS colonne centrale du sommaire (content) id="contenu" y y class="edito" y Présente le ou les articles de la rubrique ACTUALITES / 1.edito y Présente le ou les articles de la rubrique ACTUALITES / 2.Tracts nationaux avec le mot clé=article_une (dans squelette_habillage)

33 Blocs CSS colonne centrale du sommaire (content) id="contenu" y y class="edito" y Présente le ou les articles de la rubrique ACTUALITES / 1.edito y Présente le ou les articles de la rubrique ACTUALITES / 2.Tracts nationaux avec le mot clé=article_une (dans squelette_habillage) y Affiche dans lordre chronologique, les derniers articles publiés dans les différentes rubriques du site et paginés par groupe de 10 articles

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

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

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

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

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

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

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

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

42 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

43 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

44 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

45 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

46 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 class="web" liste des sites référencés dans la rubrique

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

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

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

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

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

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

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

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

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

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


Télécharger ppt "Documentation pour webmestre site sud-aerien.org."

Présentations similaires


Annonces Google