Página tipo Albox 1024 Versión 1.3 Diputación Provincial de
Anuncio
Página tipo Albox 1024
Versión 1.3
ÚLTIMA ACTUALIZACIÓN: 15/06/2011
1.
INTRODUCCIÓN............................................................................................................................. 2
2.
ESTRUCTURA ................................................................................................................................. 2
3.
GALERÍA DE IMÁGENES ............................................................................................................. 5
4.
COLORES ......................................................................................................................................... 6
5.
MENU NIVEL 3 ................................................................................................................................ 7
6.
URLS .................................................................................................................................................. 7
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
1
Página tipo Albox 1024
Versión 1.3
1. Introducción
Página Web diseñada mediante las últimas tecnologías en el diseño y
desarrollo de páginas xhtml. Esta implementada en Xhtml estándar
compatible con todos los navegadores, utiliza hojas de estilo en cascada
“CSS“ y se tiene en cuenta el nivel de accesibilidad WAI-AA.
XHTML™ 1.0: El Lenguaje de Etiquetado Hipertextual Extensible
CSS (Cascading Style Sheets, u Hojas de Estilo en Cascada) es la tecnología
desarrollada por el World Wide Web Consortium (W3C) con el fin de
separar la estructura de la presentación.
Nivel Doble-A de Conformidad con las Directrices de Accesibilidad para
el Contenido Web 1.0 (WCAG 1.0)
DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. Estructura
a. La estructura Web esta compuesta por:
i. Cabecera (Varias imágenes, un logo y el menú izquierda)
ii. Barra inferior (Mensaje de bienvenida, buscador, cambiar
tamaño del texto del contenido y mapa Web)
iii. Contenido (Noticias que hace referencia a la base de datos
teletipo y Agenda que hace referencia a la base de datos Fiestas y
Eventos)
iv. Menú derecha
v. Destacados (Visualiza los últimos destacados)
vi. Pie de página (Información de L.S.S.I)
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
2
Página tipo Albox 1024
Versión 1.3
Cabecera
•
•
•
La cabecera esta compuesta por la imagen de fondo “cabecera.jpg”.
El escudo “logo.png” tamaño 79x100 px esta imagen hay que insertarla en el
formulario de páginas de colores.
Las pestañas son las categorías principales del menú izquierda.
Barra inferior
•
Contiene mensaje de bienvenida, este mensaje se edita en el formulario páginas
de colores en el campo “Bienvenida” de la pestaña Parámetros Web “meta
tags”
•
•
•
•
El buscador realiza la búsqueda en todas las bases de datos de la entidad actual.
A+ Aumenta el tamaño del texto
A- Disminuye el tamaño del texto
Mapa Web Visualiza la el mapa Web del sitio.
Contenido
Noticias:
Visualiza las últimas noticias de la base
de datos teletipo ordenadas por fecha
descendente. El número de documentos a
visualizar se puede limitar en el campo
Noticias de la pestaña Configuración del
formulario páginas de colores
Agenda: Visualiza los documentos de
Fiestas y Eventos ordenados por fecha
descendente que tengan marcado el campo
actualiza a “Si”. El número de documentos
a visualizar se puede limitar en el campo
Agenda de la pestaña Configuración del
formulario páginas de colores
Menu derecha
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
3
Página tipo Albox 1024
Versión 1.3
•
•
•
Para visualizar esta sección tenemos que tener
opciones en el menú derecha.
Este menú no tiene nivel 3.
Este menú siempre esta presente.
Destacados
•
•
•
•
Documentos de destacados en base de datos páginas de
colores.
Se visualizan según el orden que le hayamos dado.
El número de documentos a visualizar se puede limitar
en el campo Destacados de la pestaña Configuración del
formulario páginas de colores.
El tamaño de las imágenes es de 150 px de ancho
Pie de página
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
4
Página tipo Albox 1024
Versión 1.3
Visualiza el contenido de la LSSI en páginas de colores, el correo electrónico del
campo “contacto” y los iconos del campo “iconos”
3. Galería de imágenes
a. Todas las imágenes del diseño Web se encuentran en la base de datos
páginas de colores Páginas Web Estilos. Si no existe un
documento en la categoría Almacén Imágenes, deberemos crear un
nuevo documento y seleccionar en el campo [Contenido] “Almacén
Imágenes” a continuación anexar las siguientes imágenes:
Fichero: cabecera.jpg
Tamaño: 1000x112 pixel
Fichero: fondocat01.jpg
Tamaño: 1000x112 pixel
Fichero: fondocat02.jpg
Tamaño: 1000x112 pixel
Fichero: fondocat03.jpg
Tamaño: 1000x112 pixel
Fichero: fondocat04.jpg
Tamaño: 1000x112 pixel
Fichero: primary-link.gif
Tamaño: 125x25 pixel
Fichero: primary-link-hover.gif
Tamaño: 125x25 pixel
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
5
Página tipo Albox 1024
Versión 1.3
Fichero: block-bg-top.gif
Tamaño: 36x36 pixel
Fichero: menu-bullet.gif
Tamaño: 12x8 pixel
Fichero: menu-bullet-hover.gif
Tamaño: 12x8 pixel
Fichero: menu-expanded.gif
Tamaño: 7x7 pixel
Fichero: submenu-bullet.gif
Tamaño: 4x4 pixel
Fichero: submenu-bullet-hover.gif
Tamaño: 4x4 pixel
4. Colores
a. En la base de datos de colores Páginas Web Páginas existe un
documento para cada entidad donde se definen los colores de nuestra
web.
b. Pestaña personalizar Colores Web
Cada campo se
corresponde con un número que se identifica en la siguiente imagen.
Además se puede comlementar para poder cambiar los colores y etiquetas de los
diferentes elementos de la web, para esto es necesario anexar un fichero de estilos
denominado estilos.css en la galería de imágenes. Para realizar estos cambios son
necesarios conocimientos avanzados de hojas de estilo en cascada.
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
6
Página tipo Albox 1024
Versión 1.3
Desde este fichero podrás tener todo el control de cualquier elemento de toda la
estructura webs.
Por ejemplo si queremos cambiar el color del fondo tendremos que insertar el siguiente
código:
body {
background-color: #DDD;
}
5. Menu nivel 3
Para poder generar un menú de nivel 3, tenemos que marcar el campo
“Activar menú nivel 3” una vez hecho esto debemos insertar el siguiente
código por cada opción del menú:
<$$>titulo=Inserta aquí el titulo<$$>enlace=#<$$>etiqueta=Inserta aquí la etiqueta<$$>marco=_top<$FIN$>
Ahora cada zona de color verde hay que sustituirlo por las opciones
correspondientes (titulo, enlace, etiqueta y marco)
6. URLs
a. URLs Múltiples Bases de datos
Titulo
Urls
Descripción
Parámetros
Canal/perf
il
/Servicios/Municipios/pueblos.nsf/index?ReadForm&id=04
006&tipo=porperfil&cat=Contratante
Visualiza el
contenido de todas
las bases de datos
por Canal/Perfil y
éste se visualiza en
la misma estructura
Web
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
cat canal/perfil a
filtrar
b. URLs Base de datos Información
Titulo
Urls
Descripción
Parámetros
Informaci
ón por
referencia
/Servicios/Informacion/informacion.nsf/lecturacss?ReadFor
m&id=04006&nv=Informacion&tipo=doc&r=B-00
Visualiza el
contenido de un
documento de la
base de datos
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
7
Página tipo Albox 1024
Versión 1.3
información dada
una referencia. Se
visualiza en la
misma estructura
Web
Exclusivo
información
nv documento
r campo de
referencia.
c. URLs Base de datos Teletipo
Titulo
Urls
Descripción
Parámetros
Teletipo
/Servicios/Municipios/pueblos.nsf/index?ReadForm&tipo=
Noticias&pag=NoticiasAll&id=04006
Visualiza el
contenido de todas
las noticias de la
bases de datos
teletipo. Se
visualiza en la
misma estructura
Web
Vista Exclusiva
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
pag vista
d. URLs Base de datos Fiestas y Eventos
Titulo
Urls
Descripción
Parámetros
Agenda
/Servicios/Municipios/pueblos.nsf/index?ReadForm&tipo=
Agenda&pag=AgendaAll&id=04006
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
pag vista
Fiestas
/Servicios/Fiestas/Fiestas.nsf/vistacss?ReadForm&id=0400
6&tipo=fiestas&vista=FiestasER
Visualiza el
contenido de todas
los eventos de la
bases de datos
Fiestas y Eventos.
Se visualiza en la
misma estructura
Web.
Vista exclusiva
Visualiza el
contenido de las
Fiestas y Eventos
de actualidad.
Vista Universal
Agenda
/Servicios/Fiestas/Fiestas.nsf/vistacss?ReadForm&id=0407
0&vista=FiestasPeriodo&tipo=listados
Agenda
/Servicios/Fiestas/Fiestas.nsf/vistacss?ReadForm&id=0400
6&tipo=listadosfiestas&vista=FiestasETipo&cat=Deportes
Agenda
/Servicios/Fiestas/Fiestas.nsf/vistacss?ReadForm&id=0400
6&tipo=listadosfiestas&vista=FiestasETipoAct&cat=Depor
tes
Visualiza el
contenido de las
Fiestas y Eventos
de actualidad. Por
periodo Vista
Universal
Visualiza el
contenido de las
Fiestas y Eventos
de una entidad, y
filtra la
información por el
tipo.Vista
Universal
Visualiza el
contenido de las
Fiestas y Eventos
de una entidad de
actualidad, y filtra
la información por
el tipo.Vista
Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Tipo
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Tipo
e. URLs Base de datos I.A.E
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
8
Página tipo Albox 1024
Versión 1.3
Titulo
Urls
Descripción
Parámetros
IAECAT
/Servicios/IAE/iae.nsf/vistacss?ReadForm&id=04006&tipo
=listados&vista=iaecat&cat=Hosteleria
Visualiza el
contenido de todas
las guías de
actividades.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Categoría a
visualizar
f. URLs Base de datos Corporaciones
Titulo
Urls
Descripción
Parámetros
organos
/Servicios/Corporaciones/corporaciones.nsf/vistacss?ReadF
orm&id=04006&vista=organos&tipo=listados
Visualiza el
contenido de todos
los órganos por
categoría.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
g. URLs Base de datos Enlaces de interés
Titulo
Urls
Descripción
Parámetros
Enlaces
Interés
/Servicios/Enlaces/Enlaces.nsf/vistacss?ReadForm&id=040
06&vista=enlacescat01&tipo=listados
Enlaces
/Servicios/Enlaces/Enlaces.nsf/vistacss?ReadForm&tipo=d
oc&vista=enlacescat&cat=categoria&id=identificador
Visualiza el
contenido de todos
los enlaces de
interés por
clasificador.
Vista Universal
Visualiza el
contenido de los
enlaces de interés
por clasificador
dada una categoría.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Categoría a
visualizar
h. URLs Base de datos Tablón de anuncios
Titulo
Urls
Descripción
Parámetros
Tablón de
Anuncios
/Servicios/Tablon/Tablon.nsf/vistacss?ReadForm&id=0400
6&tipo=listados&vista=TAentidadasunto1cat&cat=Normas
Visualiza el
contenido de todos
los documentos de
una
entidad+asunto1
por asunto2.
Vista Universal
Tablón de
Anuncios
/Servicios/Tablon/Tablon.nsf/vistacss?ReadForm&id=0400
6&tipo=listados&vista=porentidadrol01
Tablón de
Anuncios
/Servicios/Tablon/Tablon.nsf/vistacss?ReadForm&id=0400
6&tipo=tablon&vista=entidadasunto1&cat=Asunto1
Visualiza todos los
documentos del
tablón de anuncios
de una entidad+rol
por asunto1
Vista Universal
Visualiza todos los
documentos del
tablón de anuncios
de una
entidad+Asunto1.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Categoría a
visualizar
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
cat Categoría a
visualizar
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
9
Página tipo Albox 1024
Tablón de
Anuncios
/Servicios/Tablon/Tablon.nsf/vistacss?ReadForm&id=0400
6&tipo=tablon&vista=porentidadrol
Versión 1.3
Visualiza todos los
documentos del
tablón de anuncios
de una entidad+rol.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
i. URLs Base de datos BOP
Titulo
Urls
Descripción
Parámetros
BOP
/Servicios/Boletin/BOP.nsf/vistacss?ReadForm&id=04006
&vista=bop01&tipo=bop
Visualiza el
contenido de todos
los documentos del
BOP del año actual
por asunto.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
j. URLs Base de datos Galería fotos
Titulo
Urls
Descripción
Parámetros
Galeria
/Servicios/Galeria/galeriafotos.nsf/vistacss?ReadForm&id=
04006&vista=Galeriacat&tipo=listados
Visualiza el
contenido de todos
los documentos de
Galeria fotos por
clasificador.
Vista Universal
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
vista vista
k. URLs Formularios
Titulo
Urls
Descripción
Parámetros
Contacto
/Servicios/Municipios/pueblos.nsf/index?ReadForm&tipo=
contacto&id=04066
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
Quejas y
Sugerenci
as
/Servicios/Municipios/pueblos.nsf/index?ReadForm&id=04
014&tipo=quejas&correo=correo
Visualiza
formulario de
Contacto y
Sugerencias con
mecanismo de
anti-spam
Visualiza
formulario de
Quejas y
Sugerencias con
mecanismo de
anti-spam
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información
correo nombre de
correo electrónico
donde se enviará el
formulario, debe estar
previamente dado de
alta en formularios
l. URLs Anexos
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
10
Página tipo Albox 1024
Versión 1.3
Titulo
Urls
Descripción
Parámetros
Anexos
/Servicios/Anexos/Anexos.nsf/vistacss?ReadForm&tipo=an
exos&vista=anexoscat&cat=Impresos%20y%20Formulario
s&id=04031
Visualiza los
anexos de una
entidad filtrando la
información por
una categoría
id Identificador
único de la entidad
tipo Tipo de página
donde se visualizará la
información “anexos”
vista anexoscat
cat Categoría a
visualizar
Diputación Provincial de Almería
Autor: Antonio Restoy Carvajal
11
