(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío.

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

Download "(*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío."

Transcripción

1 (*) Creo un directorio de trabajo llamado /bloggalpon/ en el directorio del usuario. (*) Inicializar el repositorio vacío. (*) Crear el archivo index.htm (*) Añadir la estructura básica <!DOCTYPE HTML> <html> <head> </head> <body> </body> </html> (*) Crear un commit indicando que se crea el esqueleto básico del index.htm (*) Añadir el contenido al head, entre <head> y </head>. <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> (*) Crear un commit indicando que se añade la cabecera del index.htm 1/8

2 (*) Añadir el contenido al body, entre <body> y </body> <header> <h1>blog de Galpón</h1> </header> <aside> <p></p> </aside> <section> </section> <footer> <p> diseñado por <a href="http://www.galpon.org" title="blog de Galpón">Galpón</a></p> </footer> (*) Crear un commit indicando que se añade la estructura básica del body. 2/8

3 (*) Añadir el contenido de section, entre <section> y </section> <article> <header> <h2>post 3</h2> </header> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </article> <article> <header> <h2>post 2</h2> </header> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </article> <article> <header> <h2>post 1</h2> </header> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </article> 3/8

4 (*) Crear un commit indicando que se añade toda la estructura de la zona de posts. (*) Crear un archivo style.css. html { body { margin: 0; padding: 0; width: 940px; margin: 0 auto; font: 10pt/1.5em Helvetica,"Helvetica neue", Arial, sans-serif; (*) Crear un commit indicando que se añaden las CSS de html y de body. header,section,article,aside,footer{ display: block; aside{ float: left; width: 470px; min-height: 480px; background: url(logo.png) center top no-repeat; 4/8

5 margin: px 0; (*) Crear un commit indicando que se añaden las CSS de varios elementos HTML5: header, section, article, aside y footer. (*) Añadir en el directorio raíz de proyecto el logotipo que aparecerá en la barra lateral izquierda: logo.png (*) Crear un commit indicando que se añade el logotipo de Galpón. section{ float: right; width: 428px; padding-left: 20px; margin: px 0px; //border-left: 1px dotted #000; section h2 { font: 14pt Helvetica,"Helvetica neue", Arial, sans-serif; font-weight: lighter; text-transform: uppercase; color: #493831; padding-bottom: 10px; margin: 0; (*) Crear un commit indicando que se añaden las CSS de section. 5/8

6 footer{ clear:both!important; width:940px; height: 100px; padding: 10px; color:#200f08 ; //border-top: 1px dotted #000; background:#fff; (*) Crear un commit indicando que se añaden las CSS del footer. h1 { font: 32pt Helvetica,"Helvetica neue", Arial, sans-serif; text-align: center; text-transform: uppercase; color: #000; padding-top: 30px ; text-shadow: 1px 1px 2px #fff; a:link, a:visited { font:10pt normal Helvetica,"Helvetica neue", Arial, sans-serif; color:#d2543c; text-decoration:none; border-bottom: 1px solid #d2543c; 6/8

7 a:hover { border-bottom:1px dotted #d2543c; a img { border:none; (*) Crear un commit indicando que se añaden las CSS del H1 y de los enlaces. (*) Crear una etiqueta de v1.0 (*) Crear una rama desarrollo. En esta rama de desarrollo vamos a realizar varias tareas: (*) Crear un directorio de images y mover allí el logotipo logo.png. (*) Crear un commit indicando que se mueve el logotipo a la carpeta images. (*) Crear un directorio de CSS y mover allí las CSS style.css. (*) Crear un commit indicando que se mueve la CSS a la carpeta CSS. (*) Cambiar las referencias a la CSS en el index.htm y al logotipo logo.png en la CSS. (*) Crear un commit indicando que se cambian las referencias a las CSS y a las imágenes al reorganizarlas en directorios. (*) Crear una rama bugfix a partir de la master para resolver una serie de fallos. (*) Quitar los comentarios en las CSS de los dos punteados (empiezan por //border ). 7/8

8 (*) Crear un commit indicando que introducen los punteados en la barra derecha y en el footer. (*) Introducir como título Galpon. (*) Crear un commit indicando que se introduce el título en la página. (*) Cambiar 2012 por 2014 en el footer. Quitar (c). (*) Crear un commit indicando que se realizan pequeños ajustes en el footer. (*) Crear una etiqueta de v1.1 (*) Llevar estos cambios a la rama master. (*) Borrar la rama bugfix. (*) Llevar los cambios de la rama desarrollo a la rama master. Resolver los conflictos, si existen. (*) Crear una etiqueta de v1.2 8/8

Manual de Identidad Corporativa PARLAMENTO DEL MERCOSUR / PARLAMENTO DO MERCOSUL. Año 2010. Manual de Identidad Corporativa Parlamento del MERCOSUR

Manual de Identidad Corporativa PARLAMENTO DEL MERCOSUR / PARLAMENTO DO MERCOSUL. Año 2010. Manual de Identidad Corporativa Parlamento del MERCOSUR Manual de Identidad Corporativa PARLAMENTO DEL MERCOSUR / PARLAMENTO DO MERCOSUL Año 2010 Manual de Identidad Corporativa PARLAMENTO DEL MERCOSUR / PARLAMENTO DO MERCOSUL Año 2010 Diseño del Manual: Kairos

Más detalles

Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS

Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS Parte 1 / 4: Diseño de un sitio y en el Código con Gimp, HTML y CSS Muchos diseñadores de páginas web para principiantes tienen problemas para el diseño de sitios y, a continuación, la codificación de

Más detalles

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

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

Más detalles

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10 RESPONSIVE DESIGN RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS PARTE 1 MARCOS HEIZ @msh_cd HERNÁN NADOTTI @Cuquinho10 Qué es el diseño responsive? Qué es el responsive design? Es una tecnica

Más detalles

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10

RESPONSIVE DESIGN PARTE 1 RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS. MARCOS HEIZ @msh_cd. HERNÁN NADOTTI @Cuquinho10 RESPONSIVE DESIGN RESPONDIENDO A DISPOSITIVOS, RESOLUCIONES Y EXPERIENCIAS PARTE 1 MARCOS HEIZ @msh_cd HERNÁN NADOTTI @Cuquinho10 Qué es el diseño responsive? Qué es el responsive design? Es una tecnica

Más detalles

Manual de Identidad Corporativa

Manual de Identidad Corporativa Manual de Identidad Corporativa blackbean studio Contenidos 8 Intro 11 Identificadores Básicos 25 Papelería 33 Aplicaciones 43 Medios de Comunicación 12 Desarrollo de la Marca 26 Papel carta y sobres

Más detalles

Pg. 2 Pg. 3. En el mundo las cosas, las personas y las instituciones cambian, en los últimos 30 años nuestras vidas se han visto revolucionadas

Pg. 2 Pg. 3. En el mundo las cosas, las personas y las instituciones cambian, en los últimos 30 años nuestras vidas se han visto revolucionadas Reseña Histórica Presentación Uniagraria Marca Uniagraria UNIAGRARIA, fue creada mediante Acta de Constitución firmada el 8 de marzo de 1985 por el grupo de GESTORES que integra la Asamblea General: Alfredo

Más detalles

EMAKUMEEN AURKAKO INDARKERIARI EZ NO A LA VIOLENCIA CONTRA LAS MUJERES IDENTITATE GRAFIKOAREN ESKULIBURUA MANUAL DE IDENTIDAD GRÁFICA

EMAKUMEEN AURKAKO INDARKERIARI EZ NO A LA VIOLENCIA CONTRA LAS MUJERES IDENTITATE GRAFIKOAREN ESKULIBURUA MANUAL DE IDENTIDAD GRÁFICA IDENTITATE GRAFIKOAREN ESKULIBURUA MANUAL DE IDENTIDAD GRÁFICA Indice 4.- El Punto Lila 5.- Símbolo 6.- Lema 7.- Punto Lila + Lema 8.- Color 9.- Tipografía 10.- Usos crómaticos 11.- Tamaños mínimos 12.-

Más detalles

Museo Interactivo da Historia de Lugo. Manual de utilización de la identidad corporativa del Museo Interactivo da Historia de Lugo

Museo Interactivo da Historia de Lugo. Manual de utilización de la identidad corporativa del Museo Interactivo da Historia de Lugo Manual de utilización de la identidad corporativa del _01 LOGOTIPO El logotipo representa gráficamente al Este logotipo se crea mediante circunferencias que expresan dinamismo y forman un conjunto orgánico.

Más detalles

Construcción de la marca

Construcción de la marca Manual de Imagen La marca está compuesta por cuatro elementos: El símbolo A (de ASDE) ocupa una superficie del 45% del total de la marca, y la inclinación hacia arriba de éste es siempre de 17 grados con

Más detalles

MANUAL DE MARCA ÍNDICE INTRODUCCIÓN 1. ELEMENTOS BÁSICOS DE LA MARCA 1.1. LA MARCA 1.2. EL CLAIM 1.3. EL LOGOTIPO 1.4. VERSIÓN NEGATIVA EN COLOR 1.5. LOGOTIPO EN DOS Y UNA TINTA 1.6. VERSIÓN MONOCROMÁTICA

Más detalles

Manual de Normas Gráficas. Programa Revive Barrios

Manual de Normas Gráficas. Programa Revive Barrios Manual de Normas Gráficas Programa Revive Barrios 2016 Introducción Definición: El Programa para la Revitalización de Barrios e Infraestructura Patrimonial Emblemática PRBIPE, que viene a dar cumplimiento

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA ZARATE

MANUAL DE IDENTIDAD CORPORATIVA ZARATE MANUAL DE IDENTIDAD CORPORATIVA EMPRESA DE CAPITALES ARGENTINOS ÍNDICE 01 02 NORMATIVA IDENTIFICACIÓN Logo Logo invertido Versiones Logo versión Asociación de Propietarios Área de reserva Colores Tamaño

Más detalles

De XML a PDF Tipografía con TEX

De XML a PDF Tipografía con TEX De XML a PDF Tipografía con TEX Javier Bezos CervanTEX Grupo de Usuarios de TEX Hispanohablantes De XML a PDF p.1/23 Introducción Palabra clave: tipografía. Problemas presentes: Énfasis en la maqueta y

Más detalles

Manual de marca 08/2015

Manual de marca 08/2015 Contenido 1. Identidad Nuestra esencia Nuestros valores de marca 2. Nuestra marca Concepto del logotipo Construcción 3. Aplicaciones Color - Versión color - Versión fondos oscuros - Versión escala de grises

Más detalles

QUIÉNES SOMOS QUIÉNES SOMOS PRODUCTOS Y SERVICIOS PROYECTOS ACTUALES GALERÍA

QUIÉNES SOMOS QUIÉNES SOMOS PRODUCTOS Y SERVICIOS PROYECTOS ACTUALES GALERÍA QUIÉNES SOMOS Somos una empresa dedicada a la comercialización de productos geosintéticos; innovadoras en el uso de tecnologías y tendencias de construcción. Aplicamos el principio de servicio total al

Más detalles

Manual de Imagen. ASDE Exploradores de Madrid

Manual de Imagen. ASDE Exploradores de Madrid Manual de Imagen ASDE Exploradores de Madrid Manual de Imagen Agosto 2009 - Segunda Edición ASDE Exploradores de Madrid Hortaleza 19, 1º Izq. 28004 - Madrid (España) Tel: (+34) 91.521.91.58 Fax: (+34)

Más detalles

MANUAL DE IMAGEN CORPORATIVA. Asociación Andaluza por la Solidaridad y la Paz

MANUAL DE IMAGEN CORPORATIVA. Asociación Andaluza por la Solidaridad y la Paz MANUAL DE IMAGEN CORPORATIVA 0 LOGOTIPO El logotipo consta de dos elementos diferenciados y complementarios a la vez: - Imagotipo compuesto por: un riángulo verde calado por las iniciales de la Asociación

Más detalles

FENÓMENOS METEOROLÓGICOS ADVERSOS CON GRAVES CONSECUENCIAS HECHOS AISLADOS?

FENÓMENOS METEOROLÓGICOS ADVERSOS CON GRAVES CONSECUENCIAS HECHOS AISLADOS? FENÓMENOS METEOROLÓGICOS ADVERSOS CON GRAVES CONSECUENCIAS HECHOS AISLADOS? PEDRO DORTA ANTEQUERA CÁTEDRA DE REDUCCIÓN DE RIESGOS DE DESASTRES. CIUDADES RESILIENTES. ULL 1 El miércoles 18 de junio de 1851

Más detalles

Dinámicas de Grupo. FAVA - Formación en Ambientes Virtuales de Aprendizaje. SENA - Servicio Nacional de Aprendizaje GUIA DE TURISMO COLOMBIA

Dinámicas de Grupo. FAVA - Formación en Ambientes Virtuales de Aprendizaje. SENA - Servicio Nacional de Aprendizaje GUIA DE TURISMO COLOMBIA GUIA DE Dinámicas de Grupo COLOMBIA TURISMO INTRODUCCIÓN Las dinámicas de grupo son acciones o tareas que permiten a un grupo con características similares interactuar de forma agradable con el fin de

Más detalles

ANUNCIA EN SODEXO CLUB

ANUNCIA EN SODEXO CLUB Permite que los clientes vean tu empresa mientras buscan lo que ofrece Sodexo Club. Tenemos diversas opciones para anunciar dentro de nuestra página web. Además, sólo se le cobrará cuando hagan clic en

Más detalles

Directrices Sobre la Marca

Directrices Sobre la Marca Directrices Sobre la Marca CONEXPO Latin America, Inc. 2013 10-1657 (Rev-1) 08.2010 1 ENTENDIENDO LA MARCA CONEXPO Latin America AEM es un referente mundial en la organización y la producción de exposiciones

Más detalles

Presentación de la nueva imagen corporativa

Presentación de la nueva imagen corporativa Presentación de la nueva imagen corporativa 01 Análisis de la situación 02 Homologación logotipo 03 Identidad corporativa del club al ámbito de la comunicación: 03.1 Simplificación del escudo 03.2 Revisión

Más detalles

Guía de estilo de imagen de marca 2015

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

Más detalles

NATURALMENTE. ilex. Ilex crenata Dark Green Ilex crenata Blondie

NATURALMENTE. ilex. Ilex crenata Dark Green Ilex crenata Blondie NATURALMENTE ilex Ilex crenata Dark Green Ilex crenata Blondie Índice L L orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

Más detalles

Manual de la marca UGT - Federaciones. Versión 2.0 abril 2008

Manual de la marca UGT - Federaciones. Versión 2.0 abril 2008 Manual de la marca UGT - Federaciones Versión 2.0 abril 2008 Manual de la marca UGT - Federaciones Versión 2.0 abril 2008 Manual de la marca UGT - Federaciones Este manual se realiza con el objeto de

Más detalles

Sistemas de Control y Vending www.scv.es. La empresa

Sistemas de Control y Vending www.scv.es. La empresa La empresa La empresa SCV es una empresa de ingeniería especializada en diversas áreas relacionadas con los sistemas de control automático y la informática orientada al control industrial, como son: El

Más detalles

Route Rider Community

Route Rider Community Route Rider Community Raúl Garcia Castilla Proyecto final de posgrado Posgrado de Diseño web: usuarios, interfaces y móviles Sergio Schvarstein Liuboschetz 16/06/2015 CAPÍTULO 1: Definición del proyecto

Más detalles

Gestiona tu dominio. necesitas saber. Síguenos en Twitter

Gestiona tu dominio. necesitas saber. Síguenos en Twitter INICIO Bienvenido Benvinguts Benvidos Ongi Etorri Welcome 3 Accesibilidad Mapa web Contacto 4 5 6 7 8 9 Comprueba si tu está disponible Registra desde el portal Hazte.es Busca un Agente Registrador 0 Imagen

Más detalles

Autenticación de usuarios y Sesiones en PHP

Autenticación de usuarios y Sesiones en PHP Tema: Autenticación de usuarios y Sesiones en PHP Facultad: Ingeniería Escuela: Computación Asignatura: PERL/PHP Guia 5 pag.1 I. Objetivos Identificar las formas en que se pueden desarrollar aplicaciones

Más detalles

Web con HTML5 Y CSS3 parte 1

Web con HTML5 Y CSS3 parte 1 Web con HTML5 Y CSS3 parte 1 En este tutorial de creación de una plantilla web basada en HTML Y CSS3, en esta primera parte vamos a ver la estructuración básica del sitio y vamos a utilizar las nuevas

Más detalles

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

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

Más detalles

Guía de Aplicaciones Gráficas en las acciones de la. Comisión para la Regularización de la Tenencia de la Tierra (Corett) 2009

Guía de Aplicaciones Gráficas en las acciones de la. Comisión para la Regularización de la Tenencia de la Tierra (Corett) 2009 Guía de Aplicaciones Gráficas en las acciones de la Comisión para la Regularización de la Tenencia de la Tierra (Corett) 2009 índice presentación objetivos vivir mejor firma institucional vivir mejor trazo

Más detalles

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos

CSS. Departamento de Lenguajes y Computación Universidad de Almería CSS. Contenidos Desarrollo de aplicaciones web Manuel Torres Gil mtorres@ual.es Departamento de Lenguajes y Computación Universidad de Almería Desarrollo de aplicaciones web 1. Características y ventajas de 2. Sintaxis

Más detalles

medios de comunicación

medios de comunicación Fedeafes 25 urte - 25 años Buru gaixotasuna duten pertsona eta senide elkarteen Euskadiko federazioa Federación de Euskadi de asociaciones de familiares y personas con enfermedad mental Guía de estilo

Más detalles

SOLUCIONES AVANZADAS PARA EL SECTOR EDUCATIVO. Escuelas y Colegios Universidades Institutos de Enseñanza Facultades Académicas

SOLUCIONES AVANZADAS PARA EL SECTOR EDUCATIVO. Escuelas y Colegios Universidades Institutos de Enseñanza Facultades Académicas SOLUCIONES AVANZADAS PARA EL SECTOR EDUCATIVO Escuelas y Colegios Universidades Institutos de Enseñanza Facultades Académicas Los documentos en papel siempre han sido importantes para brindar una experiencia

Más detalles

Paquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013

Paquete de trabajo 3. Diseño Web del Proyecto REMERI. Manual. Enero 2013 Paquete de trabajo 3 Diseño Web del Proyecto REMERI Manual Enero 2013 Red Mexicana de Repositorios Institucionales REMERI 2 HOJA EN BLANCO Red Mexicana de Repositorios Institucionales REMERI 3 Paquete

Más detalles

55% 15% 30% Gasto energético. 170 Altura (cm) Principales indicadores Evolución. Actividad física: Liviana

55% 15% 30% Gasto energético. 170 Altura (cm) Principales indicadores Evolución. Actividad física: Liviana Principales indicadores Evolución Masa muscular Agua corporal Grasa Actividad física: Liviana 1.0 0.5 0.0-0.5-1.0 0 10 20 70 Peso (kg) 36 Edad (años) 170 Altura (cm) 24.2 Masa corporal 1588 M. Basal 2184

Más detalles

Manual de papelería Monday, August 31, 2009

Manual de papelería Monday, August 31, 2009 Manual de papelería Índice 3 Elementos básicos 4 Elementos 5 7 8 9 10 11 Márgenes Logotipos e identificadores Líneas punteadas Datos legales e informativos Tigre Logotipos VIGILADO 12 13 17 21 25 27 29

Más detalles

Guía de las mejores herramientas para diseñar publicaciones digitales

Guía de las mejores herramientas para diseñar publicaciones digitales Guía de las mejores herramientas para diseñar publicaciones digitales Índice Introducción Cómo escoger la mejor herramienta Las tres mejores herramientas Chapter 06 Chapter 07 Chapter 08 Chapter 09 Chapter

Más detalles

www.ecosistemaurbano.tv televisión participativa sobre sostenibilidad urbana

www.ecosistemaurbano.tv televisión participativa sobre sostenibilidad urbana eutv es un proyecto de difusión e intercambio de contenidos multimedia relacionados con la sostenibilidad urbana, basado en un canal de televisión participativa. Su objetivo es fomentar el debate sobre

Más detalles

MX-3111U Sistema multifuncional digital en color

MX-3111U Sistema multifuncional digital en color MX-3111U Sistema multifuncional digital en color impresora l copiadora I escáner I fax I archivo Eficiente. Ahorra espacio y dinero. Una introducción al sistema de elevado rendimiento en color para oficina

Más detalles

libelfoo yolllen LA REPÚBLICA.

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

Más detalles

Guía teórica HTML 5 UNEWEB

Guía teórica HTML 5 UNEWEB Guía teórica HTML 5 UNEWEB Índice Qué es HTML 5. 4 Pág. Novedades de la estructura 5 Estructura del cuerpo 5 Etiquetas para contenido específico 5 Canvas 5 Bases de datos locales 5 Web Workers 6 Aplicaciones

Más detalles

Manual de identidad corporativa

Manual de identidad corporativa Manual de identidad corporativa Índice Logotipo IK4...5 Logotipo raíz IK4 IDEKO...7 Tipografía IK4 IDEKO...11 Tipografía secundaria...13 Margen del logotipo...15 Imagotipo y color...17 Aplicación del

Más detalles

Contenedores. Elementos

Contenedores. Elementos <div> Html5 añade nuevos elementos semánticos pero todos ellos se basan en el uso del . Estos elementos sirven para dividir la página (de ahí el nombre div, de divisor) en contenido relacionado, un div

Más detalles

Soporte / Trabaje con nosotros. Servicios STAGE PRINCIPAL (ROTATIVO) Soluciones de ingeniería. Noticias y Eventos. imagen

Soporte / Trabaje con nosotros. Servicios STAGE PRINCIPAL (ROTATIVO) Soluciones de ingeniería. Noticias y Eventos. imagen Home STAGE PRINCIPAL (ROTATIVO) Nuestras Empresariales / ERP de gestión de talento Humano de ingeniería Microsoft Financieras Noticias y Eventos Casos de Exito imagen of the printing and typesetting Lorem

Más detalles

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales.

Arquitectura de Tecnologías Web Por César Bustamante Gutiérrez. Módulo II: Tecnologias del lado del Cliente Tema 1: HTML5. www.librosdigitales. 1 Que es CSS3? El CSS sirve para definir la estética de un sitio web en un documento externo y eso mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la estética entera de un sitio

Más detalles

Yusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com

Yusef Hassan Montero Francisco Jesús Martín Fernández. Referencia CSS. Todos los derechos reservados www.nosolousabilidad.com Yusef Hassan Montero Francisco Jesús Martín Fernández Referencia CSS Todos los derechos reservados www.nosolousabilidad.com Introducción Este documento tiene por objetivo servir de material de apoyo y

Más detalles

Guía de buenas prácticas. Información y del juego online. de uso de las Tecnologías de la ES COSA DE TODOS LA PREVENCIÓN

Guía de buenas prácticas. Información y del juego online. de uso de las Tecnologías de la ES COSA DE TODOS LA PREVENCIÓN Guía de buenas prácticas de uso de las Tecnologías de la Información y del juego online LA PREVENCIÓN ES COSA DE TODOS PROGRAMA DE PREVENCIÓN DE CONDUCTAS ADICTIVAS PARA FAMILIAS Y MENORES EDUCACIÓN PARA

Más detalles

ANEXO. Documento de pautas de comunicación y diseño para el desarrollo de trámites en linea.

ANEXO. Documento de pautas de comunicación y diseño para el desarrollo de trámites en linea. ANEXO. Documento de pautas de comunicación y diseño para el desarrollo de trámites en linea. Ministerio de Gobierno y Reforma del Estado Secretaría de Tecnologías para la Gestión Secretaría de Comunicación

Más detalles

CSS. Cascading Style Sheets (Hojas de estilo en cascada)

CSS. Cascading Style Sheets (Hojas de estilo en cascada) 1 CSS Cascading Style Sheets (Hojas de estilo en cascada) INTRODUCCIÓN Las Hojas de estilo son un conjunto de reglas de estilo definidas por el programador sobre elementos HTML, que definen la apariencia

Más detalles

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com

Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,

Más detalles

Personalización plantilla Kamera. Aisha (Elai the Blogger) para El perro de papel www.elperrodepapel.com

Personalización plantilla Kamera. Aisha (Elai the Blogger) para El perro de papel www.elperrodepapel.com Personalización plantilla Kamera Aisha (Elai the Blogger) para El perro de papel www.elperrodepapel.com PERSONALIZACIÓN PLANTILLA KAMERA Otra plantilla pensada para blogs donde la fotografía es uno de

Más detalles

PROPUESTAS ALGEBRAICAS PARA 4ºESO OPC. B

PROPUESTAS ALGEBRAICAS PARA 4ºESO OPC. B PROPUESTAS ALGEBRAICAS PARA 4ºESO OPC. B Manuel Martínez Díaz Capítulo 1 PROPUESTAS ALGEBRAICAS El objetivo de estas propuestas es desarrollar la capacidad de búsqueda de regularidades y patrones. Las

Más detalles

descubre los descuentos en establecimientos

descubre los descuentos en establecimientos está lleno leno de ventajas descúbrelas s y disfruta! descubre los descuentos en establecimientos ATENCIÓN AL SOCIO: previaliaclub@previsorabilbania.com 902 33 33 24 (de lunes a viernes de 8:30 a 20:30

Más detalles

HERE YOU WILL FIND A BUNCH OF WORK FOR PROVOKE EVOKE & TOUCH YOUR SOUL. graphic design & art direction

HERE YOU WILL FIND A BUNCH OF WORK FOR PROVOKE EVOKE & TOUCH YOUR SOUL. graphic design & art direction HERE YOU WILL FIND A BUNCH OF WORK FOR PROVOKE EVOKE & TOUCH YOUR SOUL graphic design & art direction previous Notes this portfolio it s divided into cases to show YOU a global view OF THE solutions i

Más detalles

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15

Hojas de Estilos - CSS. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Hojas de Estilos - CSS Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Introducción Motivación: Separar el formato del contenido y estructura de una

Más detalles

TARJETAS PREVIALIA CLUB CON LAS QUE TE AYUDAMOS A AHORRAR

TARJETAS PREVIALIA CLUB CON LAS QUE TE AYUDAMOS A AHORRAR el programa de fidelización de Grupo Previsora Bilbaina Seguros Te recordamos que este club es gratuito ATENCIÓN AL SOCIO: previaliaclub@previsorabilbania.com 902 33 33 24 (de lunes a viernes de 8:30 a

Más detalles

ESTANDARES PARA EL DISEÑO, CONSTRUCCION Y MONTAJE DE CURSOS DE FORMACION COMPLEMENTARIA EN AMBIENTES VIRTUALES DE APRENDIZAJE

ESTANDARES PARA EL DISEÑO, CONSTRUCCION Y MONTAJE DE CURSOS DE FORMACION COMPLEMENTARIA EN AMBIENTES VIRTUALES DE APRENDIZAJE Pág. 1 de MONTAJE DE CURSOS DE FORMACION COMPLEMENTARIA El Grupo de Innovación de la Formación emitirá un concepto sobre el cumplimiento de requerimientos mínimos de calidad para la oferta de cursos virtuales

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA

MANUAL DE IDENTIDAD CORPORATIVA MANUAL DE IDENTIDAD CORPORATIVA 2013 ÍNDICE GLOSARIO Tema Definición de la Marca.................................................. La Marca FEMSA...................................................... Introducción..........................................................

Más detalles

Prensanoa es una agencia de consultoría y comunicación con amplia trayectoria y experiencia en la provincia y la región.

Prensanoa es una agencia de consultoría y comunicación con amplia trayectoria y experiencia en la provincia y la región. Prensanoa es una agencia de consultoría y comunicación con amplia trayectoria y experiencia en la provincia y la región. Cuenta con un equipo especializado en comunicación multisoporte y asesoría de imagen

Más detalles

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015

Widget de catálogos. Manual de Usuario. Versión 2. Madrid 13/08/2015 Widget de catálogos Manual de Usuario Madrid 13/08/2015 Versión 2 Contenidos 1 Introducción... 3 2 Alta de conjuntos de datos en datos.gob.es... 7 3 Descripción del widget... 12 3.1 Widget, versión sencilla...

Más detalles

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM TRANSICIONES. Bernardo Chenlo

IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM TRANSICIONES. Bernardo Chenlo IFCD0110 CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB. ETSI Minas y Energía - UPM 1 TRANSICIONES Bernardo Chenlo 2 ANIMANDO CON CSS3 Cómo animar con 3 líneas de CSS en lugar de 60 de JS Transiciones CSS3 Desarrolladas

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA

MANUAL DE IDENTIDAD CORPORATIVA MANUAL DE IDENTIDAD CORPORATIVA MANUAL DE IDENTIDAD CORPORATIVA Describe las normas de aplicación de la marca, con el objetivo de transmitir una imagen sólida y coherente. Por favor lee atentamente este

Más detalles

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas:

Mi primera web... Pues bien una vez que tengamos el documento abierto, podemos empezar a trabajar de dos formas: Mi primera web... El ejemplo que utilizaremos para este tutorial, es la misma página web de los tutoriales. Puede descargar los archivos desde aquí. Para la creación de las imagenes he utilizado Fireworks

Más detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

Más detalles

MANUAL DE USO DE LA MARCA FUXION PARA EMPRESARIOS INDEPENDIENTES

MANUAL DE USO DE LA MARCA FUXION PARA EMPRESARIOS INDEPENDIENTES MANUAL DE USO DE LA MARCA FUXION PARA EMPRESARIOS INDEPENDIENTES Introducción Queremos compartir contigo nuestro activo más importante: nuestra marca. La marca FuXion transmite salud, positivismo y juventud.

Más detalles

Normativa para publicidad y promoción

Normativa para publicidad y promoción Normativa para publicidad y promoción 5 5.1. Ejemplos de aplicación en prensa diaria. Se presentan en esta página dos ejemplos de aplicación en prensa con dos formatos diferentes. En el primer ejemplo,

Más detalles

SENA 7A\ CIRCULAR Bogotá D.C., PARA: DIRECTORES REGIONALES, SUBDIRECTORES DE CENTROS DE FORMACIÓN Y COORDINADORES MISIONALES

SENA 7A\ CIRCULAR Bogotá D.C., PARA: DIRECTORES REGIONALES, SUBDIRECTORES DE CENTROS DE FORMACIÓN Y COORDINADORES MISIONALES SENA 7A\ CIRCULAR 1-6061 Bogotá D.C., No:3-2012-000265 25./06./2012 ü6: 48: 50 F" 11 ÍI) PARA: DIRECTORES REGIONALES, SUBDIRECTORES DE CENTROS DE FORMACIÓN Y COORDINADORES MISIONALES ASUNTO: Estándares

Más detalles

Profesión Dental. Científica Dental. Página web

Profesión Dental. Científica Dental. Página web Profesión Dental Científica Dental Página web www.coem.org.es @dentistascoem TARIFAS DE PUBLICIDAD 2015 TARIFAS PUBLICIDAD AÑO 2015 PROFESIÓN DENTAL TAMAÑO DE LA REVISTA: 210 x 280 mm. IMPRESIÓN: Offset,

Más detalles

Manual Gráfico de SENADIS Fondo Nacional de Proyectos Inclusivos, FONAPI

Manual Gráfico de SENADIS Fondo Nacional de Proyectos Inclusivos, FONAPI Manual Gráfico de SENADIS Fondo Nacional de Proyectos Inclusivos, FONAPI senadis.gob.cl Introducción El Servicio Nacional de la Discapacidad, SENADIS, a través del presente Manual Gráfico para el Fondo

Más detalles

Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3

Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3 Índice. Introducción. Página 2 Empecemos con un ejemplo. Página 3 Crea tu site: Página 3 Anexo. Guía para desarrollo de programas en HTML y JavaScript. 1. Introducción. En este anexo vamos a escribir un

Más detalles

IMAGEN INSTITUCIONAL DEL SENADO

IMAGEN INSTITUCIONAL DEL SENADO IMAGEN INSTITUCIONAL DEL SENADO Aprobada por la Mesa del Senado en el acuerdo adoptado en su reunión del día 2 de junio de 2009 Sumario 1. Componentes de la imagen institucional 2. El Escudo 3. La fachada

Más detalles

GUÍA SISTEMA GRÁFICO

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

Más detalles

CSS1. manual de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

CSS1. manual de referencia. Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 CSS1 manual de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en la normativa sobre CSS1 disponible en: http://www.w3.org/tr/1999/rec-css1-19990111 Manual de referencia de CSS1-

Más detalles

Tutorial de maquetación con CSS

Tutorial de maquetación con CSS Tutorial de maquetación con CSS Maquetación de un Sitio Web con CSS Vamos a hacer esta página: http://www.oscarblanco.net/tutorialcss/menu.htm Vamos a echar un vistazo desnudando el html de su hoja de

Más detalles

Manual de Identidad Corporativa

Manual de Identidad Corporativa Introducción Este manual de identidad corporativa comprende los distintos elementos de identidad necesarios para la correcta utilización de la marca Montilla-Moriles así como las normas básicas para la

Más detalles

Manual de Identidad Corporativa

Manual de Identidad Corporativa Manual de Identidad Corporativa Este Manual reúne todos los estándares de diseño y de identidad corporativa necesarios para establecer un mensaje visual claro y definido, susceptibles de aplicación a todos

Más detalles

Manual de Website Baker Website Baker v2.7.0

Manual de Website Baker Website Baker v2.7.0 Manual de Website Baker Website Baker v2.7.0 Introducción Website Baker es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo.

Más detalles

Wenceslao Zavala. www.producciondigitalup.com.ar

Wenceslao Zavala. www.producciondigitalup.com.ar Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:

Más detalles

Guía de Identidad Visual Corporativa

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

Más detalles

Práctica 4: Edición de contenidos web

Práctica 4: Edición de contenidos web Comercio Electrónico Práctica 4: Edición de contenidos web Antonio Sanz ansanz@unizar.es Rafael del Hoyo rdelhoyo@ita.es Objetivo de la práctica En esta práctica se pretende realizar una introducción a

Más detalles

Guía paso a paso Por Víctor Manuel Rodríguez García http://www.chafarina.es

Guía paso a paso Por Víctor Manuel Rodríguez García http://www.chafarina.es Desarrollando templates para Joomla! 2.5 Guía paso a paso Por Víctor Manuel Rodríguez García http://www.chafarina.es Desarrollando Templates para Joomla 2.5 Página 1 Índice Índice... 2 Antes de empezar...

Más detalles

Manual de v2cms v2cms v1.01

Manual de v2cms v2cms v1.01 Manual de v2cms v2cms v1.01 Introducción v2cms es un sistema de manejo de contenido que ofrece una gran flexibilidad para la creación de sitios web no importa el tamaño del mismo. El mismo permite una

Más detalles

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

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

Más detalles

GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO

GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO Julio 2010 Copyright 2010 Ministerio de la Presidencia. Gobierno de España El presente documento está bajo la licencia Creative Commons Reconocimiento-No

Más detalles

MARCAS PROMEDON USOS PERMITIDOS

MARCAS PROMEDON USOS PERMITIDOS MANUAL DE MARCA PÁG. 8 MARCAS PROMEDON El siguiente segmento incluye los usos debidos e indebidos de todas las marcas Promedon. Además, algunas marcas tienen definidos sus elementos comunicacionales (imágenes

Más detalles

CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3

CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3 ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una

Más detalles

Manual de identidad corporativa Julio 2008 Versión 2.3

Manual de identidad corporativa Julio 2008 Versión 2.3 Manual de identidad corporativa Julio 2008 Versión 2.3 Carta del Presidente Ejecutivo A todos los que formamos parte de Ternium: Este Manual contiene los lineamientos clave para el uso adecuado de la identidad

Más detalles

MANUAL DE IDENTIDAD CORPORATIVA

MANUAL DE IDENTIDAD CORPORATIVA MANUAL DE IDENTIDAD CORPORATIVA 2013 ÍNDICE GLOSARIO Tema Definición de la Marca.................................................. La Marca FEMSA...................................................... Introducción..........................................................

Más detalles

5º Unidad Didáctica. Hojas de estilo en Cascada CSS. Eduard Lara

5º Unidad Didáctica. Hojas de estilo en Cascada CSS. Eduard Lara 5º Unidad Didáctica Hojas de estilo en Cascada CSS Eduard Lara 1 ÍNDICE 5.1 El Origen de CSS 5.2 Hojas de estilo y sus clases 5.3 Las reglas de estilo 5.4 Presentación con estilos 2 5.1 EL ORIGEN DE CSS

Más detalles

Hojas de estilo en cascada (CSS) Tecnologías Web

Hojas de estilo en cascada (CSS) Tecnologías Web Hojas de estilo en cascada (CSS) Tecnologías Web Motivación El objetivo fundamental de las hojas de estilo CSS es separar el contenido de la apariencia La información de nuestros sitios WEB tienen que

Más detalles

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico

MAQUETACIÓN CON CSS. Elementos principales. Diseño fijo, líquido, elástico MAQUETACIÓN CON CSS Elementos principales Para maquetar una página web y crear su estructura visual (layout) hay que dividir la página en bloques. La estructura de una página web tendrá una serie de áreas

Más detalles

CSS, hojas de estilos

CSS, hojas de estilos CSS, hojas de estilos 1. Introducción a las CSS El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fue concebido para otros usos (científicos sobre todo), distinto

Más detalles

GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO. Abril 2014

GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO. Abril 2014 GESTIÓN DE LA ACCESIBILIDAD EN GESTORES DE CONTENIDO Abril 2014 TÍTULO: Gestión de la accesibilidad en gestores de contenido Promovido por: Dirección General de Modernización Administrativa, Procedimientos

Más detalles

MANUAL BÁSICO CSS. Antes de empezar con CSS deberías tener por lo menos unos conocimientos básicos de HTML.

MANUAL BÁSICO CSS. Antes de empezar con CSS deberías tener por lo menos unos conocimientos básicos de HTML. MANUAL BÁSICO CSS Presentación Bienvenido a este tutorial de CSS, el lenguaje de hojas de estilo usado en páginas web. Este tutorial pretende hacer una introducción a este lenguaje, métodos para separar

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

Conceptos Teóricos de HTML5 (material extra adicional libro):

Conceptos Teóricos de HTML5 (material extra adicional libro): Temario de Examen Unidad I Materia: Informática Catedráticos: Víctor Aquino/Débora Santizo Temas: Uso del programa Sublime Text Forma Correcta de guardar archivos html y css (.html y.css) Uso de la etiquetas

Más detalles