El objetivo de este proyecto es guiar a los administradores de la páginas web de la Universidad a que añadan una cabecera común para todas las páginas de la Universidad con un fondo azul oscuro, el escudo y el texto «Universidad de Valladolid». Quedaría de esta forma:
Para establecer la cabecera común en las páginas de la Universidad debemos incluir un código HTML en todas nuestras páginas, normalmente dentro de la etiqueta <header> y en primer lugar. Es el siguiente:
<link rel="stylesheet" type="text/css" href="https://www.uva.es/resources/enterprise/css/cabeceracomun.min.css" crossorigin="anonymous">
<div class="cabecera-uva">
<a class="cabecera-uva-escudo" rel="noopener" href="http://www.uva.es" role="link"
alt="Escudo de la Universidad de Valladolid" aria-label="Escudo de la Universidad de Valladolid">
<img alt="Escudo de la Universidad de Valladolid"
src="https://www.uva.es/resources/enterprise/img/escudo.svg"
srcset="https://www.uva.es/resources/enterprise/img/escudo.svg">
<img alt="Texto Universidad de Valladolid"
src="https://www.uva.es/resources/enterprise/img/uva_logo.svg" srcset="https://www.uva.es/resources/enterprise/img/uva_logo.svg">
</a>
</div>
</div>Según la página o el gestor de contenidos usado, se deberá hacer de una manera diferente
Y aquí están los ficheros por si se quieren tener en el propio servidor en lugar de usar los ficheros que están en https://www.uva.es
Y esta la hoja de estilos del código HTML
.cabecera-uva{background-color:#0e1a4d;width:100%;margin:0}.cabecera-uva>.cabecera-uva-escudo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;vertical-align:middle;text-align:left;padding-top:.25em;padding-bottom:.25em}
.cabecera-uva>.cabecera-uva-escudo>img:first-child{max-height:5em;width:auto;margin:.5em .5em .5em auto}
@media(max-width:960px){.cabecera-uva>.cabecera-uva-escudo>img:first-child{margin-left:.5em}
}.cabecera-uva>.cabecera-uva-escudo>img:not(:first-child){max-height:3em;width:auto;margin:.5em auto .5em .5em}
@media(max-width:960px){.cabecera-uva>.cabecera-uva-escudo>img:not(:first-child){margin-right:.5em;width:100%}
}Si tienes cualquier duda o pregunta, puedes contactar con soporte-web@uva.es o la extensión 4771