Ir al contenido

Inicio
ETSIINF en Twitter ETSIINF en Facebook
Inicio > Servicios > Sistemas de información > WWW > Guía de estilo

Guía de estilo

La presente guía tiene como objetivo mantener homogéneas todas las páginas que conforman la web de la Facultad así como facilitar los elementos que se han utilizado para conseguir una percepción sencilla, clara, coherente, funcional y atractiva.

Recomendaciones básicas para crear o modificar contenido

Estructura de las páginas

Cabecera

A la izquierda se sitúan las imágenes activas del escudo de la facultad y de la UPM y a la derecha una imagen distinta para cada una de las secciones de primer nivel del menú principal

Menú principal

Incluye los dos primeros niveles del árbol de contenidos. Se verá desplegado en distinto color las subsecciones del menú seleccionado

Menú de utilidades

En posición horizontal de color azul donde se encuentran activos los enlaces de mayor utilidad

Recorrido

Nos indica el recorrido donde se encuentra ubicado el contenido donde nos encontramos. Cada una de las secciones están activas para facilitar la navegación

Contenido

Pie

Contiene los iconos activos de los estándares que pretendemos cumplir y la fecha de última modificación de la página.

Recursos comunes definidos en la hoja de estilo

Título de página H1

Subtítulos principales H2

Secciones H3

Subsecciones H4

Iconos

Tablas

En principio no hace falta definir ningún atributo pues la hoja de estilos ya tiene definido cada uno de los elementos de la tabla. (tr, th, td)

 

Planta sótano Planta primera Planta segunda Planta tercera
Bloque II Manteniento Dia DLSIIS
Bloque III Manteniento DIA DLSIIS
Bloque IV Manteniento DIA DLSIIS

Tarjeta de presentación del servicio o unidad organizativa

Vicedecanato de Alumnos

v.alumnos@fi.upm.es
Teléfono: 91 336 66 07
Fax: 91 336 74 12

 

class="contacto"

Tarjeta de presentación personal

Dra. Ernestina Menasalvas Ruiz
(Vicedecana de Doctorado y Postgrado)
doctorado@fi.upm.es
Teléfono: 91 336 6447

 

class="card"

 

Es importante utilizar un separador después de utilizar estas dos clases o detrás de las imágenes

class="separador"

Recuadro para resaltar los avisos

Aviso: Los alumnos matriculados en cursos de doctorado que todavía no tengan el carnet Universitario, pueden solicitarlo en la Secretería del centro.

class="aviso"