Formatos publicitarios en medios digitales

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

Download "Formatos publicitarios en medios digitales"

Transcripción

1 6 Formatos publicitarios en medios digitales Guía de uso de la marca Diciembre

2 6Formatos publicitarios en medios digitales 1. Elementos básicos 1.1 Logotipo 1.2 El degradado Telefónica y el color 1.3 Tipografías 1.4 Fotografía 1.5 Ilustración 1.6 Botones y enlaces 1.7 Favicon 2. Layout Digital 2.1 Logotipo 2.2 La ventana 2.3 Audiencias 2.4 Layout 2.5 Sistema de capas 2.6 Sistema de firma 2.7 Sistema de transiciones 2.8 Integración en vídeo 2.9 Vínculos a Redes Sociales 3. Formatos estáticos Newsletter 3.3 Redes Sociales 3.4 Banners 3.5 Minisites 4. Formatos dinámicos 4.1 Redes Sociales 4.2 Banners 4.3 Mupis 4.4 Minisites 2

3 INTRODUCCIÓN Esta guía ha sido diseñada con el objetivo de normalizar y alinear todas las piezas publicitarias de la marca Telefónica en entornos digitales a través de una serie de pautas básicas de aplicación que permitan preservar la coherencia y construir una marca más fuerte y competitiva, sin limitar por ello la capacidad creativa de futuras comunicaciones. Cumpliendo las normas que aparecen en esta guía, contribuiremos, no sólo a comunicar de forma homogénea, sino también a reforzar el carácter de la marca Telefónica. 3

4 ELEMENTOS BÁSICOS 11.1 Logotipo 1.2 El degradado Telefónica y el color 1.3 Tipografías 1.4 Fotografía 1.5 Ilustración 1.6 Botones y enlaces 1.7 Favicon 4

5 ELEMENTOS BÁSICOS 1.1 LOGOTIPO Versiones de color Las versiones de color correctas son las definidas en este punto. El logotipo Telefónica siempre se colocará sobre el degradado Telefónica, en negativo, o sobre fondo blanco, en positivo. No se recomienda aplicar el logotipo Telefónica sobre cualquier otro color o fondo. Para los casos en que necesitemos reproducir el logotipo Telefónica en blanco y negro, utilizaremos un 90% de negro en ambas versiones, positivo y negativo. Versión negativo sobre degradado Telefónica Versión positivo sobre fondo blanco Área de protección 1/2x x 3/4x La correcta legibilidad del logotipo Telefónica es de gran importacia, por eso se propone que nunca se reproduzca a un tamaño inferior a 60 píxeles de ancho. Versión negativo monocromática Tamaño mínimo Versión positivo monocromática 60 px Este material está disponible en: Descargar Logotipo_Telefonica.ai 5

6 ELEMENTOS BÁSICOS 1.1 LOGOTIPO. USOS INCORRECTOS Lo que no se debe hacer Existen unas pautas claras a seguir en la utlilización del logotipo Telefónica. Cualquier modificación del logotipo aquí expuesta no está permitida. No elimines de la marca el símbolo establecido. No apliques la marca con colores no especificados. No apliques la marca sobre un fondo de color incorrecto. No aplique la marca sobre fondos fotográficos. No gires la marca, alteres su composición horizontal ni apliques sombras ni otros efectos a la marca. No coloques la marca a una resolución inferior que haga pixelar la imagen. Powered by. AREA CORPORATIVA No endoses la marca. No coloques la marca dentro de un contenedor no especificado. No añadas otros elementos respeta el área de protección. 6

7 ELEMENTOS BÁSICOS 1.2 EL DEGRADADO TELEFÓNICA Y EL COLOR El color La paleta de color Telefónica está conformada por el azul y su degradado mas los colores de resalte. Ambos conforman una paleta de color funcional y atractiva, evocando tonos neutros obtenidos de la naturaleza. Las principales características y usos de nuestra paleta de color son: El Azul Telefónica: se usará como tono principal. El Degradado Telefónica: será una herramienta primordial en la identidad y se convertirá en el elemento diferenciador. Se aplica en sentido diagonal, azul claro en el lado inferior derecho y azul oscuro en el superior izquierdo. Azules claros Telefónica: se usarán para resaltar y crear contraste. El Ocre Telefónica: será exclusivamente el color de apoyo en la tipografía Telefónica Script. Grises Telefónica: se utilizarán como colores de apoyo, para resaltar y crear contraste. Los colores de fondo proporcionan profundidad y ayudan a resaltar determinados campos, además de contribuir a crear diferencias que faciliten la lectura y enriquezcan el aspecto visual de las piezas. Se aplican como fondo de tabla o como fondo de módulos de texto y tienen como objetivo ayudar a resaltar, sobre el blanco de fondo, datos de relevancia, ya sean textuales o numéricos. Azul Telefónica HTML # Degradado Telefónica HTML #002D36 Diagonal HTML #00759A Colores secundarios Azul claro Telefónica Azul claro Telefónica Ocre Telefónica HTML #00C6D7 HTML #D5EEFA HTML #BB650E Blanco Negro Gris medio Gris claro HTML #FFFFFF HTML # HTML # HTML # Colores de fondo HTML #F6F7F9 HTML #F1F3F2 HTML #EDF2F5 HTML #DDE8EA HTML #D3E1E4 7

8 ELEMENTOS BÁSICOS 1.3 TIPOGRAFÍAS Uno de los elementos fundamentales de nuestra identidad es nuestra tipografía. Existen dos grupos de fuentes: La tipografía corporativa, de uso principal. La tipografía HTML, de uso secundario. Se podrán combinar ambas tipografías en Newsletters y s, aplicando siempre la corporativa en titulares y HTML en el cuerpo de texto. También en cualquier caso en el que, por motivos técnicos o de legibilidad, sea necesario. Tipografía corporativa (uso principal) La tipografía corporativa será de uso obligatorio. En aquellos casos en los que no sea posible, se podrá utilizar la tipografía de uso secundario HTML. Como no podemos usar las tipografías corporativas en algunos entornos web, crearemos imágenes con los titulares y subtitulares. Cuando sea necesario hacer uso de imágenes en los titulares deberán ir indexadas para facilitar su presencia en buscadores. Titulares Aa Body copy Aa Siempre utilizaremos en Photoshop el tipo de suavizado nítido en la composición de textos. Escribimos nuestros titulares en Telefónica Headline Light. El body copy en Telefónica Text con las opciones de tres pesos: bold, regular e italic. Normalmente usaremos el peso Regular, cuando queremos resaltar un texto escribiremos en Telefónica Text Bold y aplicaremos el peso italic para los nombres de obras, extranjerismos, etc. En los casos en que la legibilidad de un texto extenso no sea óptima recomendamos sustituir la tipografía corporativa Telefónica por la Arial. Telefónica Headline light ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Resaltes Aa Futuro Telefónica Text Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Este material está disponible en: Descargar Fonts_Telefonica 8

9 ELEMENTOS BÁSICOS 1.3 TIPOGRAFÍAS Tipografía HTML (uso secundario) Siempre que no sea posible utilizar la tipografía corporativa Telefónica, por problemas de legibilidad o razones técnicas propias del medio on-line, debemos contemplar la posibilidad de utilizar la tipografía html, es decir tipografía de sistema que asegure su perfecta visualización en cualquier ordenador. Las tipografías html elegidas para Telefónica son: Verdana para titulares y Arial para body copy. Es fundamental, en la elección de la fuente el cuerpo a utilizar, tener clara la jerarquía informativa: resaltar un titular por encima de los subtitulares y a su vez éstos sobre el bodycopy, es básico. El uso de colores también ayuda a la jerarquización informativa por esta razón siempre utilizaremos el azul en titulares y subtitulares y el negro para el cuerpo de texto. Titulares y subtitulares: Verdana Body copy: Arial Aa Aa Usaremos Verdana en cuerpos más grandes, para titulares, subtitulares, precios... y, en general, para los elementos con mayor importancia gráfica. También observar que sus caracteres son más cercanos a la tipografía corporativa Telefónica, con lo que conseguiremos una imagen más homogénea. Usaremos Arial para el grueso de la información, por su alta legibilidad y la menor anchura de los caracteres con respecto a la Verdana. Verdana Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Verdana Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Verdana Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Este material está disponible en: Descargar Fonts_Telefonica 9

10 ELEMENTOS BÁSICOS 1.4 FOTOGRAFÍA Cuando miramos con amplitud o cuando nos fijamos en los detalles. Todas nuestras fotografías deben tener una personalidad única, la personalidad Telefónica. Una visión elevada del mundo que nos otorga un conocimiento más objetivo de las cosas. Vista aérea. Fotografía de tierra. Ésta es la visión más amplia de la superficie de la tierra. Nos permite obtener las tomas más impactantes y las escenas más inspiradoras. Desde imágenes rurales a las ciudades más cosmopolitas. Seleccionaremos imágenes impactantes por su grandiosidad o colorido que nos conmuevan y nos enganchen. Vista elevada. Fotografía de tierra/gente. Nuestro zoom se acerca a nivel de la calle. Comenzamos a ver y diferenciar personas desarrollando su actividad cotidiana en entornos reales. La posición ligeramente elevada sobre los protagonistas nos da la sensación de que la marca está en todas partes, nos arropa. Vista cercana. Fotografía de gente. Nos acercamos totalmente a la acción y nos enfocamos sobre los protagonistas, perdiendo así las referencias del entorno pero marcando más los detalles tanto de las acciones como de sus expresiones. Nuestra posición ahora mira de tú a tú a las personas, siempre sin perder el ángulo elevado e incluso, en algunos casos, podrán interactuar con la cámara si necesitamos más cercanía. Vista aérea. Fotografía de tierra. Vista elevada. Fotografía de tierra/gente. Vista cercana. Fotografía de gente. Para más información consultar el capítulo 4 Estilo Fotográfico de la guía de uso de la marca. 10

11 ELEMENTOS BÁSICOS 1.5 ILUSTRACIÓN Por su componente humano y de cercanía, utilizaremos este tipo de ilustración en piezas dirigidas a empleados y a la sociedad (sólo Fundación y Responsabilidad Corporativa). Estas ilustraciones deberán ser conceptuales y limpias, simulando un dibujo de trazo sencillo, hecho a mano alzada. Intentaremos no abusar de este recurso y en la medida de lo posible evitaremos utilizar más de una ilustración por página o soporte unitario. Para el trazo emplearemos el Pantone 153 y si queremos resaltar o decorar elementos dentro de la ilustración usaremos una trama al 30% del Pantone Conceptual Sencilla Imaginativa Para más información consultar el capítulo 3 Sistema de Formatos de la guía de uso de la marca. 11

12 ELEMENTOS BÁSICOS 1.6 BOTONES Y ENLACES El color distintivo de contenido enlazado o de botones de acción será azul, dentro de la gama de colores corporativos. El estado de rollover aparecerá subrayado. #00C6D7 #00C6D7 enlace enlace #00C6D7 #00C6D7 enlace enlace Colores #00C6D7 #00C6D7 Tipografía Aa Aa Telefónica Headline light Color de texto enlazado sobre fondo blanco Color de texto enlazado sobre fondo azul Dependiendo de la acción a ejecutar, se han establecido dos estilos diferentes de botones: los que implican la ejecución o cancelación de una operación y los de ampliación de información. Sobre Blanco #00C6D7 Sobre Degradado Telefónica enlace #00C6D7 Botón con texto Los utilizaremos para destacar una acción o reforzar el call to action Sobre Blanco enlace #00C6D7 Aa #00C6D7 Aa #DDE8EA #DDE8EA Más información Sobre Degradado Telefónica #00C6D7 Más información Colores Tipografía Aa Aa Más información Dependiendo de su importancia en la acción a ejecutar; se han establecido tres estilos diferentes de botones Colores Tipografía Telefónica Headline light Aa Telefónica Headline light Cómo se crean? Para los botones con textos usamos la tipografía Telefónica Headline Light a 16 px de altura. BOTÓN ICONO +TEXTO Son los de más relevancia. En piezas de comunicación, estos botones se pueden utilizar cuando la url de destino inicia un proceso de compra, contratación, activación, descarga... Tipografía: Telefónica Headline Light Color: #FFFFFF #DDE8EA BOTÓN CON TEXTO #00C6D7 Aa Los utilizamos para destacar una acción o reforzar el call to action. Tipografía: Telefónica Headline Light Color: #FFFFFF BOTÓN CON Aa ICONO Para piezas con múltiples enlaces como los listados de productos, se deben acompañar siempre por un literal que aclare la acción a ejecutar. Tamaño: Color: 28x28 px #FFFFFF Este material está disponible en: Descargar Botones-BMP.psd 8 px 28 px 28 px 28 px 14 px 28 px 28 px 12

13 ELEMENTOS BÁSICOS 1.7 FAVICON Favicon El Favicon es un icono de 16 x 16 px que aparece en la barra de direcciones de los navegadores encabezando la url como elemento identificador del website. Debido a las reducidas dimensiones del Favicon, Telefónica no puede aparecer en su totalidad de forma legible por lo que sólo se mostrará Tel 16 px 16 px Este material está disponible en: Descargar Botones-BMP.psd 13

14 LAYOUT DIGITAL 22.1 Logotipo 2.2 La ventana 2.3 Audiencias 2.4 Layout 2.5 Sistema de capas 2.6 Sistema de firma 2.7 Sistema de transiciones 2.8 Integración de vídeo 2.9 Vínculos a Redes Sociales 14

15 LAYOUT DIGITAL 2.1 LOGOTIPO El logotipo Telefónica siempre se colocará sobre el degradado Telefónica, en negativo, o sobre fondo blanco, en positivo. No se recomienda aplicar el logotipo Telefónica sobre otro color o fondo. Si es preciso aplicarlo sobre fotografía, deberá hacerse observando su correcta legibilidad. Para los casos en que necesitemos reproducir el logotipo Telefónica en blanco y negro, utilizaremos un 90% de negro en ambas versiones, positivo y negativo. El logotipo deberá tener aire a lo largo de todo su perímetro, respetando el área de protección en todas las aplicaciones. La correcta legibilidad del logotipo Telefónica es de gran importancia, por eso se propone que nunca se reproduzca a un tamaño inferior a 60 px de ancho. 3/4x 1/2x x 1/2x Tamaño mínimo x 3/4x 60 px 15

16 LAYOUT DIGITAL 2.2 LA VENTANA La ventana es un elemento gráfico clave que nos ayuda a destacar la información de las piezas de comunicación y crea una fuerte identidad de marca. A continuación mostramos cómo se construye la ventana y cabecera destinadas para la web Telefónica, y que como excepción su inclinación será de 2º. Construcción de ventana: -2º -2º Se parte de un rectángulo y con la ayuda de unas guías se aplica -2º de inclinación en los lados superior e inferior derecho. Podemos aumentar el tamaño de la ventana según las necesidades del contenido o diseño, siempre respetando los ángulos de los lados. Construcción de cabecera web: -2º Se parte de un rectángulo cuyo ancho vendrá determinado por la resolución de la web y al que aplicaremos -2º de inclinación en los lados superior e inferior derecho. 16

17 LAYOUT DIGITAL 2.3 AUDIENCIAS Existe un único formato para la comunicación de Telefónica que se adapta según la audiencia. Para audiencias externas predominará el degradado azul sobre el blanco y en el caso de Empleados y Fundación, al contrario. Es primordial distinguir la audiencia a la que va dirigida la pieza publicitaria y conocer las herramientas que tenemos para comunicarnos. Estas herramientas se explican a continuación. Externa Sociedad - Comunicación Institucional - Patrocinios Socios Accionistas Multinacionales Grandes clientes Empleados y Fundación 17

18 LAYOUT DIGITAL 2.3 AUDIENCIAS EXTERNAS Estos son los elementos gráficos que utilizaremos cuando nos comuniquemos con cualquier audiencia externa: sociedad (Comunicación Institucional y Patrocinios), Socios, Accionistas, Multinacionales y Grandes clientes. A continuación veremos en detalle la aplicación de los mismos. Colores Blanco Degradado Tipografía Titulares Telefónica Headline Ligth Body copy Telefónica Text (Regular / Bold / Italic) Ventana Tú puedes crear un mundo mejor. Pantone 3115 Pantone 548 Fotografía 18

19 LAYOUT DIGITAL 2.3 AUDIENCIAS EMPLEADOS Y FUNDACIÓN En esta página mostramos los elementos gráficos que podemos utilizar en una pieza publicitaria dirigida a Empleados y Fundación. A continuación veremos en detalle la aplicación de los mismos. Destacamos dos elementos que sólo se utilizan en piezas para Empleados y Fundación: la tipografía Telefónica Script y la ilustración. Debemos ser muy coherentes en su uso para que no exista confusión entre las distintas audiencias. A continuación veremos en detalle la aplicación de los mismos. Colores Blanco Degradado Pantone 3115 Pantone 153 Pantone 548 Tipografía Titulares Telefónica Headline Ligth Body copy Telefónica Text (Regular / Bold / Italic) Resalte Telefónica Script Ventana Tú puedes crear un mundo mejor Ilustración Fotografía 19

20 LAYOUT DIGITAL 2.4 LAYOUT Dentro de las comunicaciones de Telefónica podemos encontrar audiencias distintas: Empleados y Fundación Audiencias externas Aunque todas tienen en común la presencia de la banda azul con la firma Telefónica, cada uno de ellos posee un estilo propio que detallamos a continuación. Audiencias externas En audiencias externas predominará el color azul en los fondos y ventanas. Los textos sobre fondo azul deberán ir en azul claro y blanco para facilitar su legibilidad. Audiencias internas y Fundación Se utiliza como color predominante el blanco en fondos y ventanas. Los textos deberán aparecer sobre fondo blanco y se podrá hacer uso de la tipografía manuscrita en color ocre para resaltar algunos términos dentro de los titulares. Adicionalmente, para las audiencias internas se podrán utilizar ilustraciones combinando el color ocre y el azul en las mismas. En las comunicaciones, el espacio dedicado a las fotografías, tendrá mayor relevancia que el utilizado para el resto de elementos. El encuadre de las fotos deberá ser cenital o ligeramente picado. Para Comunicaciones internas también se permite el uso de ilustraciones. Ejemplo 1. Audiencia externa Ejemplo 2. Fundación Telefónica Ejemplo 3. Audiencia interna 20

21 LAYOUT DIGITAL 2.5 SISTEMA DE CAPAS Generalmente intentaremos que las composiciones publicitarias tengan tres capas. Si el formato está dirigido a Empleados y Fundación, la ventana de texto es blanca y degradado Telefónica si va dirigido a audiencias externas. En el caso de tener el degradado Telefónica como fondo del formato, es muy importante que una vez encajadas todas las capas ajustemos el degradado, recuerda que se aplica en sentido diagonal, azul claro en el lado inferior derecho y azul oscuro en el superior izquierdo. A continuación mostramos ejemplos donde vemos la composición de estas tres capas. Audiencias externas Te pror simusam rehent pellabo Rum aut assunt. Eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Fondo Ventana fotográfica Ventana de textos Te pror simusam rehent pellabo Rum aut assunt. Eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Empleados y Fundación simutame El pror simusam et rehent pellabo. Te pror simusam et rehent pellabo.ga. Nequam rem dolor molorpore pa conseque corem num, conseque non perum volla suntur? Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Ut estrumqui in rem lanti. Tist prepelit eum eum repro temodis rat aut pos digentiam. Fundación Telefónica simutame El pror simusam et rehent pellabo. Te pror simusam et rehent pellabo.ga. Nequam rem dolor molorpore pa conseque corem num, conseque non perum volla suntur? Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Ut estrumqui in rem lanti. Tist prepelit eum eum repro temodis rat aut pos digentiam. Fundación Telefónica Fondo Ventana fotográfica Ventana de textos 21

22 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA Para piezas de comunicación en el medio on-line utilizaremos dos sistemas de firma: estático y dinámico. 1/2x x La aplicación de cada uno de ellos dependerá de las especificaciones propias de la pieza de comunicación. 728X90 3/4x Sistema de firma estático El sistema de firma estático carece de animaciones o transiciones y para aplicarlo, bastará con observar las directrices establecidas en cuanto a tamaño de fuente en relación con el formato de la pieza y respetar el área de seguridad definida para el logotipo. Las pautas establecidas en la página de sistema de firma sobre la posición y tamaño del logotipo Telefónica se mantendrán en el resto de formatos publicitarios. 3/4x 1/2x x 3/4x 1/2x x 120x120 3/4x 1/2x x Excepción en el área de reserva para espacios muy pequeños En los casos en los que la marca quede pequeña, como en los minibanners, se deberá dejar un margen de seguridad de 10 pixels o proporcional a esta medida. 10px 10px 1/2x x 300x x60 120x240 1/2x x 3/4x 220x45 3/4x 10 px x 10 px 120x600 22

23 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA ESTÁTICO En esta página mostramos en diferentes formatos un ejemplo de anuncio publicitario estático. 468x60 728X90 120x600 Robapáginas 300x x200 23

24 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA ESTÁTICO En esta página mostramos en diferentes formatos un ejemplo de anuncio publicitario estático. 468x60 728X90 120x600 Robapáginas 300x x200 24

25 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA DINÁMICO Sistema de firma dinámico Se usa cuando no tenemos limitaciones técnicas para hacer transiciones y las especificaciones del formato contemplan un peso óptimo para su ejecución. La firma dinámica se deberá optimizar para obtener un peso máximo de 2 Kb. En nuestra propuesta para un tamaño de 300x250 px el peso es de 1692 bytes. Ejemplo de aplicación en tamaños grandes Paso 1 Paso 2 Paso 3 Ejemplo de aplicación en tamaños pequeños Paso 1 Paso 2 Paso 3 Ejemplo de aplicación de cierre en vídeo Este material está disponible en: Descargar sistemas_firma_dinámicos.swf 25

26 LAYOUT DIGITAL 2.7 SISTEMA DE TRANSICIONES El sistema de transiciones debe ser tratado como un elemento fundamental más que ayude a dar coherencia y personalidad al universo visual de Telefónica. Al igual que la fotografía, el color o la tipografía, las transiciones deben ser el reflejo de ese universo. Se recomienda el uso de transiciones suaves y deben evitarse los saltos bruscos o las transiciones estridentes. También se recomienda minimizar el número de transiciones o pasos para evitar que la secuencia de mensajes se prolongue en exceso. Es importante tener en cuenta el orden de lectura a la hora de mostrar los contenidos tanto si son mensajes de texto como imágenes vinculadas a esos mensajes. Ejemplo 26

27 LAYOUT DIGITAL 2.8 INTEGRACIÓN DE VÍDEO Los vídeos integrados en comunicación on-line suelen ser, por lo general, una adaptación a formato de lo desarrollado para soportes audiovisuales fuera del medio on-line: TV, cine, etc. En estos casos serán una incrustación de vídeo para formatos Rich Media y se planteará un layout contenedor con presencia de la marca que permanecerá en todo momento y que servirá de marco al vídeo. No se aplicará cuando la pieza conviva con fondos Telefónica. En ocasiones, el vídeo puede ser un elemento más de la comunicación al igual que la fotografía, el texto, etc. En estos casos el tratamiento debe ser coherente con el resto de elementos con los que convive y puede liberarse del layout contenedor. Todos los vídeos llevarán un botón de reproducción sobreimpreso así como la posibilidad de poder activar y desactivar el sonido en un momento determinado. De manera preferente, en aquellos casos en los que la pista de audio contenga locución, el vídeo deberá integrar los subtítulos correspondientes. Para facilitar su legibilidad irán siempre en color blanco con un contorno negro. La zona habilitada para la reproducción y parada del vídeo deberá ser el área formada por éste y su marco correspondiente. Ejemplo Audiencia Externa Ejemplo Fundación Telefónica 27

28 LAYOUT DIGITAL 2.9 VÍNCULOS A REDES SOCIALES Los vínculos a redes sociales en la comunicaciones de Telefónica siempre irán ubicados en el área que enmarca el contenido al que hacen referencia, ya sea dentro de una sección, un destacado o cualquier otro espacio similar. Cuando el evento referido en el vínculo tenga un desarrollo continuado en el tiempo se verbalizará como Síguenos en y cuando sea una acción puntual se verbalizará como Compártelo en. Ejemplo 1. Minisite con vínculos a redes sociales Ejemplo 2. Síguenos en Ejemplo 3. Compártelo en Para la composición de textos en los botones utilizaremos Arial regular para textos informativos y Arial Bold para enlaces. Texto normal Arial 11Pt #0086C3 16px Texto enlace Arial 11Pt #5CD2ED 16px 28

29 FORMATOS ESTÁTICOS Newsletter 3.3 Redes Sociales 3.4 Banners 3.5 Minisites 29

30 FORMATOS ESTÁTICOS 3.1 A la hora de diseñar un se deberán observar las siguientes reglas: En la cabecera, el logotipo de Telefónica siempre irá justificado a la derecha, salvo para Fundación Telefónica, en los que aparecerá a la izquierda. Titular y cuerpo de texto se ubicarán siempre sobre la ventana, tanto en su versión azul como blanca. Siempre deberá aparecer un botón que incite al usuario a obtener información adicional o, en su caso, a contratar el servicio que se oferta. Para el pie del se utilizará la tipografía Arial con un tamaño de 11 px. Se deberá personalizar el asunto del . 11pt Arial px 600 px 600 px CABECERA CUERPO DEL MENSAJE CIERRE Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line. 30

31 FORMATOS ESTÁTICOS 3.2 NEWSLETTER Para la creación de la newsletter se establecerá una plantilla con tres columnas que se podrá modificar de acuerdo con el contenido a comunicar. El cuerpo de texto se ubicará sobre cajas de color blanco para facilitar su legibilidad. En la cabecera, el logotipo de Telefónica siempre irá justificado a la izquierda conviviendo con el texto Newsletter. Aunque se puede hacer uso del modelo de plantilla con tres columnas, aconsejamos utilizar las retículas mostradas en los ejemplos ya que, en las comunicaciones de Telefónica, suele ser habitual destacar parte de la información dotándola de mayor presencia visual. La estructura de las newsletters seguirá en todos los casos una retícula básica de tres columnas que el administrador utilizará para disponer los diversos módulos de la comunicación. Ejemplo 1. Audiencia externa 600 px 600 px 20 px 20 px px 70 px 70 px 70 px Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line px px 10 px 70 px px 31

32 FORMATOS ESTÁTICOS 3.3 REDES SOCIALES. TELEFÓNICA La presencia de la marca Telefónica en redes sociales se define, básicamente, mediante el avatar o imagen de perfil cuyo ancho suele venir establecido por la red social y podrá extenderse en la vertical en función de las necesidades de comunicación y diseño. No obstante, para mantener un mínimo de coherencia, recomendamos utilizar un formato cuadrado para el avatar y su versión reducida. Ejemplos: En Facebook, la versión 50x50 px es una reducción automática del icono de 200x200 px. Aunque en el caso de Tuenti se pueden definir dos tamaños distintos. Para el tamaño grande, adoptaremos el mismo avatar de 200x200 px. Para el pequeño usamos el Favicon a 35x35 px. Ejemplos de páginas para Facebook y Tuenti basados en las especificaciones de las redes sociales y en los que mantenemos la línea estética definida para Telefónica a la hora de presentar los contenidos. Telefónica en Facebook Telefónica en Tuenti Icono de 200x200 px Icono de 200x200 px Favicon 35x35 px 32

33 FORMATOS ESTÁTICOS 3.3 REDES SOCIALES. OTRAS EMPRESAS DEL GRUPO Ejemplos de presencia de marca de otras empresas del grupo: Telefónica Fundación en Facebook Telefónica Fundación en Tuenti En las redes sociales la presencia de Fundación e I+D siguen las mimas normas definidas para la marca Telefónica. En Facebook, la versión 50x50 px es una reducción automática del icono de 200x200 px. Aunque en el caso de Tuenti se pueden definir dos tamaños distintos. Para el tamaño grande, adoptaremos el mismo avatar de 200x200 px. Para el pequeño usamos el Favicon a 35x35 px. Ejemplos de páginas para Facebook y Tuenti basados en las especificaciones de las redes sociales y en los que mantenemos las mismas pautas estéticas definida para Telefónica a la hora de presentar los contenidos. Icono de 200x200 px Icono de 200x200 px Favicon 35x35 px Fundación I+D Fundación Telefónica I+D en Facebook Telefónica I+D en Tuenti 33

34 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. Para audiencias externas, este tamaño se usará exclusivamente para hacer branding y, por tanto deberá aparece la firma. 728x90 468x60 148x60 178x60 107x60 120x600 34

35 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. Para audiencias externas, este tamaño se usará exclusivamente para hacer branding y, por tanto deberá aparece la firma. 300x x x x x x213 35

36 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. En el tamaño mínimo, cuando la comunicación vaya dirigida a audiencias internas, se puede prescindir de la firma, bastará con mostrar el mensaje. Cuando la comunicación se realice dentro de sites de Telefónica podrá prescindirse del logotipo. 728x90 468x60 148x60 178x60 107x60 120x600 36

37 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. En el tamaño mínimo, cuando la comunicación vaya dirigida a audiencias internas, se puede prescindir de la firma, bastará con mostrar el mensaje. Cuando la comunicación se realice dentro de sites de Telefónica podrá prescindirse del logotipo. 300x x x x x x213 37

38 FORMATOS ESTÁTICOS 3.5 MINISITES Los minisites estáticos son aquellos en los que no se hace uso de tecnología flash o similar para presentar los contenidos, quedando reducida la estructura y la navegación de los mismos a plantillas y enlaces html. El logotipo siempre aparecerá en la parte superior izquierda conviviendo con el nombre del minisite en cuestión, que se ubicará a la derecha. A continuación se muestra un ejemplo de minisite en el que se ha aplicado las directrices estéticas y el tratamiento de color adecuado para audiencias internas. No se recomienda que, dentro de una misma página, convivan dos o más piezas animadas. Ejemplo 1: Home Subhome Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line. 38

39 FORMATOS DINÁMICOS 44.1 Redes Sociales 4.2 Banners 4.3 Mupis 4.4 Minisites 39

40 FORMATOS DINÁMICOS 4.1 REDES SOCIALES Tal y como se comentó en la sección 3 Formatos Estáticos, cada red social permite un grado de personalización que será mayor o menor en función de su política y sus especificaciones técnicas. Con los formatos dinámicos sucede lo mismo. La mayoría de ellas sólo permiten personalizar determinadas páginas interiores y, dentro de éstas en algunas se puede hacer uso de todo el espacio disponible mientras que otras son más restrictivas al respecto. En general, los formatos dinámicos insertados en las páginas de Redes Sociales funcionan de manera autónoma en cuanto a navegación y acceso a la información que contienen. La implementación del aspecto dinámico del contenido se realizará según las necesidades del desarrollador pero siguiendo siempre las pautas establecidas en esta guía. Icono de 200x200 px 40

41 FORMATOS DINÁMICOS 4.2 BANNERS En cualquier tipo de creatividad que conlleve una animación en banners dinámicos, las transiciones y presentación de los textos deberán realizarse siguiendo el orden natural de lectura, es decir, de arriba a abajo y de izquierda a derecha. En el capítulo 4.3 de esta guía se muestran varios ejemplos genéricos de ejecución de la firma digital dinámica. Cuando el medio en el que se vaya a publicar la pieza no permita el uso del loop (animación cíclica), se deberá añadir un frame adicional al final de la pieza, con un texto que resuma el contenido a publicitar. Banner 120x600 px Banner 120x600 px sin loop Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Cuando el medio en el que se vaya a publicar la pieza no permita el uso del loop (animación cíclica), se deberá añadir un frame adicional al final de la pieza, con un texto que resuma el contenido a publicitar. Banner 300x250 px Paso 1 Paso 2 Paso 3 Paso 4 Paso 6 41

42 FORMATOS DINÁMICOS 4.2 BANNERS Banners dinámicos deplegables Robapáginas Este caso sería apropiado cuando nos veamos en la necesidad de realizar una comunicación teaser, en la que sólo desvelamos la marca en la resolución de la creatividad. Megabanner desplegable La resolución de esta pieza, como ya se ha comentado en otras ocasiones, deberá realizarse, de arriba a abajo, siguiendo el orden natural de lectura. Preferentemente, y para tener presencia de marca desde el principio, el logotipo se colocaría justificado a la derecha, cuando aún no se ha desplegado toda la información. Si, transcurridos unos segundos, el usuario no interactúa con la pieza, ésta se resolverá de forma automática. Robapáginas Paso 2 Megabanner desplegable Paso 1 Paso 1 Excepción En este caso, al tratarse de una comunicación teaser, el titular a mensaje inicial se podrá colocar fuera de la ventana y el resto de la comunicación se resolverá en esta. Paso 2 Botón de cierre El medio será quien marcará si la pieza puede llevar una aspa de cierre personalizado o deberá ser el del propio medio. Cuando se pueda personalizar se diseñará el mostrado a la izquierda. 28 px 28 px 42

43 FORMATOS DINÁMICOS 4.2 BANNERS Banners dinámicos especiales Las piezas en formato richmedia que incorporen vídeo deberán observar las directrices establecidas en el capítulo 3.5 de esta guía sobre formatos y tratamiento de subtítulos. El intersticial deberá mostrar siempre la marca y durará, dependiendo del medio, entre 10 y 15 segundos, por lo que la comunicación deberá ser lo más breve y concisa posible. Robapáginas Richmedia 300x250 px Intersticial 750x750 px (10-15 ) 43

44 FORMATOS DINÁMICOS 4.2 BANNERS Vídeos preroll En general, el vídeo deberá durar entre 10 y 15 segundos, ser proporcional a 16:9 y seguir las directrices del capítulo 3.5. siempre que sea posible. Cuando el vídeo tenga cartela de cierre con presencia de marca, se prescindirá de la mosca. En caso contrario, ésta deberá ir ubicada en la zona superior derecha, observando lo establecido en el capitulo 1.1 de esta guía en cuanto a su colocación. Vídeos post-preroll En este caso, únicamente mostraremos una cartela que, junto a la marca incluya un breve texto descriptivo resumiendo nuestra comunicación, ya que el frame apenas durará unos segundos. El tratamiento será similar al descrito en este capítulo (página 36) para banners sin loop. Preroll con cartela de cierre Cartela de cierre con presencia de marca Postroll Preroll con mosca 44

45 FORMATOS DINÁMICOS 4.2 BANNERS Banners especiales Estas piezas reciben esta denominación porque pueden combinar varios de los formatos descritos en capítulos anteriores. En la ejecución de su diseño, se seguirán las directrices establecidas para los formatos convencionales. Formatos interactivos Son piezas que aparecen incrustadas en la página web y permanecen como parte de la misma incluso después de haberse resuelto la comunicación. Robapáginas: 200x200, 250x250, 250x350 y el 350x250 px. Megabanners: 728x90 px. Rascacielos o Banner skyscraper: 120x600 y 160x600 px. Botón: Formatos pequeños. Formatos flotantes Como su nombre indica estas piezas se superponen sobre la página web y, una vez desplegadas, desaparecen dejando visible el contenido de dicha página. Las medidas de estos formatos no están estandarizadas, ya que varían en función de la creatividad. Intersticial Layer Over Layer Ejemplo Banner interactivo Esta pieza muestra un carrusel de opciones que el usuario puede elegir. Haciendo clic sobre cada una de ellas, se despliega la información correspondiente. 45

46 FORMATOS DINÁMICOS 4.3 MUPIS Los mupis, como otros soportes digitales, seguirán los normas de diseño establecidas en capítulos anteriores, en cuanto a diseño, transiciones y presencia de marca. Ejemplo de aplicación Paso 1 Paso 2 Paso 3 Paso 4 46

47 FORMATOS DINÁMICOS 4.4 MINISITES En los minisites dinámicos, toda animación que se plantee deberá mantener una coherencia visual con el contenido del mismo. Debido a temas de accesibilidad, en este tipo de minisites no está permitido el uso de tecnología Flash, sólo se podrá hacer uso de HTML Dinámico. En este tipo de minisites no está permitido el uso de tecnología Flash, sólo se podrá hacer uso de HTML Dinámico para poder cumplir con las directrices establecidas en la guía de accesibilidad. 47

48 Si tienes cualquier duda sobre el contenido de esta guía o sobre la aplicación del logotipo en casos no contemplados aquí, por favor, contacta con el Departamento de Gestión de Marca:

Guía básica de la marca Gas Natural Fenosa. Identidad Corporativa y Marca

Guía básica de la marca Gas Natural Fenosa. Identidad Corporativa y Marca Guía básica de la marca Gas Natural Fenosa Presentación 1 La guía básica de la marca de Gas Natural Fenosa recoge las directrices generales de uso de la nueva marca. Las pautas aquí expuestas deben ser

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

Guía de uso de isologotipo y lineamientos para el manejo de marca

Guía de uso de isologotipo y lineamientos para el manejo de marca Guía de uso de isologotipo y lineamientos para el manejo de marca CONTENIDO 00. Introducción 01. Versiones 02. Tamaños 03. Proporciones 04. Área de reserva 05. Colores 06. Tipografías 07. Restricciones

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

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES

Más detalles

El manejo del nombre institucional deberá de ir de acuerdo a las políticas de identidad y del manual de estilo editorial.

El manejo del nombre institucional deberá de ir de acuerdo a las políticas de identidad y del manual de estilo editorial. Anexo C Introducción En la actualidad, los banners son una de las herramientas de comunicación más populares y útiles. Su capacidad de expresar de manera concisa información, eventos, valores e imagen,

Más detalles

Manual del Alumno de la plataforma de e-learning.

Manual del Alumno de la plataforma de e-learning. 2 Manual del Alumno de la Plataforma de E-learning 3 4 ÍNDICE 1. Página de Inicio...7 2. Opciones generales...8 2.1. Qué es el Campus...8 2.2. Nuestros Cursos...9 2.3. Cómo matricularme...9 2.4. Contactar...9

Más detalles

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad

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

LIBRO DE ESTILO de las aplicaciones de Intranet y Extranet del Gobierno Vasco

LIBRO DE ESTILO de las aplicaciones de Intranet y Extranet del Gobierno Vasco JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA DEPARTAMENTO DE JUSTICIA Y ADMINISTRACIÓN PÚBLICA LIBRO DE ESTILO de las aplicaciones de Intranet y Extranet del Gobierno Vasco JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA

Más detalles

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Paso 1 de 13 En este tutorial vamos a crear un logotipo basado en un texto al que aplicaremos algunos efectos utilizando filtros

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

Imagen Visual Corporativa Ayuntamiento de Málaga NORMAS BÁSICAS DE USO

Imagen Visual Corporativa Ayuntamiento de Málaga NORMAS BÁSICAS DE USO Imagen Visual Corporativa Ayuntamiento de Málaga NORMAS BÁSICAS DE USO Motivos Sobre este manual y las normas básicas de uso. Es tarea de este manual, normalizar de forma precisa, bajo una definición clara

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

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

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1 MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal

Más detalles

Manual de Microsoft Power Point 2007 Parte 2 Universidad Politécnica de San Luis Potosí

Manual de Microsoft Power Point 2007 Parte 2 Universidad Politécnica de San Luis Potosí Contenido: Manual de Microsoft Power Point 2007 Parte 2 1. Insertar y dar formato a los cuadros de texto.... 2 2. Insertar cuadros de texto.... 2 3. Estilos de forma - Contornos y colores.... 3 4. Estilos

Más detalles

PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08

PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08 PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros

Más detalles

Estas guidelines describen y normalizan la marca Devicare. En ellas se establecen elementos comunes de su identidad visual.

Estas guidelines describen y normalizan la marca Devicare. En ellas se establecen elementos comunes de su identidad visual. BRAND BOOK Estas guidelines describen y normalizan la marca Devicare. En ellas se establecen elementos comunes de su identidad visual. Es importante aplicar correctamente estas normas básicas de diseño

Más detalles

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER

COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER 2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA GRUPO VELASCO

MANUAL DE IDENTIDAD CORPORATIVA GRUPO VELASCO MANUAL DE IDENTIDAD CORPORATIVA 00_ÍNDICE 01 _ARCHIVOS DE DISEÑO...02 02 _ELEMENTOS DE MARCA...03 03 _MORFOLOGÍA Y RESPETO DEL LOGOTIPO...04 04 _USOS CROMÁTICOS DE MARCA...05/10 _APLICACIÓN PRINCIPAL...05

Más detalles

Accede a su DISCO Virtual del mismo modo como lo Hace a su disco duro, a través de:

Accede a su DISCO Virtual del mismo modo como lo Hace a su disco duro, a través de: Gemelo Backup Online DESKTOP Manual DISCO VIRTUAL Es un Disco que se encuentra en su PC junto a las unidades de discos locales. La información aquí existente es la misma que usted ha respaldado con su

Más detalles

CONSTANTES DE LA IDENTIDAD

CONSTANTES DE LA IDENTIDAD 0 CONSTANTES DE LA IDENTIDAD 02 03 03 04 05 05 06 07 08 09 2 El Isologotipo color blanco y negro en positivo blanco y negro en negativa Área de protección Grilla constructiva Reducción mínima admitida

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

INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010

INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 Abrir el programa PowerPoint desde el menú INICIO TODOS LOS PROGRAMAS MICROSOFT OFFICE MICROSOFT OFFICE POWERPOINT (Fig. 1) (Fig.

Más detalles

UAM MANUAL DE EMPRESA. Universidad Autónoma de Madrid

UAM MANUAL DE EMPRESA. Universidad Autónoma de Madrid MANUAL DE EMPRESA Modo de entrar en ÍCARO Para comenzar a subir una oferta de empleo, el acceso es a través del siguiente enlace: http://icaro.uam.es A continuación, aparecerá la página de inicio de la

Más detalles

Operación de Microsoft Excel

Operación de Microsoft Excel Representación gráfica de datos Generalidades Excel puede crear gráficos a partir de datos previamente seleccionados en una hoja de cálculo. El usuario puede incrustar un gráfico en una hoja de cálculo,

Más detalles

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas. Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números

Más detalles

Unión Progreso y Democracia. I. Signos Básicos de Identidad

Unión Progreso y Democracia. I. Signos Básicos de Identidad Progreso y Democracia I. Signos Básicos de Identidad Símbolo a) a) Representación b) Perfil exterior Para aquellos casos en que se use el símbolo sobre algún color que pueda dificultar su visualización,

Más detalles

Accesibilidad web GUÍA FUNCIONAL

Accesibilidad web GUÍA FUNCIONAL Accesibilidad web GUÍA FUNCIONAL 0 _ ÍNDICE 01_Introducción 02_Primeros pasos 03_Conceptos 04_Navegación por voz 05_Navegación por teclado 06_Navegación por sonido 07_Compatibilidad con lectores de pantalla

Más detalles

Capítulo 6. Desarrollo del Software

Capítulo 6. Desarrollo del Software Capítulo 6. Desarrollo del Software Introducción El objetivo principal de la presente tesis como su título lo describe, es la animación de las tramas de comunicación principales de WCDMA. Para lograr dicho

Más detalles

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,

Más detalles

Isotipo = 8a Separación = 2a Logotipo = 22a. Longitud del isologotipo = 32a (equivale a cuatro isotipos)

Isotipo = 8a Separación = 2a Logotipo = 22a. Longitud del isologotipo = 32a (equivale a cuatro isotipos) Relaciones entre los elementos En la presente grilla se muestran las relaciones entre elementos y su disposición en el plano, las que no podrán ser modificadas ni alteradas, a fin de conservar intacta

Más detalles

Presentaciones. Con el estudio de esta Unidad pretendemos alcanzar los siguientes objetivos:

Presentaciones. Con el estudio de esta Unidad pretendemos alcanzar los siguientes objetivos: UNIDAD 8 Presentaciones Reunión. (ITE. Banco de imágenes) as presentaciones son documentos formados por una sucesión de páginas, llamadas diapositivas, que transmiten información estructurada de manera

Más detalles

Principios fundamentales del diseño

Principios fundamentales del diseño Principios fundamentales del diseño gordongroup Acerca de gordongroup gordongroup es una agencia de marketing y comunicación que proporciona un servicio completo, en un centro único, y ofrece una combinación

Más detalles

Diagrama de Gantt en Excel

Diagrama de Gantt en Excel Diagrama de Gantt en Excel Si pensabas que crear un Diagrama de Gantt en Excel es complicado, en este artículo te mostramos que puede ser muy sencillo en realidad. Tan sólo necesitarás un par de trucos

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles

Manual de uso básico de la aplicación

Manual de uso básico de la aplicación Manual de uso básico de la aplicación Autor del documento Centro de Apoyo Tecnológico a Emprendedores, Fundación Parque Científico y Tecnológico de Albacete Datos de contacto E-Mail: bilib@bilib.es Página

Más detalles

LIBRO DE ESTILO de las aplicaciones de Internet de Euskadi.net

LIBRO DE ESTILO de las aplicaciones de Internet de Euskadi.net JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA DEPARTAMENTO DE JUSTICIA Y ADMINISTRACIÓN PÜBLICA LIBRO DE ESTILO de las aplicaciones de Internet de Euskadi.net Página: 2/34 1. Objetivo, ámbito de aplicación y

Más detalles

Creando un Sitio Web personal.

Creando un Sitio Web personal. Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

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

Formatos publicitarios de vídeo: notoriedad de marca a bajo coste

Formatos publicitarios de vídeo: notoriedad de marca a bajo coste Formatos publicitarios de vídeo: notoriedad de marca a bajo coste Llegar al público objetivo a través de vídeos no es ni tan caro ni tan difícil como puede parecer. De hecho, el vídeo se ha convertido

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

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. 1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta

Más detalles

01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3

01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3 01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.

Más detalles

POWER POINT. Iniciar PowerPoint

POWER POINT. Iniciar PowerPoint POWER POINT Power Point es la herramienta de Microsoft Office para crear presentaciones que permiten comunicar información e ideas de forma visual y atractiva. Iniciar PowerPoint Coloque el cursor y dé

Más detalles

ESTRUCTURA DE LOS SITIOS DE CATEDRAS

ESTRUCTURA DE LOS SITIOS DE CATEDRAS ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene

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

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO

Más detalles

MANUAL DE USO DE LA APLICACIÓN

MANUAL DE USO DE LA APLICACIÓN MANUAL DE USO DE LA APLICACIÓN ÍNDICE 1. Acceso a la aplicación 2. Definición de funciones 3. Plantillas 4. Cómo crear una nueva encuesta 5. Cómo enviar una encuesta 6. Cómo copiar una encuesta 7. Cómo

Más detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

Menús. Gestor de Menús

Menús. Gestor de Menús Menús Para dar acceso a las categorías, artículos y generar espacio para los módulos se deben crear menús, éstos son enlaces a determinado recurso en el portal Web, sin ellos no es posible visualizar ninguno

Más detalles

MSN Skin. MANUAL DE AGeNCIA. MSN Skin. El formato consta de CINCO archivos: Esta pieza es opcional Puede tener fondo transparente

MSN Skin. MANUAL DE AGeNCIA. MSN Skin. El formato consta de CINCO archivos: Esta pieza es opcional Puede tener fondo transparente MANUAL MSN SKIN Características de las piezas El formato consta de CINCO archivos: SCRAPER IZQUIERDO Dimensiones: 141 (a) 770 (h) px. Esta pieza es opcional Puede tener fondo transparente SCRAPER DERECHO

Más detalles

Formularios. Formularios Diapositiva 1

Formularios. Formularios Diapositiva 1 Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva

Más detalles

Operación Microsoft PowerPoint 97

Operación Microsoft PowerPoint 97 Aspecto de las presentaciones PowerPoint está diseñado para proporcionar una apariencia coherente a las presentaciones con diapositivas. Existen tres modos de controlar la apariencia de las diapositivas:

Más detalles

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda.

Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. En estas secciones, te enseñamos a: Configurar el sitio para varios dispositivos, que los motores de búsqueda comprendan la

Más detalles

Práctica- Clase 6 Conocemos Wix y comenzamos a crear nuestro sitio web

Práctica- Clase 6 Conocemos Wix y comenzamos a crear nuestro sitio web Universidad Nacional de San Luis Facultad de Ciencias Humanas Lic. en Periodismo Práctica- Clase 6 Conocemos Wix y comenzamos a crear nuestro sitio web Tecnología de la Comunicación II Prof. Resp. Esp.

Más detalles

APLICACIONES MICROINFORMÁTICA Apuntes de POWERPOINT

APLICACIONES MICROINFORMÁTICA Apuntes de POWERPOINT INTRODUCCIÓN CARACTERÍSTICAS DE UNA PRESENTACIÓN ARRANQUE DE POWERPOINT LA PRESENTACIÓN EN BLANCO 4.1. Inserción de nuevas diapositivas. 4.2. Guardar la presentación. MÉTODOS DE VISUALIZACIÓN REALIZACIÓN

Más detalles

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

Más detalles

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar

Más detalles

Presencia en redes sociales de las empresas. del Ibex 35 y sus principales directivos

Presencia en redes sociales de las empresas. del Ibex 35 y sus principales directivos Marketing online orientado a resultados Presencia en redes sociales de las empresas www.websa100.com del Ibex 35 y sus principales directivos Índice de contenidos 1 2 3 Objetivo y metodología Principales

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

Diseño de formularios

Diseño de formularios Universidad Complutense de Madrid CURSOS DE FORMACIÓN EN INFORMÁTICA Diseño de formularios Introducción a las bases de datos Tema 5 El aspecto de los formularios Se puede modificar a voluntad el aspecto

Más detalles

INDICE 1 INTRODUCCIÓN 2 ELEMENTOS BÁSICOS LOGOTIPO 3 COLORES CORPORATIVOS 4 APLICACIONES. 1.1 Empresa Nuestra Misión. Página 4

INDICE 1 INTRODUCCIÓN 2 ELEMENTOS BÁSICOS LOGOTIPO 3 COLORES CORPORATIVOS 4 APLICACIONES. 1.1 Empresa Nuestra Misión. Página 4 INDICE 1 INTRODUCCIÓN Página 4 1.1 Empresa Nuestra Misión 2 ELEMENTOS BÁSICOS LOGOTIPO Página 6 Página 7 Página 8 Página 8 Página 9 Página 10 Página 11 Página 12 2.1 Logotipo 2.2 Representación en positivo

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

1. La nueva interfaz del programa

1. La nueva interfaz del programa 1. La nueva interfaz del programa 13 1. La nueva interfaz del programa 1.1 La interfaz del nuevo Flash CS4 Al acceder por primera vez a Adobe Flash CS4 llama la atención la nueva disposición de las paletas,

Más detalles

Ajustes del Curso en egela (Moodle 2.5)

Ajustes del Curso en egela (Moodle 2.5) Ajustes del Curso en egela (Moodle 2.5) Manual para el profesorado Versión 2 (12/05/2015) El presente manual ha sido desarrollado por el Campus Virtual de la Universidad del País Vasco / Euskal Herriko

Más detalles

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8 MANUAL DE USUARIO Diseño básico para elaboración de banners en Macromedia Fireworks 8 Pág. 1 de 13 ÍNDICE 1. INTRODUCCION... 3 2. EL ESPACIO DE TRABAJO DE FIREWORKS... 3 3. CREAR UN NUEVO DOCUMENTO...

Más detalles

Módulo II - PowerPoint

Módulo II - PowerPoint Módulo II - PowerPoint Índice Copiando diapositivas Menú Edición... 2 Copiando diapositivas utilizando la barra de herramientas... 3 Copiando diapositivas utilizando el menú contextual... 3 Copiando diapositivas

Más detalles

www www.generacion21.com Banners

www www.generacion21.com Banners www.generacion.com Banners Un banner es un formato publicitario en Internet que consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio

Más detalles

CÓMO CREAR NUESTRO CATÁLOGO

CÓMO CREAR NUESTRO CATÁLOGO CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,

Más detalles

Informes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.

Informes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará. Informes Se pueden imprimir fácilmente los registros en una tabla o el resultado de un filtro simplemente usando el botón de Impresora de la barra de herramientas, o la opción Archivo / Imprimir. Sin embargo,

Más detalles

LECCION 5. Herramientas de Pintura y Edición Parte II. Crear formas de Pincel

LECCION 5. Herramientas de Pintura y Edición Parte II. Crear formas de Pincel LECCION 5. Herramientas de Pintura y Edición Parte II Crear formas de Pincel Además de todas las opciones de pincel vistas anteriormente, Photoshop permite personalizar aún más tus pinceles creando formas

Más detalles

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas. 3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc

Más detalles

INFORMÁTICA APLICADA A LA GESTIÓN COMERCIAL LECCIONES DE OFIMÁTICA BÁSICA: GUIA BÁSICA DE MS - POWER POINT

INFORMÁTICA APLICADA A LA GESTIÓN COMERCIAL LECCIONES DE OFIMÁTICA BÁSICA: GUIA BÁSICA DE MS - POWER POINT INFORMÁTICA APLICADA A LA GESTIÓN COMERCIAL LECCIONES DE OFIMÁTICA BÁSICA: GUIA BÁSICA DE MS - POWER POINT QUÉ ES POWER POINT Power Point es uno de los programas más habituales utilizados para realizar

Más detalles

El módulo tipográfico

El módulo tipográfico contenidos teóricos 4 El módulo tipográfico LA GRILLA Un programa de diseño al servicio del proyecto www.tipografiavenancio.com.ar 1/6 Uno de los temas más polémicos entre los estudiantes y profesionales

Más detalles

Apuntes para hacer páginas Web con FrontPage

Apuntes para hacer páginas Web con FrontPage 1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD

Más detalles

MANUAL DE USO DE MARCA Departamento de Marketing y Diseño. La marca es la más notoria representación visual de nuestra identidad corporativa.

MANUAL DE USO DE MARCA Departamento de Marketing y Diseño. La marca es la más notoria representación visual de nuestra identidad corporativa. MANUAL DE USO DE MARCA Departamento de Marketing y Diseño Este Manual de Identidad Visual recoge los elementos constitutivos de la Identidad Corporativa del Real Conservatorio Superior de Música de Madrid.

Más detalles

ICARO MANUAL DE LA EMPRESA

ICARO MANUAL DE LA EMPRESA ICARO MANUAL DE LA EMPRESA 1. ENTRANDO EN ICARO Para acceder al Programa ICARO tendremos que entrar en http://icaro.ual.es Figura 1 A continuación os aparecerá la página de Inicio del aplicativo ICARO.

Más detalles

Diseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic

Diseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic Diseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic Índice Presentación del módulo... 2 Introducción..3 Creación de un nuevo proyecto... 3 Almacenar

Más detalles

Manual básico de Identidad Corporatva - 1 -

Manual básico de Identidad Corporatva - 1 - Manual básico de Identidad Corporatva - 1 - índice 1.- el logotipo...4 2.- el color... 10 3.- la tipografía... 12 4.- aplicaciones en papelería... 14 5.- otras aplicaciones...20 Manual de identidad corporativa

Más detalles

MANUAL NORMATIVO. página 03

MANUAL NORMATIVO. página 03 Guia de referencia 04 Isologotipo 05 La construcción de la marca 05 Forma de la marca 06 Colores corporativos 06 Tamaños mínimos 07 Espacio reservado 08 Tipografía corporativa 08 La marca y su aplicación

Más detalles

Operación Microsoft Access 97

Operación Microsoft Access 97 Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe

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

PASOS PARA CREAR UNA PÁGINA WEB

PASOS PARA CREAR UNA PÁGINA WEB http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura

Más detalles

Manual CMS Mobincube

Manual CMS Mobincube Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 5: Report Builder Instituto de Tecnologías Educativas 2011 Informes con Oracle Report Builder En su configuración original, OpenOffice

Más detalles

Manual para la utilización de PrestaShop

Manual para la utilización de PrestaShop Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para

Más detalles

CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB

CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB En este manual trataremos de modificar el formulario de contacto que hay en la web y que está debajo de la cabecera de la página. También

Más detalles

Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11

Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11 Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11 Te damos la bienvenida al nuevo diseño de Google Apps Motivos del cambio: Ofrecer un diseño uniforme en todas las aplicaciones de Google

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

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de

Más detalles

G R U P O S INDICE Cómo crear una cuenta en ARQA? Cómo tener un grupo en ARQA? Secciones y funcionalidades de los grupos Configuración del grupo

G R U P O S INDICE Cómo crear una cuenta en ARQA? Cómo tener un grupo en ARQA? Secciones y funcionalidades de los grupos Configuración del grupo INDICE Cómo crear una cuenta en ARQA? 4 Cómo tener un grupo en ARQA? 5 Secciones y funcionalidades de los grupos 6 Muro del Grupo 6 Compartir Textos 8 Compartir Imágenes 9 Compartir videos 10 Compartir

Más detalles

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen 171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la

Más detalles

port@firmas V.2.3.1 Manual de Portafirmas V.2.3.1

port@firmas V.2.3.1 Manual de Portafirmas V.2.3.1 Manual de Portafirmas V.2.3.1 1 1.- Introducción 2.- Acceso 3.- Interfaz 4.- Bandejas de peticiones 5.- Etiquetas 6.- Búsquedas 7.- Petición de firma 8.- Redactar petición 9.- Firma 10.- Devolución de

Más detalles

Guía nuevo panel de clientes Hostalia

Guía nuevo panel de clientes Hostalia Guía nuevo panel de clientes Hostalia Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com 1. Estructura del panel de administración El panel de control presenta un diseño

Más detalles

Manual de Identidad Corporativa. acuamed. Aguas de las Cuencas Mediterráneas

Manual de Identidad Corporativa. acuamed. Aguas de las Cuencas Mediterráneas Manual de Identidad Corporativa Actualizado: Febrero de 2010 0. Índice 1. Normas generales de identidad 1.1 El logotipo: versión color 1.2 El logotipo: versión negativo 1.3 El logotipo: versión blanco/negro

Más detalles

Módulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor...

Módulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor... Módulo I - Word Índice Iniciar Word... 2 Finalizar Word... 3 Definición de elementos de pantalla... 4 Escribir texto en un documento... 5 El cursor... 5 Control de párrafos... 5 Nuevos párrafos... 5 Abrir

Más detalles