Manual de Identidad Web www.e-lexia.com
Manual de Identidad Web :: www.e-lexia.com
Índice
Árbol de navegación
3
Página de Inicio - Estructura y organización
4
Página Interna
9
Encabezado - Menú principal
10
Módulos de contenido (vertical) - Página Interna
11
Menú Interno - Página Interior
12
Página Interna - Formulario
13
Página Interna - Video
14
Página Interna - Estructura: Estilos CSS
15
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Árbol de navegación La estructura navegación está compuesta por tres módulos. El módulo uno (horizontal), ubicado en la parte superior derecha, el módulo dos (vertical) ubicado en el extremo derecho y el módulo tres (columnas) ubicado en la parte inferior.
M1
M2
M3
blog
flickr
issuu
livestream
skype
youtube
Módulo 1
Asesoría Contacto
Módulo 2
e-Verde Noticias
Módulo 3
Nosotros
Servicios
Prensa
Compartimos
La Compañía Equipo de trabajo Nuestra oficina Casos de éxito Trabaje con nosotros
Para PYMES Para Empresas Aprende Comunica Comparte
Noticias Fotografías TV / Videos Eventos Boletín
Blogs Redes sociales Microblogging Hiperdocumentos Contacto
3
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Página de Inicio Estructura y organización:
1 1. Módulo uno Blog Facebook Flickr Linkedin Issuu Livestream Skype Twitter Youtube
3
2
4
. 5
2. Área para destacados 3. Área para multimedia 4. Área para destacado temporal 5. Módulo dos Asesoría Contacto e-Verde Noticias
6
6. Módulo tres Nosotros Servicios Prensa Compartimos 7. Pie
Firma institucional 7
4
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
P谩gina de Inicio Estructura y organizaci贸n: M贸dulo uno
300px
blog
32 px
flickr
issuu
livestream
skype
youtube
43 px
32 px
Aclaraci贸n: Las medidas se encuentran expresadas en pixeles (px)
5
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
P谩gina de Inicio Estructura y organizaci贸n:
710 px
230px
390 px
210 px
Multimedia 160px
170px
Destacado
Aclaraci贸n: Las medidas se encuentran expresadas en pixeles (px)
6
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
P谩gina de Inicio Estructura y organizaci贸n:
Maestro 210 px
60 px
Aclaraci贸n: Las medidas se encuentran expresadas en pixeles (px)
7
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
P谩gina de Inicio Estructura y organizaci贸n:
710px
180 px
Aclaraci贸n: Las medidas se encuentran expresadas en pixeles (px)
8
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Página Interna Estructura:
970 px 300 px 940 px
Módulo uno
Menú principal Título de sección
185 px Menú de sección
540 px Contenido
180px Tips
Aclaración: Las medidas se encuentran expresadas en pixeles (px)
8
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Encabezado - Men煤 principal Estructura:
170px 50px 30px
300 px 43 px
Logo
M贸dulo uno
Men煤 principal 940px
Aclaraci贸n: Las medidas se encuentran expresadas en pixeles (px)
9
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Módulos de contenido (vertical) - Página Interna Estructura: 1
180px 1
40 px
180px 2
Título
Título
120px
380 px
3
2
Título
230 px 3
180px Aclaración: Las medidas se encuentran expresadas en pixeles (px)
10
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Menú Interno - Página Interior Estructura:
Título de sección 200 px 30 px 70 px
70 px
70 px
70 px
70 px
30 px
Aclaración: Las medidas se encuentran expresadas en pixeles (px)
11
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Página Interna - Formulario Estructura: 970 px 300 px Módulo uno
940 px Menú principal Título de sección
185 px Menú de sección
740 px Formulario
Aclaración: Las medidas se encuentran expresadas en pixeles (px)
12
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Página Interna - Video Estructura: 970 px 300 px Módulo uno
940 px Menú principal Título de sección
185 px Menú de sección
540 px
180px
Contenido
Tips
2px
425px
345px
350px
430px
sólido #CCCCCC
Aclaración: Las medidas se encuentran expresadas en pixeles (px)
13
Manual de Identidad Web
Manual de Identidad Web :: www.e-lexia.com
Pรกgina Interna Estructura: Estilos CSS
h1 {
background-color:#FFF; color:#F90; font-family: Verdana, Geneva, sans-serif; font-size:17px; font-weight:normal; border-bottom:1px solid #F90; width:100%; text-align:right; line-height:25px; margin-left:0px;
a:link {
.in_content { color:#444444; font-family:Verdana,Geneva,sans-serif; font-size:13px; line-height:17px; text-align:left; }
.in_tips { color:#000000; font-family:Verdana,Geneva,sans-serif; font-size:13px; text-align:left; }
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0000FF; text-decoration: underline;
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #444444; text-decoration: underline;
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #F00; text-decoration: underline;
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #993366; text-decoration: underline;
14
Manual de Identidad Web