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
- Si es nuevo, localizar en el mapa web dónde queremos ubicar dicho contenido teniendo en cuenta su utilidad y nunca su referencia organizativa; es decir, si es un recurso o es un trámite o es una actividad, etc., independientemente de porder referenciarse, una vez creada, en otras zonas del web.
- Utilizar elementos del lenguaje XHTML que sean compatibles con los visores de web tanto de Microsoft como de Netscape
- Debe valorarse la inclusión de gráficos en relación a los tiempos de carga que serían necesarios si el acceso a la página se realiza a través de conexiones de baja velocidad. Las definición de las dimensiones del gráfico a través de los parámetros HEIGHT y WIDTH y la colocación estarán predefinidas en el css.
- Favorecer una lectura cómoda de la página.Para ello utilizaremos, en principio, exclusivamente los elementos que están definidos en la hoja de estilo y que se detallan como recursos mas adelante
- Utilizar H1 para el título principal de la página, h2 para subtílulos destacados (está sombreado), y así sucesivamente H3 y H4 teniendo en cuenta que no es una cuestión simplemente estética, es decir, no puede haber h3 si no existe h1 y h2 . Es importante también destacar que h1 y h2 no deben ser enlaces referenciales.
- Se debe tener especial cuidado con la ortografía de los contenidos y en la redacción de los mismos.
- Se deben ulitizar las distintas clases de elementos para identificar los distintos tipos de enlaces refernciados para que aparezcan los iconos correspondientes (pdf, word, excel,...)
- Utilizad las tablas sólo en el caso de tablas de datos, nunca para enmarcar, pues para eso se han definido elementos en la hoja de estilo que lo hacen (contacto, card, aviso, cartel).
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"