A.-M. Cubat PMB – Construction du portail – Concepts et exemples
Source : http://amcubat.be/docpmb/portail-construction-concepts-exemples
Page 30
Prenons le cas de la phrase que vous avez mise en exergue dans une citation.
Cette « pauvre phrase » est la victime innocente d’une série d’ordres contradictoires !
En effet, vous lui imposez successivement les styles « corps du texte », « citation » et « extrait d’une citation ».
Que se passe-t-il au stade final ? Qu’advient-il de la phrase extraite de la citation ? Vous le savez déjà …
Elle n’aura pas le style « corps du texte » ni le style « citation », mais le style « extrait d’une citation »
Ceci illustre la règle de priorité : en cas de conflit entre plusieurs feuilles de style, c’est toujours le dernier niveau qui l’emporte, le niveau « le plus proche ».
Dans le cas de PMB en général et du portail en particulier, vous pouvez aussi définir les styles à différents niveaux :
La CSS de la feuille de style choisie (ex. genbib ou pmb4)
La CSS définie dans le paramètre default_style_addon
o
Si votre base est hébergée par exemple sur un serveur académique, il se peut que vous n’ayez pas aisément (ou pas du tout) accès au répertoire d’installation de PMB, et que vous ne puissiez donc pas modifier la feuille de style elle-même
(contenue dans le dossier /pmb/opac_css/styles) o
Dans ce cas, vous pouvez employer le paramètre default_style_addon, et y saisir des modifications de la feuille de style de départ (ex. taille d’une zone, couleurs …), modifications dont PMB tiendra compte au moment d’afficher l’OPAC.
La CSS définie directement dans le portail (dimensions, position d’une zone ou d’un cadre …)
C’est à nouveau le dernier niveau qui l’emporte, donc la CSS définie dans le portail.
C’est pourquoi on parle de « feuilles de style en cascade » : elles se succèdent … mais elles ne se ressemblent pas forcément.
Attention ! Les conflits de CSS peuvent générer de l’instabilité dans le portail, surtout s’ils concernent les dimensions et la position des zones (introduction, bandeau de gauche et de droite, page centrale, pied de page) !
Veillez à définir les zones dans la feuille de style-même, et essayez de ne pas changer leurs propriétés principales à d’autres niveaux de CSS.
C’est moins problématique si vous ne modifiez que la mise en forme du texte ou la charte graphique.
C
ONSEILS PRATIQUES
(4)
Changer de feuille de style
Remarques préliminaires
Ce changement se fait dans votre base de travail (pmb4perso), dans laquelle vous avez déjà restauré une copie partielle
de votre base réelle - au moins la configuration globale , surtout la table des paramètres (qui contient entre autres le
choix de la feuille de style et les liens en page d’accueil de l’OPAC), et les infopages éventuelles.
Adaptez dès le départ au moins 2 paramètres : l’URL de base de gestion, et l’URL de base de l’OPAC.
Il est indispensable de travailler dès le début avec « vos » paramètres : des divergences majeures entre les 2 bases risquent de provoquer des dysfonctionnements ultérieurs au moment de transférer les éléments du portail vers votre base en ligne, car vous avez peut-être oublié de faire l’une ou l’autre modification importante dans la base de test.
L’essentiel est d’avoir au départ la même configuration de l’OPAC dans les 2 bases.
Pour illustrer ce changement, cette évolution, j’ai choisi comme point de départ genbib (la feuille de style par défaut d’un
PMB standard), et le but est d’arriver à la feuille de style pmb4 (employée dans la démo du portail, et aussi par de nombreux bibliothécaires, même s’ils n’ont pas activé le portail).
Dans les exemples d’OPAC
que j’ai montrés, cela correspond à un passage de l’exemple n° 1 à l’exemple n° 3.
N.B. Dans mon cas, la base pmb4perso contient au départ les mêmes données que la démo, mais aucun élément du portail.
Elle symbolise donc sans problème la situation dans laquelle vous êtes au début du processus.
A.-M. Cubat PMB – Construction du portail – Concepts et exemples
Source : http://amcubat.be/docpmb/portail-construction-concepts-exemples
Page 31
Situation de départ : un PMB standard - feuille de style genbib
Paramétrage - Pour faciliter la comparaison entre feuilles de style
En page d’accueil, j’ai désactivé l’affichage des catégories (show_categ_browser = 0), afin que tout « tienne » en un écran.
Sinon, on ne voyait pas le pied de page, car la liste des descripteurs du thésaurus Agneaux est assez longue.
Aperçu des liens en page d’accueil
Biblio_main_header
(texte « Des services … »)
Biblio_preamble_p1
(photos)
Biblio_preamble_p2
(liens vers les infopages)
Biblio_important_p1
(liens externes)
Show_infopages_id = 5
Le texte « Astuce : Utilisez … » se trouve dans l’infopage n° 5
Lien_bas_supplementaire Biblio_name Lien_moteur_recherche
Le but est d’obtenir un affichage correct de la page d’accueil classique avec pmb4
En effet, les pages traditionnelles de l’OPAC restent visibles, même si on active le portail.
La nouvelle valeur du paramètre default_style est pmb4 Solution : effacer le contenu de biblio_preamble_p1 (photos)
Ce changement n’est sûrement pas une réussite graphique ! Ouf, il y a déjà une amélioration !
Rappel de la règle d’or : avant de modifier ou d’effacer le contenu d’un paramètre plus complexe (donc pas un simple choix entre 0 et 1), un copier-coller dans le champ commentaire ! Cela permet de retrouver la valeur initiale en cas de besoin.
A.-M. Cubat
biblio_preamble_p1
(lien vers le logo)
PMB – Construction du portail – Concepts et exemples
Source : http://amcubat.be/docpmb/portail-construction-concepts-exemples
Page 32
Comparaison afin de déterminer les modifications à faire
Version de démo du portail
biblio_preamble_p2
(message de bienvenue)
Biblio_preamble_p1
Vide (je venais d’effacer son contenu : les photos)
Je préfère créer un lien vers le logo, comme dans la démo
Biblio_preamble_p2
(liens vers infopages)
A garder ou à remplacer par un message de bienvenue suivant le contexte
Recherche par terme
Je préfère la supprimer, elle fait double emploi si on affiche les catégories
Un PMB standard que j’essaie d’adapter au style pmb4
Biblio_main_header
(texte « Des services … »)
On peut effacer le contenu, me semble-t-il
Biblio_important_p1
(liens externes)
A garder ou à effacer suivant le contexte.
Show_infopages_id
Le texte « Astuce : … »
A vous de voir si vous gardez l’infopage et le lien vers cette infopage.
Remplacer le contenu de biblio_preamble_p1 afin d’afficher le logo comme dans la démo
Supprimer la recherche par terme
Paramètre de l’OPAC : show_term_search = 0
Ce que je vais faire en guise d’exemple
Effacer le contenu des 2 paramètres : biblio_main_header et show_infopages_id
Pour biblio_preamble_p2 et biblio_important_p1, je vais expliquer les options possibles en fonction du contexte :
version de la page d’accueil de l’OPAC dans une base sans portail (peu importe la raison) version de la page catalogue de l’OPAC dans une (future) base avec portail
Que faire pour les paramètres biblio_preamble_p2 (liens vers les infopages ) et biblio_important_p1 (liens externes) ?
Si vous voulez changer de feuille de style en ligne, mais sans activer le portail pour le moment
o
Soit parce que vous ne pensez pas au portail dans l’immédiat, soit parce que votre portail est en cours d’élaboration ailleurs, et que vous devez garder entretemps un OPAC « classique » en production o
Dans ce cas, vous allez probablement conserver pour le moment les liens vers les infopages et les liens externes, sinon vous rendriez certaines infos importantes temporairement inaccessibles pour les lecteurs o
Ceci vous permet en tout cas de changer de feuille de style avant l’inauguration officielle du portail, d’habituer les lecteurs à cette nouvelle interface, et de réaliser éventuellement qu’il y a encore un ou deux petits problèmes graphiques
à régler (il vaut mieux s’en rendre compte maintenant que plus tard)
Si vous changez de feuille de style dans la base de travail, celle où vous êtes en train de construire le portail
o
Il est plus que probable que (presque) toutes vos infopages disparaîtront lorsque le portail sera finalisé, donc vous remplacerez assez vite les liens vers ces infopages par un message de bienvenue. o
N’oubliez quand même pas que des infopages ont existé. Tenez-en compte au moment où vous élaborez l’arborescence des rubriques et où vous rédigez des articles, ces infos doivent se retrouver ailleurs. o
Même si les liens externes ne se présentent plus sous la forme actuelle, il faudra aussi réfléchir à leur avenir : où les mettre, en ajouter éventuellement, comment les structurer, etc.
A vous de choisir, de toute façon.
C’est pourquoi j’insiste sur le fait de prendre des notes précises dans votre journal de bord
. Il n’est pas sûr que
certaines modifications se fassent simultanément dans la base de travail et dans la base en ligne.
A.-M. Cubat
Biblio_preamble_p2
(liens vers infopages)
On peut garder ces liens provisoirement.
Plus tard, on pourra employer le module
« menu » du portail.
Recherche par terme
Je l’ai désactivée.
PMB – Construction du portail – Concepts et exemples
Source : http://amcubat.be/docpmb/portail-construction-concepts-exemples
Page 33
Voilà l’impact d’une première série de modifications
J’ai effacé le contenu de ces paramètres, les messages et les liens externes ont donc disparu.
Biblio_main_header
(texte « Des services … »)
Biblio_important_p1
(liens externes)
Show_infopages_id
Le texte « Astuce : … »
.
Suite des modifications : afficher un message de bienvenue au lieu des liens vers les infopages
Biblio_preamble_p2
(un bref message de bienvenue)
Si on met seulement le texte (sans <div id
="
>), l’affichage est moins beau : le texte n’est pas en diagonale ni en blanc
Vu qu’il n’y a qu’une seule ligne à copier, je vous ai épargné la peine de chercher dans la démo du portail ;-)
Début du script dans la démo du portail
<div id="titre_bienvenue">Bienvenue sur le Portail de la Bibliothèque</div>
Début du script dans pmb4perso
<div id="titre_bienvenue">Bienvenue dans notre bibliothèque</div>
Solution : copier-coller dans votre base la 1 e
ligne du script html qui est dans le biblio_preamble_p2 de la démo du portail, et remplacer le texte original par celui que vous voulez afficher.
Solution valable seulement pour la feuille
de style pmb4 !
Dernière modification : afficher le logo
Biblio_preamble_p2
(lien vers le logo)
Dans la démo, ce lien est cliquable, et il renvoie vers la page d’accueil de l’OPAC.
Mini-cours de html (1)
Mini-cours de html (2)
Lien cliquable sur du texte
<a href="./index.php">Accueil</a>
<a href=". >
début de la balise <a> href="./index.php"
URL de destination (page d’accueil)
Accueil
D’où on part, la source
Le mot « Accueil » est cliquable
</a>
Fin de balise
Lien cliquable sur image <a href="./index.php"><img src="./images/site/docpmb_url.jpg" alt="logo" /></a>
Ici, les 2 URL (la destination = page d’accueil et la source = fichier image) sont relatives par rapport au répertoire de départ : pmb/opac_css/
Le script index.php est dans le répertoire pmb/opac_css/ L’image docpmb_url.jpg se trouve dans le répertoire pmb/opac_css/images/site/
<a href=" "> href="./index.php"
<img src=" " /> alt=" "
</a>
Début de la balise <a>
URL de destination (là où on va = page d’accueil de l’OPAC)
URL de la source (d’où on part = ce qui cliquable - ici image)
Texte alternatif qui apparaît si l’image n’est pas disponible
Fin de balise a = anchor (une ancre, un lien) href = hyperlink reference img src = image source
(source de l’image = URL du fichier) alt = alternate text (texte alternatif)
Finalement, c’était beaucoup plus simple que prévu !
Toutefois, c’est un peu trompeur, la transition de genbib vers pmb4 était particulièrement aisée.
Ce n’est hélas pas toujours le cas ;-)
