Introducción

Elementos necesarios

Con el fin de normalizar la estructura de los contenidos y el diseño de nuevos portales o páginas que puedan surgir, este manual de estilo intenta facilitar las opciones de diseño disponibles y homogeneizar criterios a la hora de crear nuevos contenidos y sitios web.

Con el fin de facilitar la visualización en dispositivos móviles, las páginas creadas tendrán obligatoriamente un comportamiento responsivo, al igual que todos los elementos que estén contenidos en ellas.

Para poder utilizar los estilos de la web institucional necesitará incorporar a su página varios ficheros de estilos y javascript. Si está creando un site fuera de la herramienta del gestor institucional,  lo más indicado es que se copie los ficheros a su estructura propia. Las URL se indican a continuación.


CSS

<link type="text/css" media="screen" rel="stylesheet" href="https://www.ucm.es/themes/ucm16/css/ucm.css" />
<link type="text/css" media="screen" rel="stylesheet" href="https://www.ucm.es/themes/ucm16/css/ucm-wg.css /> 

También se utiliza el framework Bootstrap para facilitar el diseño adaptable, se han reescrito alguno de los estilos originales para personalizarlos. Por lo que se tendrá que incluir varios ficheros con las clases modificadas.

<link type="text/css" media="screen" rel="stylesheet" href="https://www.ucm.es/themes/ucm16/css/bootstrap.css />
<link type="text/css" media="screen" rel="stylesheet" href="https://www.ucm.es/themes/ucm16/css/ucm-theme.css />

Se ha incorporado la libreria de iconos Fontawesome, si se quiere utilizar alguno de sus iconos se tendría que incorporar en su servidor los ficheros correspondientes y incorporar en sus páginas los enlaces a dichos ficheros.

JavaScript

Es necesario incorporar ficheros Javascript para el correcto funcionamiento de Bootstrap y eventos de la página.

<script type="text/javascript" src="http://www.ucm.es/themes/ucm16/js/jquery.min.js" ></script>
<script type="text/javascript" src="http://www.ucm.es/themes/ucm16/js/bootstrap.js" ></script>
<script type="text/javascript" src=" http://www.ucm.es/themes/ucm16/js/ucm.js" ></script>