MANUAL DE ESTILO GRÁFICO. Guía de uso general para maquetación web

Tamaño: px
Comenzar la demostración a partir de la página:

Download "MANUAL DE ESTILO GRÁFICO. Guía de uso general para maquetación web"

Transcripción

1

2 TABLA DE CONTENIDOS ÍNDICE PAG 03. Introducción PAG 04. Color PAG 05. Tipografía PAG 07. Hoja de estilos en cascada (CSS) PAG 09. Iconos PAG 13. Estilos, tamaños y usos de imágenes PAG 17. Estructura web PAG 18. Cabecera PAG 25. Estructura index PAG 26. Estructura interior URL PROTOTIPO FINAL. PAG. 02

3 INTRODUCCIÓN USO DEL MANUAL EN LA WEB DE SIGMA MÓVIL S.A El objetivo del manual de estilos es el de ayudar a estructurar los contenidos y el diseño del sito web Sigma Móvil S.A, homogeneizando estilos y estructuras para facilitar el desarrollo de nuevas páginas y actualizaciones posteriores. Unificar los criterios que deben regir el diseño y la diagramación de todas las páginas del sitio web, en donde las pautas de diseño ( fundamentos de diseño web ) son indispensables para ordenar el contenido de cada página y preservar la continuidad visual. Este manual suministra estándares de maquetación para facilitar la labor del desarrollador a la hora de generar nuevos contenidos o modificar los existentes. Para ver el prototipo final del sitio web visita: PAG. 03

4 COLOR COLORES PRINCIPALES DEL SITIO LOGOTIPO GAMA DE COLORES ESTILO DE COLORES SITIO WEB Los colores corporativos de Sigma Móvil son usados en cada una de las páginas de servicios del sitio web. La paleta de colores (derecha) proporciona a cada servicio la oportunidad de tener una identidad visual única. Ha sido específicamente diseñada para ser amistosa. GRIS OSCURO WEB ( HTML ) # AZUL WEB ( HTML ) #0063C4 Estos colores identifican cual es el servicio y en que parte del sitio se encuentra el usuario. Los valores hexadecimales documentados se deben utilizar para cada uno de los servicios. Además de estas especificaciones, el sitio web utiliza una gama de GRIS WEB ( HTML ) #98A1A6 AZUL WEB ( HTML ) #E54F99 AZUL OSCURO WEB ( HTML ) #0754AC y #0754AB colores dentro de la paleta de estilo. NARANJA WEB ( HTML ) #F2891F VIOLETA WEB ( HTML ) #D64A8F GRIS WEB ( HTML ) #BBBBC1 y #C8C9CC PAG. 04

5 TIPOGRÁFIA TIPOGRAFÍAS PRINCIPALES DEL SITIO El sitio web de Sigma Móvil S.A, hace uso de dos fuentes tipográficas las cuales se deben usar para títulos, párrafos y demas partes del sitio como son botones y banners publicitarios. DOSIS PABLO IMPALLARI Light 200 Grumpy wizards make toxic brew for the evil Queen and Jack. Book 300 Grumpy wizards make toxic brew for the evil Queen and Jack. Normal 400 Grumpy wizards make toxic brew for the evil Queen and Jack. Medium 500 Grumpy wizards make toxic brew for the evil Queen and Jack. Semi-Bold 600 Grumpy wizards make toxic brew for the evil Queen and Jack. Bold 700 Grumpy wizards make toxic brew for the evil Queen and Jack. Extra-Bold 800 Grumpy wizards make toxic brew for the evil Queen and Jack. PAG. 05

6 TIPOGRAFÍA OPEN SANS STEVE MATESSON Book 300 Grumpy wizards make toxic brew for the evil Queen Book 300 Italic Grumpy wizards make toxic brew for the evil Queen Normal 400 Grumpy wizards make toxic brew for the evil Queen Normal 400 Italic Grumpy wizards make toxic brew for the evil Queen Semi-Bold 600 Grumpy wizards make toxic brew for the evil Queen Semi-Bold 600 Italic Grumpy wizards make toxic brew for the evil Queen Bold 700 Grumpy wizards make toxic brew for the evil Queen Bold 700 Italic Grumpy wizards make toxic brew for the evil Queen Extra-Bold 800 Grumpy wizards make toxic brew for the evil Queen Extra-Bold 800 Italic Grumpy wizards make toxic brew for evil Queen PAG. 06

7 HOJA DE ESTILOS EN CASCADA ( CSS ) ESTILO DE TITULOS Y SUBTÍTULOS DOSIS PABLO IMPALLARI DOSIS es una fuente redonda de la familia sans serif. Es un tipo de letra legible para la visualización en pantalla y el uso en Internet en general. DOSIS es la fuente estándar que se utiliza en el sitio web de sigma móvil y sus colores de estilo (derecha) dependen de la combinación de cada sección o servicio. Para el banner principal se hace uso de las etiquetas h1 y h3. TÍTULO 1 EJEMPLO <H1> TÍTULO 2 EJEMPLO <H2> TÍTULO <H3> TÍTULO 3 EJEMPLO <H4> TÍTULO 4 EJEMPLO <H4> PAG. 07

8 HOJA DE ESTILOS EN CASCADA ( CSS ) ESTILO DE PÁRRAFOS OPEN SANS STEVE MATESSON Se usan 4 estilos de parráfos en el sitio web de sigma móvil, cada uno tiene una función que más adelante se podrá visualizar. OPEN SANS es una fuente humanista sans serif. Es un tipo de letra legible para la visualización en pantalla y el uso en Internet. OPEN SANS es la fuente estándar que se utiliza en el sitio web de sigma móvil y sus colores de estilo (derecha) para todos y cada uno de los parráfos es ( #58595B ). GRIS WEB ( HTML ) #58595B <PÁRRAFO 1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis, lectus at facilisis luctus, libero ligula sagittis elit, sed egestas diam nunc ac dui. <PÁRRAFO 2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis, lectus at facilisis luctus, libero ligula sagittis elit, sed egestas diam nunc ac dui. <PÁRRAFO 3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis, lectus at facilisis luctus, libero ligula sagittis elit, sed egestas diam nunc ac dui. <PÁRRAFO 4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis, lectus at facilisis luctus, libero ligula sagittis elit, sed egestas diam nunc ac dui. PAG. 08

9 ICONOS USO DE ICONOS Y DESCRIPCIÓN Iconos de servicios para MARKETING, SMS MASIVO Y MOBILE MARKETING. Se manejan dos tamaños, uno para el inicio del sitio ( index ) y otro para la página interna de cada servicio. MARKETING SMS MASIVO MOBILE MARKETING 62PX 62PX 62PX 53PX 53PX 53PX Solo se deben usar en el inicio del stio web (index) 28PX 28PX 28PX 33PX 33PX 33PX Se usan en cada uno de los servicios. PAG. 09

10 ICONOS CONJUNTO DE ICONOS MARKETING Los iconos secundarios de Marketing funcionan para identificar los 4 puntos mas importantes del servicio y van acompañados de un bloque de texto. Ingreso a plataforma Resultados Elaborar campaña Fecha CONJUNTO DE ICONOS MOBILE MARKETING Mobile Marketing se compone de 3 iconos que funcionan para evaluar la sastisfacción del cliente frente a un servicio determinado. Se hace uso de 3 estados de animo mood que son: bueno, aceptable y malo. Su tamaño debe ser de 51 X 60px Color, Verde ( #78a00b ), Azul ( #0b68d0 ), Rojo ( #cf4151 ) Bueno Aceptable EJEMPLO DE USO Malo PAG. 10

11 ICONOS CONJUNTO DE ICONOS CABECERA Los iconos siguientes son de uso estándar y se deben utilizar siempre en todas las paginas del sitio. Su tamaño debe ser de 17 X 12px Color ( #57585A ). Nosotros Contáctenos Buscar CONJUNTO DE ICONOS REDES SOCIALES Los iconos de redes sociales son de uso libre y pueden ser reemplazados por estilos diferentes pero siempre deben mantener un tamaño de 28 X 28px. CONJUNTO DE ICONOS CABECERA SOPORTE EN LINEA Los iconos de cabecera son de uso estándar y se deben utilizar siempre en todas las paginas del sitio. Su tamaño debe ser de 17 X 12px Color ( #57585A ). Su función es informar al usuario que dispone de soporte en línea via chat, el cual tiene dos estados: Disponible y No Disponible Disponible No disponible EJEMPLO DE USO Twitter Facebook Youtube PAG. 11

12 ICONOS CONJUNTO DE ICONOS CUENTA USUARIO Los iconos de cuenta y usuario tienen la función de ubicar aún mas al usuario, ya sea para registrarse, ingresar o salir de la cuenta si se encuentra logueado. Su tamaño debe ser de 17 X12px Color ( #FFFFF ). CONJUNTO DE ICONOS REGISTRO DE FORMULARIO Los iconos de registro de formulario tienen la función de informar al usuario que campos del registro se encuentran correctos y cuales incorrectos. Su tamaño debe ser de 31 X 31px. Registro, Mi cuenta Ingresar, Salir Campo Correcto Campo Incorrecto EJEMPLO DE USO EJEMPLO DE USO PAG. 12

13 ESTILOS, TAMAÑOS Y USOS DE IMÁGENES BANNER 403px 310px Las imágenes del banner deben tener un tamaño mínimo de 403px de ancho por 310px de alto, y un tamaño máximo de 460px de ancho por 330px de alto. Todas las imágenes del banner deben estas alineadas a la derecha. PAG. 13

14 ESTILOS, TAMAÑOS Y USOS DE IMÁGENES NOTICIAS 107px 74px La imágen de noticias debe tener un tamaño fijo de 107px de ancho por 74px de alto. y un tamaño máximo de 460px de ancho por 330px de alto. PAG. 14

15 ESTILOS, TAMAÑOS Y USOS DE IMÁGENES USO DE IMÁGENES PARA MARKETING, SMS MASIVO, MOBILE MARKETING 250px 350px 240px 240px Las imágenes de apoyo de los textos deben tener un ancho mínimo de 250px y un ancho máximo de 350px, y pueden estar alineadas a la izquierda o a la derecha. PAG. 15

16 ESTILOS, TAMAÑOS Y USOS DE IMÁGENES USO DE IMÁGENES PARA NOSOTROS 660px 230px El uso de imágenes para la seccion de Nosotros deben tener un ancho fijo de 660px de ancho por 235px de alto PAG. 16

17 ESTRUCTURA WEB DESCRIPCIÓN DE LA ESTRUCTURA VERTICALIDAD La disposición de la estructura del sitio web es vertical, muestra la informacón por secciones según su relevancia informativa lo cual ayuda a facilitar la navegación entre las diferentes páginas La disposición vertical de los contenidos de la web generan una estructura entendible, tanto para el usuario normal como para el usuario con impedimentos visuales. La navegación esta pensada para que los usuarios en todo momento sepan en que parte del sitio web se encuentran. JERARQUIA DE LA INFORMACIÓN La lógica visual se basa en la sencillez y el pragmatismo, elementos que aún juntos no rivalizan entre sí y que con una mínima energía gráfica nos indican las opciones más apropiadas que tenemos. PAG.17

18 CABECERA USO DE CABECERAS PERSONALIZADAS El encabezado del sitio web se compone de 12 elementos que son: Logotipo, Nosotros, contáctenos, soporte en línea, registro, ingresar, inicio, marketing, sms masivo, mobile marketing, redes sociales y el buscador de información. En el encabezado se encuentra un elemento adicional que se ve cuando el usuario ha ingresado a su cuenta, ver figura 1. ANCHO: 291 px ALTO: 87px El uso del logo de Sigma Móvil se muestra en su versión horizontal, con un tamaño fijo en todos los casos Figura 1 Usuario logueado PAG. 18

19 CABECERA CABECERA INICIO # FONDO DEGRADADO VERTICAL #9D9FA2 La fuente utilizada para el menú de navegación es DOSIS tamaño 15px Semibold color blanco ( #FFF ) PAG. 19

20 CABECERA CABECERA LOGOTIPO, REGISTRO, INGRESAR, SOPORTE EN LÍNEA, NOSOTROS Y CONTÁCTENOS 289PX 86PX Fuente OPEN SANS tamaño 13px, color ( #5b5c5c ) Soporte en línea: Color ( #5b5c5c ) tamaño 16px ONLINE: Color ( # 3ca94f ) tamaño 16px en mayúsculas PAG. 20

21 CABECERA CABECERA MARKETING #EC80B5 FONDO DEGRADADO VERTICAL #E5539B La fuente utilizada para el menú de navegación es DOSIS tamaño 15px Semibold color blanco ( #FFF ) PAG.21

22 CABECERA CABECERA SMS MASIVO #5790D0 FONDO DEGRADADO VERTICAL #246FC2 La fuente utilizada para el menú de navegación es DOSIS tamaño 15px Semibold color blanco ( #FFF ) PAG. 22

23 CABECERA CABECERA MOBILE MARKETING #F5A859 FONDO DEGRADADO VERTICAL #F28C26 La fuente utilizada para el menú de navegación es DOSIS tamaño 15px Semibold color blanco ( #FFF ) PAG. 23

24 CABECERA CABECERA REDES SOCIALES Y BUSCADOR #C4C4C7 FONDO DEGRADADO VERTICAL #B3B4B8 La fuente utilizada para sección de redes sociales y buscador es DOSIS tamaño 15px Semibold color Gris ( #5F5B5B ) PAG.24

25 ESTRUCTURA INDEX BANNERS Los avisos se componen de imágen, título, subtitulo, párrafo y enlaces. El título principal no debe exceder los 24 caracteres. El subtítulo no debe exceder los 35 caracteres El párrafo mínimo debe de ser de dos lineas y máximo 3. Número máximo de avisos 4. SERVICIOS El sitio se compone de 3 servicios y cada uno tiene un título junto con su icono, subtítulo, parráfo y enlace. Los subtítulos deben ser mínimo 1 línea de texto y máximo 2 El párrafo debe de tener minimo 4 líneas de texto y máximo 5. NOTICIAS Las noticias se presentan de manera vertical, el título debe ser de máximo 2 líneas con enlace y el párrafo no exceder las 3 líneas de texto. EJEMPLO DE USO Título Color: (#4485C6) Fuente : Dosis Tamaño: 15px Párrafo: Color: (#58595B) Fuente: Open Sans Tamaño: 13px PAG.25

26 ESTRUCTURA INTERIOR MARKETING La estructura utilizada para esta sección se compone de un menú vertical que contiene 3 botones pricipales del servicio, que son: * Nuestros servicios * Beneficios y razones * Precios El color utilizado para el servicio es ( #D64A8F ) A B A TÍTULO El título principal de cada sección debe ser en mayúsculas a una línea o no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. D C B PÁRRAFO PRINCIPAL El párrafo principal de cada sección debe ser de mínimo 2 lineas y maximo 3, color ( #58595B ) y tamaño de fuente 19px. E C PÁRRAFO SECUNDARIO El párrafo secundario es de color ( #58595B ) y tamaño de fuente 15.5px. D VIDEO Videotutorial de cómo funciona el servicio de marketing, los videos son llamados de youtube y las dimensiones deben ser de 440px (ancho) X 228px (alto). E SUBTÍTULO El subtítulo secundario de cada sección debe ser en mayúsculas a 1 línea o máximo a 2, color ( #85857D ) y tamaño de fuente 18px. PAG. 26

27 ESTRUCTURA INTERIOR MARKETING La información se puede acompañar con una imágen. Su distribución varía en cuanto a que el texto se encuentre hacia la derecha o izquierda, respetando la verticalidad de la estructura. A A TÍTULO El título principal de cada sección debe ser en mayúsculas a 1 línea o no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B SUBTÍTULO El subtítulo de cada sección debe ser en mayúsculas a 1 línea o maximo 2, color ( #85857D ) y tamaño de fuente 18px. C B C IMÁGENES Las imágenes de apoyo de los textos deben tener un ancho mínimo de 250px y un ancho máximo de 350px. PAG. 27

28 ESTRUCTURA INTERIOR MARKETING A El título principal de cada sección debe ser en mayúsculas a 1 línea o no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B TÍTULO PLANES Los planes que se ofrecen se deben manejar en tablas y se componen de títulos del plan, suscriptores, precio, limite de envío y enlace de registro si el usuario es nuevo y desea adquirir el servicio. A B Ejemplo tabla de precios. Elemento de cabecera Color: (#FFFFF) Dosis, Minúscula Celda de cabecera Color: (#D64A8F) Celda de cabecera Color: (#6D6E76) Celda de contenido Color: (#D8DDE1) PAG. 28

29 ESTRUCTURA INTERIOR MARKETING MENÚ VERTICAL Tamaño icono: 28px x 33px Tamaño fuente: 25px, Mayúsculas Color fuente: (#D64A8F) Estado botón: Seleccionado Fondo: (#D64A8F) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Estado botón: Sin seleccionar Fondo: (#6D6E76) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: (#4489C6 ) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: #0754AB Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold PAG. 29

30 ESTRUCTURA INTERIOR SMS MASIVO La estructura utilizada para esta sección se compone de un menú vertical que contiene 3 botones pricipales del servicio, que son: * Nuestros servicios * Beneficios y razones * Precios El color utilizado para el servicio es ( #1A68BF ) A B A El título principal de cada sección debe ser en mayúsculas a una línea o no debe exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B El párrafo principal de cada sección debe ser de mínimo 2 lineas y máximo 3, color ( #58595B ) y tamaño de fuente 19px. C TÍTULO PÁRRAFO PRINCIPAL LISTADOS MÚLTIPLES DE ELEMENTOS Los listados de elementos son herramientas muy útiles para la navegación web. Estos listados pueden servir para organizar elementos. Todas las listas dentro del sitio se deben manejar con un tamaño de letra de 14,5px y el icono o bullet debe ser de un tamaño de 15px de alto por 17px de ancho. D VIDEO Esta es otra forma de mostrar los videotutoriales del servicio, a diferencia del servicio de Marketing este se muestra en un pop up o light box. C D PAG. 30

31 ESTRUCTURA INTERIOR SMS MASIVO A El título principal de cada sección debe ser en mayúsculas a 1 línea o no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B TÍTULO PLANES Los planes que se ofrecen se deben presentar en tablas y se componen de títulos del plan, suscriptores, precio, límite de envío y enlace de registro si el usuario es nuevo y desea adquirir el servicio. A B Ejemplo tabla de precios. Elemento de cabecera Color: (#FFFFF) Dosis, Minúscula Celda de cabecera Color: (#1A68BF) Celda de cabecera Color: (#6D6E76) Celda de contenido Color: (#D8DDE1) PAG. 31

32 ESTRUCTURA INTERIOR SMS MASIVO MENÚ VERTICAL Tamaño icono: 28px X 33px Tamaño fuente: 25px, Mayúsculas Color fuente: (#1A68BF) Estado botón: Seleccionado Fondo: (#D64A8F) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Estado botón: Sin seleccionar Fondo: (#6D6E76) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: (#4489C6) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: (#0754AB) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold PAG. 32

33 ESTRUCTURA INTERIOR MOBILE MARKETING La estructura utilizada para esta sección se compone de un menú vertical que contiene 2 botones pricipales del servicio, que son: * Nuestros servicios * Beneficios y razones El color utilizado para el servicio es ( #F2891F ) A B A El título principal de cada sección debe ser en mayúsculas a 1 línea y no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B TÍTULO PÁRRAFO PRINCIPAL El párrafo principal de cada sección debe ser de mínimo 2 líneas y máximo 3, color ( #58595B ) y tamaño de fuente 19px. C BLOQUES DE TEXTO Esta es otra forma de diagramar los bloques de texto con imágen principal, que mide 190px de ancho por 117px de alto, título 19px, mínimo una linea de texto máximo 2. Los Párrafos deben de ser de maximo 10 líneas de texto. Se debe usar un máximo de 3 columnas y se aplica a todos los servicios. C PAG. 33

34 ESTRUCTURA INTERIOR MOBILE MARKETING A El título principal de cada sección debe ser en mayúsculas a 1 línea o no exceder los 36 caracteres, color ( #85857D ) y tamaño de fuente 42px. B TÍTULO PLANES Los planes que se ofrecen se deben presentar en tablas y se componen de títulos del plan, precio, marcas, vencimiento y enlace de registro si el usuario es nuevo y desea adquirir el servicio. Ejemplo tabla de precios. Elemento de cabecera Color: (#FFFFF) Dosis, Minúscula Celda de cabecera Color: (#F2891F) Celda de contenido Color: (#D8DDE1) A B PAG. 34

35 ESTRUCTURA INTERIOR MOBILE MARKETING MENÚ VERTICAL Tamaño icono: 28px X 33px Tamaño fuente: 25px, Mayúsculas Color fuente: (#F2891F) Estado botón: Seleccionado Fondo: (#D64A8F) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Estado botón: Sin seleccionar Fondo: (#F2891F) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: (#4489C6) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold Fondo: (#0754AB) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold PAG. 35

36 ESTRUCTURA INTERIOR SECTOR ECONÓMICO Combo box de selección del sector económico. A COMBO BOX El combo box contiene 10 sectores económicos, se pueden adicionar o eliminar la cantidad que sean necesarios. Tamaño icono: 28px X 33px Tamaño fuente: 25px, Mayúsculas Color fuente: (#1A68BF) Estado botón: Seleccionado Fondo: (#1A68BF) Tamaño fuente: 14px, Mayúsculas Color fuente: (#FFFFF) Fuente: Dosis, Bold A PAG. 36

37 ESTRUCTURA INTERIOR REGISTRO INGRESAR A CUENTA PAG. 37

38 ESTRUCTURA INTERIOR CUENTA DE USUARIO INICIO CUENTA DE USUARIO COMPRAR, RECARGAR PAG. 38

39 ESTRUCTURA INTERIOR CUENTA DE USUARIO EDITAR PERFIL PAG. 39

MANUAL DE ESTILOS CENTROS / SERVICIOS Guía de uso general para maquetación web Introducción Índice Introducción Color Cabecera Fotos y logos Iconos Estructura web Estructura index Estructura interior

Más detalles

Marzo 2015 MANUAL DE IDENTIDAD CORPORATIVA

Marzo 2015 MANUAL DE IDENTIDAD CORPORATIVA Marzo 2015 MANUAL DE IDENTIDAD CORPORATIVA 1 ÍNDICE 01. NUESTRA MARCA 03. ELEMENTOS BÁSICOS QUÉ ES COCHES.NET HISTORIA DE LA MARCA MISIÓN VISIÓN VALORES CONCEPTO CREATIVO TU PRÓXIMO COCHE ESTÁ AQUÍ 02.

Más detalles

MAQUETA SITIO WEB PARA EL 1º NIVEL

MAQUETA SITIO WEB PARA EL 1º NIVEL MAQUETA SITIO WEB PARA EL 1º NIVEL Aplicable a Vicerrectorías y Facultades Sitio Vicerrectoría Sitio Facultad El primer nivel contempla los sitios para Vicerrectorías y Facultades de la Universidad de

Más detalles

Manual de Identidad Visual Corporativa. Dirección de Comunicación

Manual de Identidad Visual Corporativa. Dirección de Comunicación Manual de Identidad Visual Corporativa Dirección de Comunicación Guía de uso y aplicación de la marca e identidad visual corporativa Este manual reúne las herramientas básicas para el correcto uso y aplicación

Más detalles

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com

manual formación web básica Ozongo Ozongo c/nicolás Copérnico 8, bajo 46980 Paterna (Valencia) 900 828 358 soporte@ozongo.com manual formación web básica Ozongo ÍNDICE Manual formación web básica Ozongo 1. ADMINISTRACIÓN 1.1. Secciones y portada 1.2. Menú 1.3. Diseño 1.4. Configuración de estadísticas 1.5. Estadísticas 2. CORPORATIVO

Más detalles

MANUAL BÁSICO Identidad Corporativa

MANUAL BÁSICO Identidad Corporativa MANUAL BÁSICO Identidad Corporativa 100% Pantone 7690 C 70% Pantone 7690 C Marca / Versión color corporativo. 10 mm 10 mm 10 mm 10 mm Area de respeto de Marca / en el grafico se define una zona de proteccion

Más detalles

Maqueta Sitio Web para el 2º Nivel

Maqueta Sitio Web para el 2º Nivel Maqueta Sitio Web para el 2º Nivel Aplicable a Departamentos y Carreras La implementación de un portal web con la extensión usach.cl está supeditada a tres niveles. Cada uno contempla distintas características

Más detalles

5.- Crear páginas web con Nvu

5.- Crear páginas web con Nvu 5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas

Más detalles

GUÍA SISTEMA GRÁFICO PRESIDENCIA DE LA REPÚBLICA

GUÍA SISTEMA GRÁFICO PRESIDENCIA DE LA REPÚBLICA Bogotá D.C., Febrero 16 de 2015 TABLA DE CONTENIDO 1 OBJETIVO 2 ALCANCE 3 TÉRMINOS Y DEFINICIONES 4 CUERPO DEL DOCUMENTO 5 MARCO LEGAL 6 RESPONSABLE DEL DOCUMENTO 1. OBJETIVO Impartir directrices de identidad

Más detalles

DNIe. Guía básica de aplicación

DNIe. Guía básica de aplicación DNIe Guía básica de aplicación Febrero 2006 DNIe Guía básica de aplicación. Febrero 2006. 2 0. Índice 0. Índice 1. Introducción 2. Elementos de la Identidad 2.1 Logotipo 2.2 Colores 2.3 Tipografía 2.4

Más detalles

Manual de identidad corporativa

Manual de identidad corporativa Manual de identidad corporativa Dentro del ámbito de responsabilidad social, la marca Agbar tendrá un rol específico para cada una de las marcas. El rol de estas marcas ha de ser el de aportar valor y

Más detalles

MANUAL BÁSICO Identidad Corporativa

MANUAL BÁSICO Identidad Corporativa MANUAL BÁSICO Identidad Corporativa 100% Pantone 288 C 100% Pantone 279 C Simbolo / Unicamente separable de su logotipo para fines decorativos (indianas, Textiles, marcas al agua, golpes en seco, etc).

Más detalles

libelfoo yolllen LA REPÚBLICA.

libelfoo yolllen LA REPÚBLICA. República de Colombia PRESIDENCIA libelfoo yolllen PARA: MINISTERIOS, DIRECTORES DE DEPARTAMENTO ADMINISTRATIVO, SUPERINTEN DIRECTORES UNIDADES ADMINISTRATIVAS, GERENTES Y PRESIDENTE ENTIDADES DESCENTRALIZADAS

Más detalles

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal

Más detalles

PERSONAS QUE. Manual de identidad gráfica coporativa

PERSONAS QUE. Manual de identidad gráfica coporativa PERSONAS QUE Manual de identidad gráfica coporativa PRESENTACIÓN Este manual está pensado para ser consultado por todas aquellas personas que quieran realizar aplicaciones gráficas de Personas que en las

Más detalles

BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L

BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L BOLETÍN ELECTRÓNICO VISUAL PUBLINET S.L 1. RESUMEN GENÉRICO Y TARIFAS 2. DEMO 3. MANUAL BÁSICO DE USUARIO 4. EJEMPLOS DE PLANTILLAS DE DISEÑO 1 1. DESCRIPCIÓN Y TARIFAS 1.1 Descripción El gestor de boletín

Más detalles

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Página Web del curso Pagina del curso www.bbsoftpy.net/cursohtml2013 Repaso Clase Anterior Curso XHTML/HTML/HTML5-2013 Listas Curso XHTML/HTML/HTML5-2013 Listas

Más detalles

Movistar Tu Web Manual de Usuario

Movistar Tu Web Manual de Usuario Movistar Tu Web Manual de Usuario Contenido 1. Introducción... 1 2. Visión general de la aplicación online Tu Web... 2 3. Páginas... 3 Añadir una nueva página o una carpeta... 4 Editar páginas... 4 4.

Más detalles

Manual de Identidad Corporativa MARCA SANDÍA MEDIA

Manual de Identidad Corporativa MARCA SANDÍA MEDIA Manual de Identidad Corporativa MARCA SANDÍA MEDIA Desarrollo gráfico: sageljimenez.es (José Ángel Jiménez García) ÍNDICE 0 índice 1. Introducción 2. Logotipo 2.3. Versiones auxiliar EXT 2.1.1. Versión

Más detalles

Manual de Imagen Corporativa

Manual de Imagen Corporativa Manual de Imagen Corporativa Contenido Introducción 3 Objetivos 4 La Marca 5 Isologotipo y Tagline 6 Imagen ASEMED 6 Isologotipo 6 Logotipo 6 Isotipo 6 Uso y representación del Tagline 7 Tagline Primario

Más detalles

normas gráficas MetLife

normas gráficas MetLife normas gráficas MetLife El nombre MetLife como expresa el logo, es el componente visual más importante en el establecimiento de la marca. Nuestro logo es claro, fuerte, siempre igual, sin variación en

Más detalles

Guía de estilo de imagen de marca 2015

Guía de estilo de imagen de marca 2015 Guía de estilo de imagen de marca 2015 ES Fotografía: David Lliff Grupo PPE en el Parlamento Europeo c/ Wiertz, 60 1047 Bruselas (Bélgica) Redactor Índice Introducción...2 Coherencia gráfica...2 Una identidad

Más detalles

3. SISTEMA DE NORMATIVAS PARA EL LOGOTIPO: UNISALLE

3. SISTEMA DE NORMATIVAS PARA EL LOGOTIPO: UNISALLE MANUAL DE MARCA Este manual cumple un rol específico a nivel comunicativo al definir cada una de las condiciones de uso de la marca, para generar unas reglas que unifiquen todos los mensajes a nivel visual.

Más detalles

Manual de uso: Editor Web del CMS

Manual de uso: Editor Web del CMS Manual de uso: Editor Web del CMS Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo. Índice: 1. Cómo copiar texto desde Word? 2. Cómo resaltar

Más detalles

www.redacademica.edu.co

www.redacademica.edu.co www.redacademica.edu.co 2 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA. Creado por MUMU / El Branding Love en Bogotá, Colombia en Junio del 2013 www.mumu.com.co 3 Hola! Bienvenidos a la anatomía de la identidad

Más detalles

Manual de marca Frente Amplio. Julio 2014

Manual de marca Frente Amplio. Julio 2014 Manual de marca Frente Amplio Julio 2014 Índice 1. Aplicación Logotipo FA 2. Fórmula 3. Convivencia Logo + Fórmula 4. Consigna de Campaña 5. Otras aplicaciones 6. Uso de Tipografía 7. Imagen de Campaña

Más detalles

MANUAL DE IDENTIDAD DE MARCA

MANUAL DE IDENTIDAD DE MARCA MANUAL DE IDENTIDAD DE MARCA ÍNDICE 1. Logotipo pág. 3 1.1 Logotipo 1.2 Conceptos 1.3 Logotipo + nombre 1.4 Logotipo + nombre 1.5 Logotipo: esquema y zona de exclusión 1.6 Logotipo: versiones en positivo

Más detalles

Manual de Normas Gráficas

Manual de Normas Gráficas ÍNDICE CAPÍTULO 1: Introducción La marca 04 05 06 CAPÍTULO 2: Arquitectura de marca Construcción Tipografía Diagramación Variantes permitidas de la marca Relación con otras marcas Usos no permitidos Aplicación

Más detalles

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web

Dreamweaver CS5 Full. 01. Conociendo Adobe Dreamweaver CS5. 02. Creación de sitios y páginas Web 01. Conociendo Adobe Dreamweaver CS5 01.1. Introducción a Adobe Dreamweaver 01.2. Novedades de Dreamweaver CS5 01.3. Requerimientos técnicos 01.4. Editar páginas Web 01.5. Cómo tener una página en Internet

Más detalles

Lineamientos básicos de Imagen Corporativa

Lineamientos básicos de Imagen Corporativa Lineamientos básicos de Imagen Corporativa En el presente documento, se encuentran los lineamientos básicos de Imagen Corporativa, con la finalidad de mantenerla unificada y así fortalecerla en cada aplicación.

Más detalles

Tu Web. marca blanca. Qué es Web a la Carta?

Tu Web. marca blanca. Qué es Web a la Carta? WAC Web a la Carta Qué es Web a la Carta? Tu Web marca blanca Conexión para Pedidos y consulta stock online Totalmente configurable: dominio, imagen, productos, precios, portes, formas de pago, etc Actualización

Más detalles

GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx

GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx Manual de Imagen para Portales Introducción Este manual de imagen fue elaborado por la Dirección General de Informática del Gobierno de

Más detalles

Guía rápida para diseñar Newsletters

Guía rápida para diseñar Newsletters Guía rápida para diseñar Newsletters Incluye plantillas gratuitas, iconos editables y otros elementos visuales Teresa Alba con la colaboración de La importancia del Diseño en Email Marketing El diseño

Más detalles

Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA

Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA Manual de Estilo web 2.0 UNIVERSIDAD DE MÁLAGA Índice 1. INTRODUCCIÓN... 1.1 Nuevo concepto web... 2. ARQUITECTURA DE LA INFORMACIÓN... 2.1 Definición... 2.2 Prototipos y estructura de navegación... 2.2.1

Más detalles

HOSTALIA TU WEB. Manual de Usuario V 1.0. Hostalia Guías de uso 4/8/2014

HOSTALIA TU WEB. Manual de Usuario V 1.0. Hostalia Guías de uso 4/8/2014 HOSTALIA TU WEB Manual de Usuario V 1.0 4/8/2014 Calle San Rafael, 14 28108 Alcobendas (Madrid) Teléfono: 900 103 253 www.hostalia.com ÍNDICE INTRODUCCIÓN 3 VISIÓN GENERAL DE LA APLICACIÓN ONLINE TU WEB

Más detalles

MANUAL DE DISEÑO Y. DIAGRAMACIóN PARA PUBLICACIONES

MANUAL DE DISEÑO Y. DIAGRAMACIóN PARA PUBLICACIONES MANUAL DE DISEÑO Y DIAGRAMACIóN PARA PUBLICACIONES MANUAL DE DISEÑO Y DIAGRAMACIóN Esta publicación ha sido posible gracias al apoyo del Pueblo de los Estados Unidos de América a través de la Agencia

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA

MANUAL DE IDENTIDAD CORPORATIVA El Manual de Identidad Corporativa recoge los elementos constitutivos de la Identidad Visual de Imart. Como elementos constitutivos establecemos las pautas de construcción, el uso de las tipografías y

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

MANUAL GESTIÓN CMS ONLINE

MANUAL GESTIÓN CMS ONLINE MANUAL GESTIÓN CMS ONLINE Índice 1. ACCESO A LA APLICACIÓN... 4 2. CONTENIDO WEB... 5 2.1 GESTIÓN PÁGINAS... 5 2.1.1 Crear una página nueva... 7 2.1.2 Modificar una página... 7 2.1.3 Borrar una página...

Más detalles

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites

Guía Google Sites. En este tema se desarrolla una guía rápida de uso para editar con Google Sites 1. INTRODUCCIÓN Google Sites es una aplicación gratuita que se enmarca dentro de la filosofía Web 2.0. Permite crear el sitio que puede adaptarse a cualquier situación: web personal, informativa, educativa,

Más detalles

Manual de Identidad Corporativa. Manual de Identidad Corporativa

Manual de Identidad Corporativa. Manual de Identidad Corporativa Manual de Identidad Corporativa Manual de Identidad Corporativa Manual de Identidad Corporativa 1. Presentación 2. Objetivos 3. Logotipo 4. Construcción 5. Áreas de Seguridad 6. Tipografía 7. Colores Institucionales

Más detalles

Índice. Logotipo Normalización. Área de Protección. Color. Aplicación del Color. Tipografía. Tipografía Complementaria.

Índice. Logotipo Normalización. Área de Protección. Color. Aplicación del Color. Tipografía. Tipografía Complementaria. Manual de Marca UTILIZACIÓN LOGOTIPO 215 Índice 3 Logotipo Normalización 6 Aplicación del 4 Área de Protección 5 11 Tipografía 12 Tipografía Complementaria 14 Logotipo Áreas 2 Logotipo Normalización x

Más detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

Portal Observatorio Tecnológico Hidalgo UAEH OTecH

Portal Observatorio Tecnológico Hidalgo UAEH OTecH Manual 1 Técnico Portal Observatorio Tecnológico Hidalgo UAEH OTecH Observatorio Tecnológico del Estado de Hidalgo Manual Técnico Portal Obserbatorio Técnologico de Hidalgo Descripción y contenido del

Más detalles

MANUAL BÁSICO Identidad Corporativa

MANUAL BÁSICO Identidad Corporativa MANUAL BÁSICO Identidad Corporativa Marca / Versión color corporativo. 100% Pantone 486 C 10 mm 10 mm 10 mm 10 mm Area de respeto de Marca / en el grafico se define una zona de proteccion que delimita

Más detalles

Manual de identidad corporativa

Manual de identidad corporativa Manual de identidad corporativa Este manual agrupa todas las normas relacionadas con la identidad visual de la marca e-aire; logotipo, marca, colores y tipografía. Recoge también las pautas de diseño que

Más detalles

Manual de identidad visual

Manual de identidad visual Manual de identidad visual Significado de la identidad visual Un trébol de cuatro hojas es una particularidad en la naturaleza, una particularidad con un significado positivo, ya que es símbolo de buena

Más detalles

Certificado de profesionalidad DESARROLLO DE PRODUCTOS EDITORIALES MULTIMEDIA Nivel 3. Diseño gráfico de productos editoriales multimedia 60

Certificado de profesionalidad DESARROLLO DE PRODUCTOS EDITORIALES MULTIMEDIA Nivel 3. Diseño gráfico de productos editoriales multimedia 60 MÓDULO FORMATIVO DATOS IDENTIFICATIVOS DEL MÓDULO FORMATIVO PROYECTOS DE PRODUCTOS EDITORIALES MULTIMEDIA Duración 90 Código MF0935_3 Familia profesional ARTES GRÁFICAS Área profesional Edición Certificado

Más detalles

VICERRECTORÍA DE EXTENSIÓN Y RRII DIRECCIÓN DE COMUNICACIÓN Y MARKETING VERSIÓN 2.0 MARZO 2013

VICERRECTORÍA DE EXTENSIÓN Y RRII DIRECCIÓN DE COMUNICACIÓN Y MARKETING VERSIÓN 2.0 MARZO 2013 VICERRECTORÍA DE EXTENSIÓN Y RRII DIRECCIÓN DE COMUNICACIÓN Y MARKETING VERSIÓN 2.0 MARZO 2013 El contenido de esta normativa es de uso obligatorio al momento de aplicar la marca UC Temuco en los soportes

Más detalles

Manual de Identidad Corporativa

Manual de Identidad Corporativa Introducción El presente Manual tiene como fin recoger los elementos de identidad gráfica de Era7 y la gama de aplicaciones de uso más generalizado. La denominación, la tipografía y los colores corporativos

Más detalles

C/ Juan Ramón Jiménez, 15 28036 Madrid info@asat.es www.asat.es 1

C/ Juan Ramón Jiménez, 15 28036 Madrid info@asat.es www.asat.es 1 1 MANUAL DE IDENTIDAD VISUAL CORPORATIVA Asociación Sectorial de Estudiantes de Ingeniería de Edificación Índice DEFINICIÓN DE LA MARCA... 3 FORMATO DE LA MARCA... 3 COLORES CORPORATIVOS DE LA MARCA...

Más detalles

Normas gráficas para sitios web

Normas gráficas para sitios web Dirección de Servicios de Información y Bibliotecas (SISIB) GUÍA Normas gráficas para sitios web Uso del escudo, tipografía y logotipo en los portales de unidades de la Universidad de Chile. 07.2015 I.

Más detalles

GUÍA ESTÁNDAR PARA SITIOS WEB DEL GOBIERNO

GUÍA ESTÁNDAR PARA SITIOS WEB DEL GOBIERNO GUÍA ESTÁNDAR PARA SITIOS WEB DEL GOBIERNO V.1 Por Nuria Alvarez Asunción - Paraguay GOBIERNO NACIO NAL C o n s t r u y e n d o J u n t o s U n N u e v o R u m b o SECRETARÍA NACIONAL DE TECNOLOGÍAS DE

Más detalles

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1

MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 MANUAL DE USO DE CMS PARA PORTALES WEB CON ACCESIBILIDAD PÁGINA 1 1. Presentación 3 2. Ingreso al Sistema 4 3. Inicio 7 4. Edición de Contenido 11 5. Descargas 29 6. Administración de Menús 32 7. Módulos

Más detalles

PODEMOS. Libro de Estilo

PODEMOS. Libro de Estilo Libro de Estilo LA MARCA: IDENTIDAD BÁSICA I Los círculos y el color morado son los elementos básicos de identificación de Podemos Los elementos básicos de esta identidad son inalterables. Se recomienda

Más detalles

Email Marketing, una herramienta para mejorar tu negocio

Email Marketing, una herramienta para mejorar tu negocio Email Marketing, una herramienta para mejorar tu negocio Calle San Rafael, 14 28108 Alcobendas (Madrid) 902 90 10 20 www..com Introducción Desde la aparición del correo electrónico, éste sistema de comunicación

Más detalles

Versión 1.2.3 Noviembre 2013. V.me by Visa: Manual de comunicaciones de marketing

Versión 1.2.3 Noviembre 2013. V.me by Visa: Manual de comunicaciones de marketing Versión 1.2.3 Noviembre 2013 V.me by Visa: Manual de comunicaciones de marketing Contenido Introducción 3 V.me by Visa: la mejor forma de pagar en Internet 4 Visión general del manual de comunicaciones

Más detalles

Manual de Uso Básico de Identidad

Manual de Uso Básico de Identidad Manual de Uso Básico de Identidad Introducción Junto con el nombre, la marca gráfica o identificador corporativo, como signo básico y primario de identificación visual de una empresa o producto, es de

Más detalles

Manual de normas gráficas / Identidad visual institucional

Manual de normas gráficas / Identidad visual institucional Manual de normas gráficas / Identidad visual institucional ARCHIVOS EDITABLES Los archivos editables de los principales elementos que integran este manual, se encuentran disponibles para ser descargados,

Más detalles

Manual de usuario intranet

Manual de usuario intranet SISTEMA DE INFORMACIÓN PARAMETRIZABLE PARA EL MANEJO DE LA INFORMACIÓN COMERCIAL Y ADMINISTRATIVA DEL ÁREA DIVISIÓN ATENCIÓN AL CLIENTE DE UNA EMPRESA DE TELECOMUNICACIONES, UTILIZANDO LA LIBRERÍA EXTJS

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: ELABORACIÓN DE HOJAS DE ESTILO Código: CSTI008 total: Horas Objetivo General: Construir Hojas de Estilos para

Más detalles

Manual de Identidad Corporativa. Campus d Excel lència Internacional

Manual de Identidad Corporativa. Campus d Excel lència Internacional Manual de Identidad Corporativa 1 Contenido Logotipo principal Variantes del logotipo Positivo y Negativo Logotipo y Claim Escala de reducción Opciones de aplicación Espacio reservado Particiones del logotipo

Más detalles

GELT-Informativo. Descripción. http://www.municipio-departamento.gov.co

GELT-Informativo. Descripción. http://www.municipio-departamento.gov.co Gobierno en línea Territorial GELT Descripción de las herramientas entregadas en el marco de la Estrategia de Gobierno en línea Territorial www.programa.gobiernoenlinea.gov.co Alejandro Barrera Gutierrez

Más detalles

Manual de Administrador

Manual de Administrador Servicio Manual de Administrador Web 2.0 Servicio Web 2.0 Presentación Diseño Web Inicial Diseño Personalizado Control Contenidos Registro de Dominio Hosting en Servidor Correos Electrónicos Con Redes

Más detalles

Academia Torralba. Contenidos prácticos:

Academia Torralba. Contenidos prácticos: MÓDULO I Creación de páginas Web. Temporalización 50 h. Unidad didáctica 1: La estructura de la interfaz y los elementos de diseño Web y multimedia. Diseñar la estructura de una interfaz, identificando

Más detalles

Claves para posicionar tu empresa en Internet. Aprende a diseñar una estrategia efectiva y rentable con

Claves para posicionar tu empresa en Internet. Aprende a diseñar una estrategia efectiva y rentable con Claves para posicionar tu empresa en Internet Aprende a diseñar una estrategia efectiva y rentable con SEO SEM REDES SOCIALES Quienes Somos Partner Google Certificados SEO Woorank Objetivos Llegar a su

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR

DISEÑO WEB MÓDULO II PROGRAMACIÓN CON HTML MÓDULO I GESTIÓN DE UN PROYECTO WEB CURSO TÉCNICO SUPERIOR MÓDULO I GESTIÓN DE UN PROYECTO WEB MÓDULO II PROGRAMACIÓN CON HTML 01. PLANIFICACIÓN Y DESARROLLO DE UN PROYECTO WEB 02. EL DISEÑO GRAFICO APLICADO A WEB Definicion de un sitio web Planificación de un

Más detalles

VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible

VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible VISUAL VEGA 2012 - VISUAL PUBLINET, S.L. A. Presentación B. Tarifas C. Ejemplos D. Demo E. Diseño sensible 1 A. PRESENTACIÓN VISUAL VEGA es el Sistema de Comunicación Empresarial Avanzada de Visual Publinet

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

IMAGEN DE LA UNIDAD ADMINISTRATIVA ESPECIAL JUNTA CENTRAL DE CONTADORES

IMAGEN DE LA UNIDAD ADMINISTRATIVA ESPECIAL JUNTA CENTRAL DE CONTADORES Página 1 de 32 INTRODUCCIÓN La imagen de marca de una empresa, un producto, un servicio, una institución social o una agremiación, es material de consulta permanente para quienes elaboren todo tipo de

Más detalles

1. UNA PÁGINA WEB SENCILLA

1. UNA PÁGINA WEB SENCILLA { 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...

Más detalles

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO

Click Computación Especialidad: Diplomado Materia: HTML y CSS3 40 Horas HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO CONTENIDO TEMATICO: HTMLY CSS3: HISTORIA, PRESENTE Y FUTURO Presentación de la formación y del formador INSTALACIÓN DE NAVEGADORES Y HERRAMIENTAS Descarga e instalación de Mozilla Firefox Descarga e instalación

Más detalles

LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA

LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA

Más detalles

MANUAL DE MARCA. Agencias privadas y bolsas de empleo

MANUAL DE MARCA. Agencias privadas y bolsas de empleo MANUAL DE MARCA Agencias privadas y bolsas de empleo CONTENIDOS LOGOTIPO Tono de marca Logotipo Plano mecánico Paleta de color Manejo de color Sobre fondo de color Reserva del logo Fuentes tipográficas

Más detalles

GUÍA DE LENGUAJE E. identidad. visual NATURA/ RED DE RELACIONES SUSTENTABLES

GUÍA DE LENGUAJE E. identidad. visual NATURA/ RED DE RELACIONES SUSTENTABLES GUÍA DE LENGUAJE E identidad visual NATURA/ RED DE RELACIONES SUSTENTABLES introducción Nuestro logotipo, tipografía y los colores que utilizamos representan la esencia de la identidad visual de Natura,

Más detalles

EDITOR MANUAL DE USUARIO:

EDITOR MANUAL DE USUARIO: MANUAL DE USUARIO: EDITOR Sistema drag & drop... 2 1. Gestor de contenidos... 3 2. Editor de estilo... 5 3. Añadir elementos... 6 4. Deshacer/Rehacer... 13 5. Guardar... 13 Al acceder al visualizador del

Más detalles

guía de uso práctico de la nueva identidad de la facultad de ciencias sociales

guía de uso práctico de la nueva identidad de la facultad de ciencias sociales guía de uso práctico de la nueva identidad de la facultad de ciencias sociales presentación Este documento busca presentar, de un modo resumido y de fácil acceso, el nuevo logotipo de la Facultad de Ciencias

Más detalles

Manual de uso de escritorio web Franquiciadores.com

Manual de uso de escritorio web Franquiciadores.com Manual de uso de escritorio web Franquiciadores.com Desarrollado por 1 Iniciar sesión En primer lugar recibirás un correo proveniente de Franquiciadores, indicando que se ha creado un nuevo usuario vinculado

Más detalles

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet

E-Info Commerce. Sáquele el máximo rendimiento a su negocio en Internet Sáquele el máximo rendimiento a su negocio en Internet Qué es la solución E-Info Commerce? Solución Web para ofrecer un servicio de valor añadido a sus clientes o empleados. Damos un paso más a la imagen

Más detalles

Logotipo. Manual de Marca de Celsia Copyright 2012 Celsia Todos los derechos reservados.

Logotipo. Manual de Marca de Celsia Copyright 2012 Celsia Todos los derechos reservados. Logotipo 11 Identidad > Logotipo Versiones en color El logotipo puede ser utilizado en las siguientes versiones en color: 1. Versión vertical: logotipo en PANTONE 166C sobre fondo blanco. 2. Versión vertical:

Más detalles

ANTECEDENTES GRUPO MENÚ EXPRESS S. C.

ANTECEDENTES GRUPO MENÚ EXPRESS S. C. MENÚ EXPRESS tiene el gusto de anunciar a nuestros distinguidos socios, la apertura del DEPARTAMENETO DE DISEÑO GRÁFICO Y WEB, en que se desarrollan varios trabajos, entre ellos: DISEÑO GRÁFICO: Identidad

Más detalles

TÉCNICO EN DISEÑO WEB

TÉCNICO EN DISEÑO WEB TÉCNICO EN DISEÑO WEB Descripción del curso: Curso dividido en tres módulos, donde el alumno aprenderá: Dreamweaver CS5: Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el

Más detalles

Introducción. Cualquier duda o solicitud relacionadas con el presente manual puede ser resuelta enviando un correo a comunicaciones@anspe.gov.

Introducción. Cualquier duda o solicitud relacionadas con el presente manual puede ser resuelta enviando un correo a comunicaciones@anspe.gov. Manual de Imagen 2015 Introducción La Agencia Nacional para la Superación de la Pobreza Extrema ANSPE es la entidad del Gobierno Nacional encargada de la Estrategia de promoción social para la población

Más detalles

Instituto Superior de Educación Física Manual de identidad visual

Instituto Superior de Educación Física Manual de identidad visual INTRODUCCIÓN CONTENIDO EL LOGOTIPO Introducción Variantes Dimensiones Versiones Convivencia Zona de exclusión 1.00 1.01 1.02 1.03 1.04 1.05 1.06 ELEMENTOS BÁSICOS Colores Paleta secundaria Tipografía 2.00

Más detalles

MANUAL DE USO DEL ISOLOGOTIPO DE LA UNIVERSIDAD NACIONAL DE LA PAMPA

MANUAL DE USO DEL ISOLOGOTIPO DE LA UNIVERSIDAD NACIONAL DE LA PAMPA UNLPam MANUAL DE USO DEL ISOLOGOTIPO DE LA UNIVERSIDAD NACIONAL DE LA PAMPA Santa Rosa. Junio de 2014 ANEXO I Resolución 206/2014 CS / 2014 RESPONSABLES RECTOR Sergio Aldo BAUDINO VICERRECTOR Mg. Hugo

Más detalles

Gestor de Contenido del Sitio Web de la SAyDS

Gestor de Contenido del Sitio Web de la SAyDS Instructivo Gestor de Contenido del Sitio Web de la SAyDS 2009 - Sistema de Información Ambiental Nacional 1 Introducción 02 Perfiles de usuario 03 Estructura de la página Web 04 Ingreso a la aplicación

Más detalles

ADOBE MUSE. Creación del primer sitio web

ADOBE MUSE. Creación del primer sitio web ADOBE MUSE Creación del primer sitio web Tabla de contenido Capítulo 1 Instalación del software y configuración del proyecto de ejemplo Creación del mapa del sitio Edición de la página maestra A Configuración

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República

Más detalles

Guía básica de aplicación de marca. Agosto 2013

Guía básica de aplicación de marca. Agosto 2013 Guía básica de aplicación de marca Agosto 2013 Esta guía resume las características técnicas de nuestra marca y debe aplicarse de manera rigurosa para la producción de todo tipo de elementos relacionados

Más detalles

SISTEMA CORREO MASIVO UC

SISTEMA CORREO MASIVO UC SISTEMA CORREO MASIVO UC MANUAL DE USUARIO Versión 2.5 Subdirección de Innovación Tecnológica RESUMEN EJECUTIVO En la búsqueda constante de una mayor innovación, preocupados de incorporar las herramientas

Más detalles

Guía de Identidad Gráfica Programa MANEJO FORESTAL SOSTENIBLE EN LA REGIÓN ANDINA

Guía de Identidad Gráfica Programa MANEJO FORESTAL SOSTENIBLE EN LA REGIÓN ANDINA Guía de Identidad Gráfica Programa MANEJO FORESTAL SOSTENIBLE EN LA REGIÓN ANDINA -Enero 2014-0 Índice Introducción... 2 1. El logo... 3 1.1 Uso del logo MFS... 3 1.2 Uso de logos del Programa MFS, Instituto

Más detalles

INSTRUCTIVO. dominion. méxico

INSTRUCTIVO. dominion. méxico INSTRUCTIVO dominion méxico índice de contenidos INSTRUCTIVO BÁSICO LOGO TIPOGRAFÍAS PLANTILLAS Word Excel Power Point CORREO ELECTRÓNICO Firma pag. 4 pag. 5 pag. 7 pag. 18 plantillas Elementos gráficos

Más detalles

Editor Web OnLine de ENTEL DataCenter

Editor Web OnLine de ENTEL DataCenter Versión 1.4 Editor Web OnLine de ENTEL DataCenter Gerencia de Sistemas Dir. Desarrollo Internet y Banda Ancha Gerencia Depto. Data Center Area Data Center. Versión 1.4 Pág. 2 INDICE 1 PRESENTACIÓN----------------------------------------------------------------------------------------3

Más detalles

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web 56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales

Más detalles

Estándares de la Marca Comercial MasterCard

Estándares de la Marca Comercial MasterCard DIRECTRICES DE MARCA Estándares de la Marca Comercial MasterCard Versión 1.0 Abril 2015 Descripción general de la Marca MasterCard La Marca MasterCard puede aparecer únicamente en versiones aprobadas.

Más detalles