<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Obraenlinea.com &#187; Web</title>
	<atom:link href="http://portal.obraenlinea.com/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://portal.obraenlinea.com</link>
	<description>Desarrollo de aplicaciones y sitios web</description>
	<lastBuildDate>Wed, 24 Aug 2011 21:55:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Ante una reducción de su presupuesto, Chrysler prefiere anuncios en la web</title>
		<link>http://portal.obraenlinea.com/2009/05/ante-una-reduccion-de-su-presupuesto-chrysler-prefiere-anuncios-en-la-web/</link>
		<comments>http://portal.obraenlinea.com/2009/05/ante-una-reduccion-de-su-presupuesto-chrysler-prefiere-anuncios-en-la-web/#comments</comments>
		<pubDate>Fri, 29 May 2009 22:17:27 +0000</pubDate>
		<dc:creator>Administrador</dc:creator>
				<category><![CDATA[Noticias]]></category>
		<category><![CDATA[anuncios]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://portal.obraenlinea.com/?p=482</guid>
		<description><![CDATA[
La crisis que llevó a Chrysler a un estado financiero dramático puso en jaque desde las áreas administrativas hasta las de marketing y publicidad. Con pocos recursos, el principal objetivo es lograr resultados comprobables en ...]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img style="padding15;float:left;" title="chrysler_logo1" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/chrysler_logo1.jpg" alt="chrysler_logo1" width="200" height="200" /></p>
<p style="text-align: justify;">La crisis que llevó a Chrysler a un estado financiero dramático puso en jaque desde las áreas administrativas hasta las de marketing y publicidad. Con pocos recursos, el principal objetivo es lograr resultados comprobables en cada acción que realizan, para que las inversiones no queden en la nada.</p>
<p style="text-align: justify;">Es por eso que antes de definir dónde poner un anuncio decidieron realizar una investigación “casi científica”. De esta manera, para no malgastar el dinero, un equipo de estadísticos, economistas, ingenieros de software y planificadores de medios de comunicación en Organic, la agencia de marketing digital de la automotriz, ha diseñado un sistema de &#8220;modelación de medios&#8221; que ayuda a la empresa a calcular las mejores formas de asignar sus fondos de marketing.</p>
<p style="text-align: justify;">El sistema calcula cuánto se necesita invertir en avisos para alcanzar ciertas metas de ventas y luego analiza de qué forma los avisos tanto en Internet como en otros medios afectan la actividad en la Web y, en última instancia, las ventas, según WSJ.</p>
<p style="text-align: justify;">Chrysler, que opera bajo la ley de bancarrota en medio de un rescate del gobierno de Estados Unidos, propuso destinar u$s134 millones a publicidad durante las nueve semanas que prevé estar bajo protección de la ley de bancarrota, pero el equipo de trabajo de la industria automotriz del Departamento del Tesoro de EE.UU. dijo que la empresa puede gastar sólo la mitad, informó el mismo medio.</p>
<p style="text-align: justify;"><span id="more-482"></span></p>
<p style="text-align: justify;">En 2008, su gasto total en publicidad en EE.UU. cayó a u$s801,3 millones, 34% menos que en 2007, según TNS Media Intelligence, una división de WPP.</p>
<p style="text-align: justify;">Las automotrices y otras empresas han utilizado herramientas de predicción durante años, pero los avisos digitales incrementaron la sofisticación del sistema y aceleraron el tiempo de reacción respecto de los datos recolectados.</p>
<p style="text-align: justify;">Chrysler, por lo tanto, está desplegando la nueva tecnología para calcular sus presupuestos publicitarios y ajustar sus campañas de marketing. Una campaña para promover el reciente lanzamiento de la nueva camioneta Dogde Ram ilustra cómo funciona. La agencia estima que entre 70% y 80% de los consumidores averigua en Internet antes de comprar vehículos, lo que indica si las visitas se traducen en ventas.</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.obraenlinea.com/2009/05/ante-una-reduccion-de-su-presupuesto-chrysler-prefiere-anuncios-en-la-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial para el diseño de Interfases WEB</title>
		<link>http://portal.obraenlinea.com/2009/05/tutorial-para-el-diseno-de-interfases-web/</link>
		<comments>http://portal.obraenlinea.com/2009/05/tutorial-para-el-diseno-de-interfases-web/#comments</comments>
		<pubDate>Wed, 27 May 2009 14:28:29 +0000</pubDate>
		<dc:creator>Administrador</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://portal.obraenlinea.com/?p=384</guid>
		<description><![CDATA[
Les presentamos la primera parte de la guía para la creación de interfases web. Fue desarrollado en Photoshop 6, pero se puede ejecutar en Photoshop CS 2 sin problemas.

Vía http://www.solophotoshop.com
 
1.- Preparación del Área de Trabajo.
Esta ...]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-thumbnail wp-image-3408" title="photoshopcs2" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/photoshopcs2-150x150.jpg" alt="photoshopcs2" width="150" height="150" /></p>
<p>Les presentamos la primera parte de la guía para la creación de interfases web. Fue desarrollado en Photoshop 6, pero se puede ejecutar en Photoshop CS 2 sin problemas.</p>
<p style="text-align: justify;"><span id="more-384"></span></p>
<div style="text-align: justify;"><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;">Vía <a href="http://www.solophotoshop.com">http://www.solophotoshop.com</a></span></div>
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;"> </span></p>
<p style="font-weight: bold;">1.- Preparación del Área de Trabajo.</p>
<p style="text-align: justify;">Esta es nuestra Interface en pañales, tan sólo es un esbozo de lo que será. En ella podemos ver ya las medidas y las posiciones que ocuparán tanto el nombre de la empresa y el logotipo. Esta imagen la encuentras en el zip de imágenes en tamaño real, pero por si la quieres hacer desde cero, la imagen es de 800 600 px con fondo transparente.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-385" title="interfacelapizmedido" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacelapizmedido.gif" alt="interfacelapizmedido" width="532" height="407" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;"><!--more--></p>
<p style="text-align: justify;">
<p style="text-align: justify;">A continuación Presiona Crtl + R para ver las Reglas, hecho esto podemos utilizar las guías: haz clic encima de una regla, vertical u horizontal según sea el caso, y sin soltar arrastra hacia el diseño, y con esto te aparece una guía. Usualmente de color azul, estas te dan mayor exactitud a la hora de dibujar. Hay que poner una en cada medida. La imagen te muestra cómo deben de quedar.</p>
<p style="text-align: justify;">Hay que activar el Salto: Ver&gt;Salto a&gt;Guias (View&gt;Snap To&gt;Guides)<br />
Una vez listas las guía podemos iniciar con nuestro diseño, lo primero que hay que hacer es dibujar los distintos elemento de fondo.</p>
<p style="text-align: center;"><img title="interfaceguias" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfaceguias.gif" alt="interfaceguias" width="450" height="339" /></p>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;"> </span></p>
<p style="font-weight: bold;">2. Diseño de Elementos Básicos de la Interface.</p>
<p>Crea una Nueva Capa: Capa&gt;Nueva Capa (Layer&gt;New Layer) luego toma la herramienta Marco Rectangular , haz clic y sin soltar crea un rectángulo vertical desde 0 hasta 140 px luego rellénala con un gris muy oscuro, casi negro (333333) y nos queda así, sin la capa de fondo (el dibujo a lápiz). Deselecciona Presionando Crtl + D.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-392" title="interfacebase1" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase1-300x225.gif" alt="interfacebase1" width="300" height="225" /></p>
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;"> </span></p>
<p style="text-align: justify;">Hay que crear una Nueva Capa y con Marco Rectangular siguiendo las guías para formar la primera crestilla. Seguimos con la gama de grises, pero esta vez menos bajo aun (666666), y disminuimos su opacidad hasta un 50%.<br />
El rectángulo va de 90 a 520 px Horizontal y de 140 a 160 px vertical (cresta inferior)</p>
<p style="text-align: justify;">Ahora hay que crear una punta, para esto necesitamos ir a:<br />
Editar&gt;Transformar&gt;Distorsionar (Edit&gt;Transform&gt;Distort)</p>
<p style="text-align: justify;">Y presionando la tecla Shift arrastramos la punta inferior derecha de nuestro rectángulo hacia arriba. Finalmente Presiona Aceptar (Enter) en tu teclado.</p>
<p style="text-align: justify;">
<p><img title="interfacebase2" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase2.gif" alt="interfacebase2" width="162" height="385" /> <img style="margin: 10px 20px;" title="interfacebase3" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase3.gif" alt="interfacebase3" width="300" height="150" /></p>
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;"> </span></p>
<p align="left">Deselecciona.</p>
<p style="text-align: justify;">Duplicamos esta capa arrastrándola hasta el icono de Nueva Capa (New Layer) en la paleta de Capas.Presiona Ctrl + T o ve a: Editar&gt;Transformar&gt;Escalar (Edit&gt;Transform&gt;Scale) y arrastra la parte inferior de la forma hasta guía de 495 px horizontal. Pon la opacidad de esta capa en 75% (cresta media). Haz lo mismo con otra, duplica la primera, sin embargo colócala a la altura de la guía de 470 px horizontal y una opacidad del 100% (cresta superior).</p>
<p><img class="aligncenter size-full wp-image-401" title="interfacebase8" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase8.gif" alt="interfacebase8" width="330" height="91" /></p>
<p align="left"><img title="interfacebase4" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase4.gif" alt="interfacebase4" width="112" height="104" /> <img title="interfacebase5" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase5.gif" alt="interfacebase5" width="112" height="104" /> <img title="interfacebase6" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase6.gif" alt="interfacebase6" width="112" height="104" /></p>
<p style="text-align: justify;"><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;">En este momento nos viene bien ver la capa de fondo, color blanco, para empezar a distinguir entre los distintos componentes de la Interface, que no son blancos. Crea una Nueva Capa (New Layer) y rellénala de blanco. Y ahora sí podemos distinguir claramente el efecto de las transparencias en las crestillas.</span></p>
<p align="left"><img class="aligncenter size-full wp-image-400" title="interfacebase7" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase7.gif" alt="interfacebase7" width="200" height="218" /></p>
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;"> </span></p>
<p style="text-align: justify;">Así es como vamos en las capas, tan sólo son 5 junto a nuestro fondo blanco artificial.</p>
<p style="text-align: justify;">Para nombrar a las capas debes de hacer clic con el botón derecho del Ratón sobre la capa y del menú emergente seleccionar Propiedades de Capa (Layer Properties).</p>
<p><span style="word-spacing: 0px; font: 12px Tahoma; text-transform: none; color: #333333; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0;">Hemos terminado los elementos del fondo y así vamos hasta ahora:</span></p>
<p><img class="aligncenter size-full wp-image-402" title="interfacebase9" src="http://portal.obraenlinea.com/wp-content/uploads/2009/05/interfacebase9.gif" alt="interfacebase9" width="450" height="338" /></p>
]]></content:encoded>
			<wfw:commentRss>http://portal.obraenlinea.com/2009/05/tutorial-para-el-diseno-de-interfases-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

