SOLUCION EJERCICIOS DOM

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

Download "SOLUCION EJERCICIOS DOM"

Transcripción

1 SOLUCION EJERCICIOS DOM A partir de la página web proporcionada y utilizando las funciones DOM, mostrar por pantalla la siguiente información: - Número de enlaces de la página - Dirección a la que enlaza el penúltimo enlace - Numero de enlaces que enlazan a - Número de enlaces del tercer párrafo window.onload = function() { var info = document.getelementbyid("informacion"); // Numero de enlaces de la pagina var enlaces = document.getelementsbytagname("a"); info.innerhtml = "Numero de enlaces = "+enlaces.length; // Direccion del penultimo enlace var mensaje = "El penultimo enlace apunta a: "+enlaces[enlaces.length-2].href; info.innerhtml = info.innerhtml + "<br/>" + mensaje; // Numero de enlaces que apuntan a var contador = 0; for(var i=0; i<enlaces.length; i++) { // Es necesario comprobar los enlaces y // por las diferencias entre navegadores if(enlaces[i].href == " enlaces[i].href == " { contador++; info.innerhtml = info.innerhtml + "<br/>" + contador + " enlaces apuntan a // Numero de enlaces del tercer párrafo var parrafos = document.getelementsbytagname("p"); enlaces = parrafos[2].getelementsbytagname("a"); info.innerhtml = info.innerhtml + "<br/>" + "Numero de enlaces del tercer párrafo = "+enlaces.length; Con <div id="informacion" style="border:thin solid silver; padding:.5em"></div><p>lorem ipsum dolor sit amet, <a href=" adipiscing elit</a>. Sed mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue,...</p> 1

2 Crea esta lista de enlaces, al pasar el ratón por encima,muestra la dirección a la cual apuntan en el editor de texto function mostrar(valor) { switch(valor) { case 1: document.getelementbyid("eltexto").value = document.getelementbyid("enlace1").href; case 2: document.getelementbyid("eltexto").value = document.getelementbyid("enlace2").href; case 3: document.getelementbyid("eltexto").value = document.getelementbyid("enlace3").href; default: document.getelementbyid("eltexto").value ="error"; <ul> <li><a href=" id="enlace1" onmouseover="mostrar(1);">adobe</a></li> <li><a href=" id="enlace2" onmouseover="mostrar(2);">apple</a></li> <li><a href=" id="enlace3" onmouseover="mostrar(3);">ibm</a></li> </ul> <input type="text" size="30" id="eltexto" /> 2

3 Crea 3 botones, al hacer clic, mostrar el valor mostrado en el botón en el editor de texto function mostrar(valor) { var texto; switch(valor) { case 1: texto = document.getelementbyid("boton1").value; case 2: texto = document.getelementbyid("boton2").value; case 3: texto = document.getelementbyid("boton3").value; default: texto = "error"; document.getelementbyid("eltexto").value="pulsado "+ texto; <input type="button" id="boton1" onclick="mostrar(1)" value="boton1"/> <input type="button" id="boton2" onclick="mostrar(2)" value="boton2"/> <input type="button" id="boton3" onclick="mostrar(3)" value="boton3"/> <input type="text" size="30" id="eltexto" /> 3

4 Crea 3 botones, al hacer clic, aplicar un fondo de página diferente function establecefondo(cual) { switch(cual){ case 1: document.getelementbyid("pagina").style.backgroundimage = "url(fondo1.jpg)"; case 2: document.getelementbyid("pagina").style.backgroundimage = "url(fondo2.jpg)"; case 3: document.getelementbyid("pagina").style.backgroundimage = "url(fondo3.jpg)"; <body id="pagina"> Selecciona un fondo de pantalla <button type="button" id="btn" onclick="establecefondo(1)">fondo imagen 1</button> <button type="button" id="btn" onclick="establecefondo(2)">fondo imagen 2</button> <button type="button" id="btn" onclick="establecefondo(3)">fondo imagen 3</button> </body> Modifica los estilos que se enumeran a continuación - Aumenta el tamaño de la fuente de toda la página - Tamaño normal - Cambia el color del fondo - Color normal - Aumenta el tamaño de la fuente solo de esta sección - Tamaño normal - Cambia el color del fondo de esta sección - Color normal - Cambia el tipo de fuente empleada en esta sección al situar el ratón encima de este vínculo 4

5 function ModificoEstilo(cual) { switch(cual){ case 1: //Aumenta el tamaño de la fuente de toda la página document.body.style.fontsize='20px'; case 2: //Tamaño normal document.body.style.fontsize='16px'; case 3: //Cambia el color del fondo document.body.style.backgroundcolor='yellow'; case 4: //Color normal document.body.style.backgroundcolor='#cdcdcd'; case 5: //Aumenta el tamaño de la fuente solo de esta sección document.getelementbyid('ejemplo').style.fontsize='20px'; case 6: //Tamaño normal document.getelementbyid('ejemplo').style.fontsize='16px'; case 7: //Cambia el color del fondo de esta sección document.getelementbyid('ejemplo').style.backgroundcolor='yellow'; case 8: //Color normal document.getelementbyid('ejemplo').style.backgroundcolor='white'; // Cambia el tipo de fuente empleada en esta sección al situar el ratón encima de este vínculo case 9: document.getelementbyid('ejemplo').style.fontfamily='comic Sans MS'; //onmouseover case 10: document.getelementbyid('ejemplo').style.fontfamily='verdana'; //onmouseout 5

6 </head> <body id="pagina"> <p> Aumenta el tamaño de la fuente de toda la página<br /> Tamaño normal<br /> Cambia el color del fondo <br /> Color normal<br /> <section id="ejemplo"> Aumenta el tamaño de la fuente solo de esta sección<br /> Tamaño normal<br /> Cambia el color del fondo de esta sección<br /> Color normal <br /> Cambia el tipo de fuente empleada en esta sección al situar el ratón encima de este vínculo </section> </p> <br /><a href="#" onclick="modificoestilo(1)"; return false;>aumenta el tamaño de la fuente de toda la página</a> <br /><a href="#" onclick="modificoestilo(2)"; return false;>tamaño normal</a> <br /><a href="#" onclick="modificoestilo(3)"; return false;>cambia el color del fondo</a> <br /><a href="#" onclick="modificoestilo(4)"; return false;>color normal</a> <br /><a href="#" onclick="modificoestilo(5)"; return false;>aumenta el tamaño de la fuente solo de esta sección</a> <br /><a href="#" onclick="modificoestilo(6)"; return false;>tamaño normal</a> <br /><a href="#" onclick="modificoestilo(7)"; return false;>cambia el color del fondo de esta sección</a> <br /><a href="#" onclick="modificoestilo(8)"; return false;>color normal</a> <br /><a href="#" onmouseover="modificoestilo(9)" onmouseout="modificoestilo(10)">cambia el tipo de fuente empleada en esta sección al situar el ratón encima de este vínculo</a> </body> 6

7 </html> Completar el código JavaScript proporcionado para que cuando se pinche sobre el enlace se muestre completo el contenido de texto. Además, el enlace debe dejar de mostrarse después de pulsarlo por primera vez. <style type="text/css">.oculto { display: none;.visible { display: inline; </style> function muestra() { var elemento = document.getelementbyid("adicional"); elemento.classname = "visible"; var enlace = document.getelementbyid("enlace"); enlace.classname = "oculto"; <p id="texto">lorem ipsum eu odio. Praesent id metus... </p> <a id="enlace" href="#" onclick="muestra(); return false;">seguir leyendo</a> Realizar un script que cuando se pinche sobre el enlace Ocultar contenidos se oculte el texto y que en el enlace ponga Mostrar contenidos. Al pulsar Mostrar contenidos se muestre completo el contenido de texto. function muestraoculta() { var elemento = document.getelementbyid('contenidos1'); var enlace = document.getelementbyid('enlace1'); if(elemento.style.display == "" elemento.style.display == "block") { elemento.style.display = "none"; enlace.innerhtml = 'Mostrar contenidos'; else { elemento.style.display = "block"; 7

8 enlace.innerhtml = 'Ocultar contenidos'; </head> <body> <p id="contenidos1">[1] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue, commodo nec, commodo ultricies, turpis. Quisque sapien nunc, posuere vitae, rutrum et, luctus at, pede. Pellentesque massa ante, ornare id, aliquam vitae, ultrices porttitor, pede. Nullam sit amet nisl elementum elit convallis malesuada. Phasellus magna sem, semper quis, faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing ullamcorper, odio urna consequat arcu, at posuere ante quam non dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis scelerisque.</p> <a id="enlace1" href="#" onclick="muestraoculta();">ocultar contenidos</a> NOTA: Versio2. Realizar el mismo ejercicio anterior pero ahora en la página se muestran 3 bloques de texto como el del ejercio anterior. function muestraoculta(id) { var elemento = document.getelementbyid('contenidos_'+id); var enlace = document.getelementbyid('enlace_'+id); if(elemento.style.display == "" elemento.style.display == "block") { elemento.style.display = "none"; enlace.innerhtml = 'Mostrar contenidos'; else { elemento.style.display = "block"; enlace.innerhtml = 'Ocultar contenidos'; </head> <body> <p id="contenidos_1">[1] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue, commodo nec, commodo ultricies, turpis. Quisque sapien nunc, posuere vitae, rutrum et, luctus at, pede. Pellentesque massa ante, ornare id, aliquam vitae, ultrices porttitor, pede. Nullam sit amet nisl elementum elit convallis malesuada. 8

9 Phasellus magna sem, semper quis, faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing ullamcorper, odio urna consequat arcu, at posuere ante quam non dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis scelerisque.</p> <a id="enlace_1" href="#" onclick="muestraoculta('1'); return false;">ocultar contenidos</a> <br/> <p id="contenidos_2">[2] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue, commodo nec, commodo ultricies, turpis. Quisque sapien nunc, posuere vitae, rutrum et, luctus at, pede. Pellentesque massa ante, ornare id, aliquam vitae, ultrices porttitor, pede. Nullam sit amet nisl elementum elit convallis malesuada. Phasellus magna sem, semper quis, faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing ullamcorper, odio urna consequat arcu, at posuere ante quam non dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis scelerisque.</p> <a id="enlace_2" href="#" onclick="muestraoculta('2'); return false;">ocultar contenidos</a> <br/> <p id="contenidos_3">[3] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis enim vitae orci. Phasellus libero. Maecenas nisl arcu, consequat congue, commodo nec, commodo ultricies, turpis. Quisque sapien nunc, posuere vitae, rutrum et, luctus at, pede. Pellentesque massa ante, ornare id, aliquam vitae, ultrices porttitor, pede. Nullam sit amet nisl elementum elit convallis malesuada. Phasellus magna sem, semper quis, faucibus ut, rhoncus non, mi. Duis pellentesque, felis eu adipiscing ullamcorper, odio urna consequat arcu, at posuere ante quam non dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis scelerisque.</p> <a id="enlace_3" href="#" onclick="muestraoculta('3'); return false;">ocultar contenidos</a> 9

10 Realizar un script que cuando pulsemos en la opción otro se muestre el editor de texto <style type="text/css">.oculto { display: none;.visible { display: inline; </style> function mostrar() { document.getelementbyid("adicional").classname = "visible"; function nomostrar() { document.getelementbyid("adicional").classname = "oculto"; </head> <body> <form action="" method=""> Seleccione un curso <br /> <input type="radio" name="seleccion" id="selecciona" value="1" selected="selected" onclick="nomostrar()" />HTML<br /> <input type="radio" name="seleccion" id="selecciona" value="2" onclick="nomostrar()" />CSS<br /> <input type="radio" name="seleccion" id="selecciona" value="3" onclick="mostrar()" />Otro<br /> <div id="adicional" class="oculto" > Especifique: <input type="text" name="curso" size ="25" /><br /> </div> <input type="button" value="enviar"> </form> Realizar un scrit para que se añadan nuevos elementos a la lista cada vez que se pulsa sobre el botón. 10

11 function anade() { var elemento = document.createelement("li"); var texto = document.createtextnode("elemento de prueba"); elemento.appendchild(texto); var lista = document.getelementbyid("lista"); lista.appendchild(elemento); var nuevoelemento = "<li>texto de prueba</li>"; lista.innerhtml = lista.innerhtml + nuevoelemento; </head> <body> <ul id="lista"> <li>lorem ipsum dolor sit amet</li> <li>consectetuer adipiscing elit</li> <li>sed mattis enim vitae orci</li> <li>phasellus libero</li> <li>maecenas nisl arcu</li> </ul> <input type="button" value="añadir elemento" onclick="anade();"> 11

LOREM IPSUM. Universidad A B C Máster X Y Z. Comunicación Efectiva. realizado por: Jaime Ramonet. Para la asignatura / materia:

LOREM IPSUM. Universidad A B C Máster X Y Z. Comunicación Efectiva. realizado por: Jaime Ramonet. Para la asignatura / materia: Universidad A B C Máster Trabajo Académico sobre: realizado por: Jaime Ramonet Ingeniro Industrial Superior (UPC-1983); PMP por el PMI. ([email protected]) Para la asignatura / materia: Profesor: Fulanito

Más detalles

Título del artículo de la Revista Nebrija de Lingüística Aplicada a la Enseñanza de Lenguas. Title translated in English

Título del artículo de la Revista Nebrija de Lingüística Aplicada a la Enseñanza de Lenguas. Title translated in English Título del artículo de la Revista Nebrija de Lingüística Aplicada a la Enseñanza de Lenguas Title translated in English Nombre y apellido completos Centro de trabajo dirección@electrónica RESUMEN porta

Más detalles

TÍTULO DEL TRABAJO FIN DE GRADO

TÍTULO DEL TRABAJO FIN DE GRADO (Fotografía portada opcional. Tamaño máximo 12 x 8 cm) TFG Trabajo Fin de Grado TÍTULO DEL TRABAJO FIN DE GRADO Autor/a: Nombre y dos apellidos Tutor/a: Nombre y dos apellidos Línea del Trabajo Fin de

Más detalles

.TIF .JPG GUIA PARA EL ENVÍO DE DISEÑOS. En los siguientes formatos: a 300 dpi. Posiblemente te preguntes...

.TIF .JPG GUIA PARA EL ENVÍO DE DISEÑOS. En los siguientes formatos: a 300 dpi. Posiblemente te preguntes... GUIA PARA EL ENVÍO DE DISEÑOS Posiblemente te preguntes... En los siguientes formatos:.jpg.tif a 300 dpi Con un pequeño cargo adicional (pregunta promoción) nuestro EQUIPO CREATIVO te desarrollará una

Más detalles

Somos biznietos de José Malpesa López fundador de la familia Malpesa en Bailén (Jaén). Tuvo tres hijos y dos hijas.

Somos biznietos de José Malpesa López fundador de la familia Malpesa en Bailén (Jaén). Tuvo tres hijos y dos hijas. Somos biznietos de José Malpesa López fundador de la familia Malpesa en Bailén (Jaén). Tuvo tres hijos y dos hijas. A principios de los años cuarenta tenía dos alfarerías, un tejar y otro que compró. Legó

Más detalles

MANUAL DE IDENTIDAD VISUAL CORPORATIVA SEI EDUCA + MUNDOESTUDIANTE ÚLTIMA ACTUALIZACIÓN: JUNIO 2018 DOC PS03-02

MANUAL DE IDENTIDAD VISUAL CORPORATIVA SEI EDUCA + MUNDOESTUDIANTE ÚLTIMA ACTUALIZACIÓN: JUNIO 2018 DOC PS03-02 MANUAL DE IDENTIDAD VISUAL CORPORATIVA SEI EDUCA + MUNDOESTUDIANTE ÚLTIMA ACTUALIZACIÓN: JUNIO 2018 DOC PS03-02 ÍNDICE ÍNDICE INTRODUCCIÓN ESTRUCTURA DE MARCAS MANUAL SEI EDUCA LOGOTIPO & ISOTIPO LOGOTIPO

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

Techos de polipropileno

Techos de polipropileno Techos de polipropileno Nunc bibendum massa gravida tortor porttitor, vitae auctor est vulputate. In interdum odio a orci molestie commodo. Nuestros productos para cada necesidad Calaminas Tejas Tubos

Más detalles

CONTENIDO ILUSTRATIVO

CONTENIDO ILUSTRATIVO MANUAL CORPORATIVO ÍNDICE 1. INTRODUCCIÓN 1.1 1.2 1.3 2. LOGOTIPO 2.1 2.2 2.3 3. COLORES 3.1 3.2 3.3 3.4 4. TIPOGRAFÍA 4.1 4.2 5. VERSIONES DE LA MARCA 5.1 5.2 5.2.1 5.2.2 6. USOS DE LA MARCA 6.1 7. IMAGEN

Más detalles

Javier Mozas PERSONAL SHOPPER INMOBILIARIO

Javier Mozas PERSONAL SHOPPER INMOBILIARIO Javier Mozas PERSONAL SHOPPER INMOBILIARIO Conoces la figura del P S I? WHO WE 3 ARE WE DELIVER THE BEST TEMPLATE Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat

Más detalles

Manual de Identidad Visual Corporativa

Manual de Identidad Visual Corporativa Manual de Identidad Visual Corporativa Introducción El Manual de Identidad Corporativa recoge los elementos constitutivos de la Identidad Visual de Tecnologicas S.A.C.. Como elementos constitutivos establecemos

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

MANUAL DE IMAGEN CORPORATIVA. Comisión Intercongregacional Luis Amigó Visibilidad de su Vida y Obra

MANUAL DE IMAGEN CORPORATIVA. Comisión Intercongregacional Luis Amigó Visibilidad de su Vida y Obra MANUAL DE IMAGEN CORPORATIVA Comisión Intercongregacional Luis Amigó Visibilidad de su Vida y Obra Este manual ha sido desarrollado para garantizar que los elementos que conforman nuestra marca e identidad

Más detalles

Bienvenidos a Marketing Consultants,

Bienvenidos a Marketing Consultants, Slider principal Bienvenidos a Marketing Consultants, Consultoría en Mercadoctenía que lorem ipsum dolor sit elit, sed do eiusmod tempor incididunt ut labore et Investigación de Mercados Turísticos Estudio

Más detalles

MANUAL DE IDENTIDAD GRÁFICA

MANUAL DE IDENTIDAD GRÁFICA MANUAL DE IDENTIDAD GRÁFICA CONTENIDO INTRODUCCIÓN USO DE IMAGEN 1. EMBLEMA 2. LOGOTIPO Retícula de reproducción Área de protección Mínimos Color oficial Aplicaciones de forma y color Usos incorrectos

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 Marca Río Negro

Manual de Marca Río Negro Manual de Marca Río Negro Comunicación y diseño multimedial 1 Profesora: María Laura Spina Gabriela Cha 73360 2014 Manual de Marca Rio Negro Manual de Marca Rio Negro Indice Proceso Emergentes Partidos

Más detalles

Promoviendo un espíritu de colaboración, creatividad y compromiso con los resultados de parte de sus integrantes.

Promoviendo un espíritu de colaboración, creatividad y compromiso con los resultados de parte de sus integrantes. Elegimos modernizarnos, renovarnos, crear nuevas sensaciones, percepciones y experiencias. Ofreciendo la mejor solución posible en cuanto a la calidad y eficiencia de nuestra oferta de productos. Promoviendo

Más detalles

MANUAL DE IDENTIDAD GRÁFICA

MANUAL DE IDENTIDAD GRÁFICA MANUAL DE IDENTIDAD GRÁFICA D-AP-01-31-01 Ver. 2 ACT. 22/03/2018 CONTENIDO INTRODUCCIÓN USO DE IMAGEN 1. EMBLEMA 2. LOGOTIPO Retícula de reproducción Área de protección Mínimos Color oficial Aplicaciones

Más detalles

EJERCICIOS DE HOJAS DE ESTILO CSS

EJERCICIOS DE HOJAS DE ESTILO CSS EJERCICIOS DE HOJAS DE ESTILO CSS Ejercicio 1. A partir del código HTML y CSS que se muestra, añadir los selectores CSS que faltan para aplicar los estilos deseados. Cada regla CSS incluye un comentario

Más detalles

Conclusiones del proyecto de nueva imagen gráfica para la Universidad del Golfo de México

Conclusiones del proyecto de nueva imagen gráfica para la Universidad del Golfo de México Conclusiones del proyecto de nueva imagen gráfica para la Universidad del Golfo de México Quiénes hemos sido? Universidad del Golfo de México Institución local centrada en la Formación Universitaria, comocidos

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

IMAGEN INSTITUCIONAL. escudo. LOGOTIPO Para uso en señalización y materiales secundarios y de uso interno. F.M.V.Z. U.A.E.M

IMAGEN INSTITUCIONAL. escudo. LOGOTIPO Para uso en señalización y materiales secundarios y de uso interno. F.M.V.Z. U.A.E.M f. m.v.z IMAGEN INSTITUCIONAL f. m.v.z escudo Para uso en documentos oficiales y de uso externo. LOGOTIPO Para uso en señalización y materiales secundarios y de uso interno. X f.m.v.z 12x RETÍCULA X 12x

Más detalles

IDENTIDAD VISUAL INSTITUCIONAL

IDENTIDAD VISUAL INSTITUCIONAL 1 2 MANUAL DE IDENTIDAD VISUAL INSTITUCIONAL 3 ÍNDICE INTRODUCCIÓN 3 USO DEL MANUAL 4 TERMINOLOGÍA 5 1. ELEMENTOS DE BASE 6 1.1 ISOTIPO Construcción Gráfica 7 Área de Seguridad 7 Versiones NO Autorizadas

Más detalles

Profesores: Juan José Sánchez Bracamontes, Eduardo Medina Frías.

Profesores: Juan José Sánchez Bracamontes, Eduardo Medina Frías. Ética Universidad la Salle Escuela Preparatoria Unidad Sur. Profesores: Juan José Sánchez Bracamontes, Eduardo Medina Frías. Instrucciones de trabajo para la elaboración del ensayo correspondiente al primer

Más detalles

MANUAL DE NORMAS MAMBA

MANUAL DE NORMAS MAMBA MANUAL DE NORMAS MAMBA INDICE - MAMBA INDICE - MANUAL DE NORMAS MAMBA MAMBA INTRODUCCIÓN 6 4 VARIABLES DE MARCA 25 PRESENTACIÓN MARCAS 7 4.1 Variables de posición 26 FUNDAMENTACIÓN 8 4.2 Aplicación logotipo

Más detalles

MANUAL BÁSICO Identidad Corporativa

MANUAL BÁSICO Identidad Corporativa MANUAL BÁSICO Identidad Corporativa 100% Pantone 2665 C 50% Pantone 2665 C Marca / Versión color corporativo. Pantone Cool Gray 11C 10 mm 10 mm 10 mm Área de respeto de Marca / en el grafico se define

Más detalles

Islas Sostenibles ı MANUAL IDENTIDAD CORPORATIVA.

Islas Sostenibles ı MANUAL IDENTIDAD CORPORATIVA. Islas Sostenibles ı MANUAL IDENTIDAD CORPORATIVA Islas Sostenibles ı MANUAL IDENTIDAD CORPORATIVA ÍNDICE 01 La Marca MARCA PRINCIPAL 03 COLORES CORPORATIVOS 04 LOGOTIPO BLANCO Y NEGRO 05 LOGOTIPO EN NEGATIVO

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA

MANUAL DE IDENTIDAD CORPORATIVA MANUAL DE IDENTIDAD CORPORATIVA ELEMENTOS BASICOS LOGOTIPO CAOR empresa líder en el ramo automotriz fusiona su fuerza de trabajo al grupo CIRCUITO GP, fusionando dos logos para crear un concepto de fuerza

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

Modelos de caja. Las partes que componen cada caja y su orden de visualización desde el punto de vista del usuario son las siguientes:

Modelos de caja. Las partes que componen cada caja y su orden de visualización desde el punto de vista del usuario son las siguientes: Modelo de caja El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen mediante cajas rectangulares. Las cajas de una página se crean automáticamente.

Más detalles

MANUAL DE IDENTIDAD VISUAL CORPORATIVA. Manual de Identidad desarrollado por MUME

MANUAL DE IDENTIDAD VISUAL CORPORATIVA. Manual de Identidad desarrollado por MUME MANUAL DE IDENTIDAD VISUAL CORPORATIVA Manual de Identidad desarrollado por MUME www.mumetic.com 1. CONSTRUCCIÓN Y APLICACIÓN Presentación MANUAL DE IDENTIDAD VISUAL CORPORATIVA 2 1. CONSTRUCCIÓN Y APLICACIÓN

Más detalles

NOMBRE DE LOS PONENTES: Luis Lastra Cid. INSTITUCIÓN: Instituto Profesional Virginio Gómez de la Universidad de Concepción

NOMBRE DE LOS PONENTES: Luis Lastra Cid. INSTITUCIÓN: Instituto Profesional Virginio Gómez de la Universidad de Concepción NOMBRE DE LOS PONENTES: Luis Lastra Cid INSTITUCIÓN: Instituto Profesional Virginio Gómez de la Universidad de Concepción NOMBRE DEL TALLER O MESA: En búsqueda de la exposición interactiva El acto de interrogar,

Más detalles

Lineamientos de aplicación del logotipo conmemorativo del 30 Aniversario del INIFAP

Lineamientos de aplicación del logotipo conmemorativo del 30 Aniversario del INIFAP Lineamientos de aplicación del logotipo conmemorativo del 30 Aniversario del INIFAP Marzo de 2015 Contenido Pág. Introducción 3 Logotipo conmemorativo 4 Elementos compositivos 4 Versiones 5 Colores del

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

ADAMS Manual de identidad corporativa

ADAMS Manual de identidad corporativa 01. Presentación p. 02 ADAMS Manual de identidad corporativa 02. Elementos de la marca p. 03 03. Estudio de la marca p. 05 04. Usos permitidos p. 06 05. Colores corporativos p. 07 06. Tipografías corporativas

Más detalles

MANUAL DE IMAGEN CORPORATIVA. Procedimientos Integrados S.L.

MANUAL DE IMAGEN CORPORATIVA. Procedimientos Integrados S.L. MANUAL DE IMAGEN CORPORATIVA Procedimientos Integrados S.L. Introducción 0 El presente Manual tiene como finalidad recoger los elementos de identidad gráfica de PROIN S.L. y la gama de aplicaciones de

Más detalles

Manual de marca. JUNJI - Junta Nacional de Jardines Infantiles

Manual de marca. JUNJI - Junta Nacional de Jardines Infantiles Manual de marca JUNJI - Junta Nacional de Jardines Infantiles 2014 Bienvenido al manual de marca de la JUNJI Este manual fue creado para dar a conocer cómo se aplica la imagen institucional de la JUNJI.

Más detalles

Manual de Identidad Corporativa

Manual de Identidad Corporativa 1 Manual de Identidad Corporativa Cultura Club 2 ÍNDICE Introducción 3 Marca/Logomarca 4 Acotaciones/Versión preferente 5 Lomarca principal extendida en línea 6 Imagotipo 7 Logotipo 8 Versión secundaria

Más detalles

Manual Corporativo ANDED - Asociación Nacional de Directivos de Entidades Deportivas

Manual Corporativo ANDED - Asociación Nacional de Directivos de Entidades Deportivas Manual Corporativo ANDED - de Entidades Deportivas La de Entidades Deportivas ANDED, presenta el manual corporativo de la marca y este esta desarrollado para un uso interno de la empresa y su circulación

Más detalles

Manual de identidad corporativa

Manual de identidad corporativa Manual de identidad corporativa Manual de identidad corporativa Introducción Reyno de Navarra - 2 Este manual ha sido desarrollado para garantizar que los elementos visuales que conforman nuestra identidad

Más detalles