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

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 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

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

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

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

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

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

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

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

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

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

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 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

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

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 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

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

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

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

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 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

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

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

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 de Identidad Visual Corporativa

Guía de Identidad Visual Corporativa Guía de Identidad Visual Corporativa 1996-2016 LA MARCA URJC 20 ANIVERSARIO: DIFERENTES LOGOTIPOS Y COLORES La marca URJC 20 aniversario está formada por símbolo y logotipo. El logotipo de la URJC debe

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

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 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

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

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 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

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

Í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

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

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

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

Normas para realizar un Blog

Normas para realizar un Blog Normas para realizar un Blog Normas Ejercicio 1 - Crear nuestro Blog. Ejercicio 2 - Crear una entrada para publicar un mensaje en el blog. Ejercicio 3 - Diseñar y Configurar nuestro blog. EJERCICIO 1 Crear

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

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

Moodle para administradores de centro. Administradores de centro

Moodle para administradores de centro. Administradores de centro Moodle para administradores de centro Administradores de centro INDICE 1. Acercamiento a la plataforma 2. Hojear lista de usuarios 3. Acciones masivas de usuario 4. Agregar usuario 5. Subir usuario 6.

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

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

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

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

Manual de Uso del Backend Manejador de Contenidos Simoparma

Manual de Uso del Backend Manejador de Contenidos Simoparma Manual de Uso del Backend Manejador de Contenidos Simoparma Diseño Gráfico Programación Empresa Cliente 1.- Inicio de Sesión: Para iniciar sesión se accede mediante el enlace: http://www.simoparma.com/web/admin/login.html

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

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

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

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 Usuario Site Web Quimbiotec

Manual de Usuario Site Web Quimbiotec Manual de Usuario Site Web Quimbiotec Altos de Pipe, 04 de Enero de 2015 1. Ingresar Al sistema En el siguiente link puedes visualizar la página: http://172.16.1.27/web/web/ Para acceder al manejador de

Más detalles

Manual de Usuario: Market Interact Basic

Manual de Usuario: Market Interact Basic Manual de Usuario: Market Interact Basic La fibra no tiene competencia ÍNDICE Introducción Contactos Importación Gestión de duplicados Grupos objetivo Nuevo grupo y asociación de contactos Nuevo grupo

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

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

Video dentro de una página Web interna del curso

Video dentro de una página Web interna del curso Video dentro de una página Web interna del curso Una vez el curso esté en modo de edición de clic en el enlace Añadir una actividad o recurso De la lista de Actividades y Recursos, seleccione Página en

Más detalles

HTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes

HTML INDICE: 1 Internet 2 Conceptos básicos 3 Estructura de un documento HTML 4 Dar formato a un documento 5 Listas 6 Imágenes HTML INDICE: 1 Internet 1.1 Qué es Internet 1.2 Los comienzos de Internet 1.3 Aplicaciones que nos ofrece Internet 1.4 Qué es WWW 1.5 Servicios que nos ofrece WWW 1.6 Cuestionario: Internet 2 Conceptos

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 NORMAS GRÁFICAS

MANUAL DE NORMAS GRÁFICAS MANUAL DE NORMAS GRÁFICAS ÍNDICE 3 Logotipo 4 Conceptos 5 Centro de Innovación Educativa (CIE) 6 ESPECIFICACIONES TÉCNICAS Construcción 7 Área autónoma 8 Tamaños mínimos 9 Positivo, negativo, escala de

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

PROGRAMA DE IDENTIDAD VISUAL CORPORATIVA DEL PROGRAMA INTEGRAL DE DEPORTE ESCOLAR DEL MUNICIPIO DE SEGOVIA (PIDEMSG)

PROGRAMA DE IDENTIDAD VISUAL CORPORATIVA DEL PROGRAMA INTEGRAL DE DEPORTE ESCOLAR DEL MUNICIPIO DE SEGOVIA (PIDEMSG) PROGRAMA DE IDENTIDAD VISUAL CORPORATIVA DEL PROGRAMA INTEGRAL DE DEPORTE ESCOLAR DEL MUNICIPIO DE SEGOVIA (PIDEMSG) ÍNDICE 1. INTRODUCCIÓN y PRESENTACIÓN DEL LOGOSÍMBOLO 2. USOS DEL LOGOSÍMBOLO 2.1. PLANIMETRÍA:

Más detalles

CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB]

CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB] CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB Autor: Ing. Ester Regalado Miranda [Reglas para estructurar y diseñar páginas WEB] Pasos a seguir para elaborar una página WEB La realización y creación

Más detalles

Presentación . 02 . 03. 03. 04. 05. 07. 08. 10. 12. 13

Presentación . 02 . 03. 03. 04. 05. 07. 08. 10. 12. 13 Presentación Modulos Administración Email Marketing Tienda Virtual Ventas Internet Productos Ventas Estadísticas Estadísticas Internet Opciones Portada Clientes Paginas Informativas Artículos Productos.

Más detalles

LA MARCA EL LOGOTIPO / 01

LA MARCA EL LOGOTIPO / 01 2015 BRAND BOOK LA MARCA LA MARCA Radio Television de Colombia RTVC es el Sistema de Medios Públicos que desde la radio, la televisión y los nuevos medios crea, diseña, produce, preserva, transmite y pone

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

Temario 2015 para la certificación de MS Word Nivel Fundamentos Para versiones de Ms Office 2007 y sucesivas

Temario 2015 para la certificación de MS Word Nivel Fundamentos Para versiones de Ms Office 2007 y sucesivas Temario 2015 para la certificación de MS Word Nivel Fundamentos Administración de archivos Nuevo - Abrir Guardar - Guardar Como - Cerrar Salir de la aplicación Manejo del entorno Cambiar la vista de página

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

Sistemas de Información 23 de Marzo de 2012

Sistemas de Información 23 de Marzo de 2012 23 de Marzo de 2012 Índice de contenido Introducción... 1 1. Elementos Gráficos que componen el Sistema de Información... 2 1.1 Cabezote del Sistema... 4 1.1.1 Título... 4 1.1.2 Escudo... 4 1.1.3 Fondo...

Más detalles

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas

CURSO HTML5. www.council.cl. Dirección: Serrano #73, Piso 4, Oficina 414 Santiago, Chile. 1) Instalación de Navegadores y Herramientas CURSO HTML5 1) Instalación de Navegadores y Herramientas Descarga e instalación de Mozilla Firefox Descarga e instalación de Google Chrome Descarga e instalación de Opera No tiene nombre en planilla Descarga

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

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

MANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada.

MANUAL JOOMLA. Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. MANUAL JOOMLA Ingresar a : http://www.oceanperu.com CONFIGURACIÓN DE SU CUENTA Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. Para

Más detalles

Crear una página Html con el Editor.

Crear una página Html con el Editor. Crear una página Html con el Editor. El Editor de Páginas HTML de RODAS permite a los usuarios crear, cargar y editar una serie de páginas web HTML que se almacenará en Mis Objetos o en una colección durante

Más detalles

MANUAL DE CLIENTE RECEPTOR

MANUAL DE CLIENTE RECEPTOR MANUAL DE CLIENTE RECEPTOR CLICKFACTURA SERVICIO CLICKFACTURA 2015 Copyright El contenido de este documento está sujeto a cambios sin previa notificación. Se prohíbe cualquier reproducción o copia sin

Más detalles

Documento de Ingeniería Detallada (DID)

Documento de Ingeniería Detallada (DID) Documento de Ingeniería Detallada (DID) CLIENTE: SAKURA SPA PRODUCTO: PÁGINA WEB. CONSULTOR COMERCIAL: MARYLIN LOPEZ PROJECT MANAGER: VIVIANA GÓMEZ MUÑOZ 0 CONTENIDOS: 1. Descripción general del proyecto.

Más detalles

CURSO COMPLETO DE INFORMÁTICA (GES-008)

CURSO COMPLETO DE INFORMÁTICA (GES-008) CURSO COMPLETO DE INFORMÁTICA (GES-008) FICHA FORMATIVA DESTINATARIOS: Este curso está dirigido a empresarios, directivos, emprendedores, trabajadores del sector de la hostelería, turismo y restauración

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

Á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

mediante tablet t de: Office

mediante tablet t de: Office Curso ICA realizado mediante tablet t de: Office 2010 . Objetivos: Word 2010 Desarrollar las habilidades necesarias para gestionar documentos de texto, de manera que se resuelvan los problemas complejos

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

Herramientas de Google

Herramientas de Google 1 Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Crear sitio...5 Acceso a Google Sites...5 Registro del sitio...6 La página de inicio...8 Añadir páginas...9 Añadir páginas...9 Página

Más detalles

STRATO LivePages Inicio rápido

STRATO LivePages Inicio rápido STRATO LivePages Inicio rápido LivePages es la práctica herramienta de creación de páginas web de STRATO. En pocos pasos podrá crear su propia página web y publicarla en Internet sin necesidad de conocimientos

Más detalles

Manual de wiki Cap. 4. Insertar página con texto Pág. 1. Manual de wiki. Capítulo 4. Insertar páginas con texto

Manual de wiki Cap. 4. Insertar página con texto Pág. 1. Manual de wiki. Capítulo 4. Insertar páginas con texto Manual de wiki Cap. 4. Insertar página con texto Pág. 1 Manual de wiki Capítulo 4. Insertar páginas con texto Realizado por: http://creativecommons.org/licenses/by-sa/3.0 Rafael Palomo López (CEP de Málaga)

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

Una guía rápida para. Configurar Tus Campañas

Una guía rápida para. Configurar Tus Campañas Una guía rápida para Configurar Tus Campañas En esta guía... Aprende a crear una campaña de marketing por email en GetResponse y gestiona todas las opciones integradas, diseñadas para maximizar la eficiencia

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

Tabla de contenido. Cenáutica MANUAL BÁSICO DE IDENTIDAD CORPORATIVA INTRODUCCIÓN, 1 EL LOGOTIPO, 2 EL ISOTIPO, 3 CONSTRUCCIÓN DEL LOGOTIPO, 4

Tabla de contenido. Cenáutica MANUAL BÁSICO DE IDENTIDAD CORPORATIVA INTRODUCCIÓN, 1 EL LOGOTIPO, 2 EL ISOTIPO, 3 CONSTRUCCIÓN DEL LOGOTIPO, 4 Tabla de contenido INTRODUCCIÓN, 1 EL LOGOTIPO, 2 EL ISOTIPO, 3 CONSTRUCCIÓN DEL LOGOTIPO, 4 COLORES CORPORATIVOS PRIMARIOS, 5 COLORES CORPORATIVOS SECUNDARIOS, 6 TIPOGRAFÍA CORPORATIVA PRIMARIA, 7 TIPOGRAFÍA

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

TIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS:

TIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS: TIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS: Los banners pueden ser estáticos o animados, son de formato rectangular, cuadrado e irregular (con fondo blanco

Más detalles

Una guía rápida para. Crear Boletines de Noticias

Una guía rápida para. Crear Boletines de Noticias Una guía rápida para Crear Boletines de Noticias En esta guía Aprende a crear mensajes atractivos, con lenguaje HTML y con texto sin formato para involucrar a tus contactos. Conoce sus preferencias para

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

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

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

OFERTA COMERCIAL 2015

OFERTA COMERCIAL 2015 OFERTA COMERCIAL 2015 Le invitamos a ser nuestro aliado comercial en el más dinámico Curso de Actualización total en Cardiología en Venezuela. El 3C avanza a un formato práctico, ecológico y tecnológico,

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 IDENTIDAD VISUAL

MANUAL DE IDENTIDAD VISUAL FEDERACIÓN DE CENTROS DE ESTUDIANTES Dirección de Información MANUAL DE IDENTIDAD VISUAL 1.IMAGEN 1.1. LOGO El logo, el cual consiste en el cromovegetal eslilizado, con diferentes tonalidades de verde

Más detalles

Jornadas de Accesibilidad

Jornadas de Accesibilidad Christian González (Diseño y estándares web) Jornadas de Dispositivos móviles. Navegadores móviles. Antes de comenzar a meter código. Estructura de maquetación. Buenas prácticas. Enlaces. Muchas gracias.

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

Soluciones FINTECH centradas en el usuario

Soluciones FINTECH centradas en el usuario Collection Services Soluciones FINTECH centradas en el usuario TECHNOactivity es una empresa de innovación especializada en soluciones de pago. A través de nuestra plataforma tecnológica MYMOID, ofrecemos

Más detalles

PRESENTACIÓN DEL PRODUCTO

PRESENTACIÓN DEL PRODUCTO PRESENTACIÓN DEL PRODUCTO esernet, s.l. Sebastián Elcano, 32 Planta 1 Oficina 22 28012 Madrid Teléfono: 91 433 84 38 -- Fax. 91 141 21 89 www.esernet.com -- esernet@esernet.com 1. Introducción 2. Descripción

Más detalles