Modèles de site web
Quatre modèles de ce qui peut être réalisé sur les sites web des portails et des collections sont accessibles sur les liens suivants :
Ils recensent les différents modèles de pages, d’en-tête et de pied de page et illustrent l’utilisation de la feuille de styles CSS commentée dans un guide dédié.
Informations générales
Plusieurs approches dans la construction du pied de page sont possibles. Les bases du fonctionnement sont exposées dans le guide principal.
Pied de page contenant les logotypes de tutelles
Au préalable, il est nécessaire de télécharger les images via Site Web/Ressources.
Ajoutez par la suite les logotypes et/ou les liens vers les sites web institutionnels via l’éditeur HTML WYSIWYG (What you see is what you get) accessible dans l’espace Site Web/Pied de page. Vous pouvez vous approprier le modèle ci-dessous, il suffit de copier-coller le code HTML.
<div class="custom-footer-outer row">
<div class="custom-footer-inner container">
<a href="https://www.enseignementsup-recherche.gouv.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_mesr.svg" alt="Ministère de l'enseignement supérieur et de la recherche"></a>
<a href="https://www.cnrs.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_cnrs.svg" alt="CNRS"></a>
<a href="https://www.inria.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_inria.svg" alt="Inria"></a>
<a href="https://www.inrae.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_inrae.svg" alt="INRAE"></a>
</div>
</div>
Cette approche est notamment illustrée dans le pied de page du modèle de site web n°1.
Date de dernière mise à jour : 2023-01