<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5550839891907485782</id><updated>2011-08-01T10:53:21.230-04:00</updated><category term='Adobe'/><category term='E-Commerce'/><category term='Flash'/><category term='viva'/><category term='SEO'/><category term='Mobile web'/><category term='3D'/><category term='Multimedia'/><category term='Diseño Web'/><category term='Diseño Grafico'/><category term='Ilustración'/><category term='HTML-CSS'/><category term='Tecnologia'/><category term='Eventos'/><category term='Marketing'/><category term='Fotografía'/><category term='Animación'/><category term='Publicidad'/><category term='mifi'/><category term='Diseño'/><category term='Video'/><category term='Web'/><category term='RECURSOS'/><title type='text'>Comunidad Multimedia Dominicana</title><subtitle type='html'>Comunidad Multimedia Dominicana</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Usuarios 2.0</name><uri>http://www.blogger.com/profile/10524505399774940140</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://4.bp.blogspot.com/_GTgu1qWfJ_c/So3KD38lesI/AAAAAAAAAAM/Pb0H8B-PmZI/S220/twitter_profile_pic.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>65</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8541962006411762461</id><published>2011-03-30T11:33:00.004-04:00</published><updated>2011-03-30T11:43:04.116-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='viva'/><category scheme='http://www.blogger.com/atom/ns#' term='mifi'/><title type='text'>Viva lanza novedoso servicio: Viva MiFi</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-VHZv04y-e9k/TZNPfmG9moI/AAAAAAAAAc0/cuuHstxNpfQ/s1600/leon3.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 258px; height: 320px;" src="http://1.bp.blogspot.com/-VHZv04y-e9k/TZNPfmG9moI/AAAAAAAAAc0/cuuHstxNpfQ/s320/leon3.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5589898966721206914" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Santo Domingo.- Con el objetivo de satisfacer las necesidades de sus clientes de internet móvil, la empresa de telecomunicaciones Viva, ha lanzado al mercado el práctico, útil y novedoso servicio Viva MiFi.&lt;br /&gt;&lt;br /&gt;Viva MiFi es un router WIFI inalámbrico portable, del tamaño de una tarjeta de crédito, que permite la conexión simultánea de hasta 3 equipos WiFi. Ejemplo: Laptops, Tablets, Teléfonos Móviles, etc.&lt;br /&gt;&lt;br /&gt;Con la introducción de este nuevo router WIFI inalámbrico, los clientes podrán llevar consigo el Internet, ya que es un equipo que despliega una red inalámbrica personal que puede ser compartida con hasta tres (3) usuarios al introducir una contraseña de seguridad en el dispositivo WiFi.&lt;br /&gt;&lt;br /&gt;El equipo cuenta con una batería recargable de litio de uso continuo de hasta 4 horas, que permite la conexión a Internet móvil sin cables donde quiera que exista cobertura de Internet de Viva, además de poseer un radio de emisión de conexión de 30 metros.&lt;br /&gt;&lt;br /&gt;Mariam León, Gerente de Telefonía Fija e Internet de Viva, informó “Estamos muy contentos de poder satisfacer la demanda de un equipo que permita compartir la conexión a Internet de una forma práctica que vaya de acuerdo a la premisa del producto – movilidad y portabilidad” “Este es el verdadero hotspot WIFI personal” y está disponible solo en Viva.&lt;br /&gt;&lt;br /&gt;Viva es una empresa que se caracteriza en ofrecer una inmensa diversidad de planes, servicios innovadores y únicos en el sector de telecomunicaciones para satisfacer las demandas de sus clientes y de los nuevos tiempos.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8541962006411762461?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8541962006411762461/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8541962006411762461' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8541962006411762461'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8541962006411762461'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2011/03/viva-lanza-novedoso-servicio-viva-mifi.html' title='Viva lanza novedoso servicio: Viva MiFi'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-VHZv04y-e9k/TZNPfmG9moI/AAAAAAAAAc0/cuuHstxNpfQ/s72-c/leon3.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8015673346597608907</id><published>2011-01-27T10:10:00.002-04:00</published><updated>2011-01-27T10:14:20.007-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Mobile web'/><category scheme='http://www.blogger.com/atom/ns#' term='E-Commerce'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Orange Dominicana y GCS SYSTEMS Firman acuerdo para ofrecer el servicio tPago</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Clientes podrán realizar pagos desde sus equipos móviles GSM&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/TUF9oKW70WI/AAAAAAAAAZk/dsnmMtpwy7w/s1600/orange.jpeg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/TUF9oKW70WI/AAAAAAAAAZk/dsnmMtpwy7w/s320/orange.jpeg" border="0" alt=""id="BLOGGER_PHOTO_ID_5566868743335432546" /&gt;&lt;/a&gt;Santo Domingo, D. N., enero de 2011. Las empresas &lt;span style="font-weight:bold;"&gt;Orange Dominicana&lt;/span&gt; y &lt;span style="font-weight:bold;"&gt;GCS Systems&lt;/span&gt;, LTD  firmaron un acuerdo para la interconexión de las redes y plataformas de ambas entidades, que permitirá a los clientes de Orange acceder a los servicios ofertados por GCS a través de la red móvil de la empresa de telecomunicaciones. Este acuerdo fue firmado entre los señores Jean Marc Harion, presidente de Orange Dominicana y Manuel Alejandro Grullón Hernández, presidente de GCS Systems.&lt;br /&gt;&lt;br /&gt;El convenio establece la realización de transacciones para el manejo de las finanzas personales y los pagos móviles en tiempo real y de tipo comercial a través del producto &lt;span style="font-weight:bold;"&gt;tPago&lt;/span&gt; desde los equipos móviles GSM de los clientes Orange, sin importar la modalidad de contrato que tengan con la compañía. El producto tPago es un servicio innovador y único en el mercado que ofrece la facilidad de realizar los pagos que el cliente necesite a través de su móvil. &lt;br /&gt;&lt;br /&gt;Los clientes afiliados a este novedoso servicio podrán acceder a este a partir del mes de febrero y solo tendrán que marcar *150# y desde el menú principal podrán realizar, en tiempo real, recargas de tiempo aire (minutos de llamadas), transferencias de fondos de persona a persona, pagos de facturas de servicios, pagos de compras en comercios, así como consulta de saldo de su cuenta bancaria y del historial de transacciones.&lt;br /&gt;&lt;br /&gt;Durante el acto de firma del acuerdo, el señor Jean Marc Harion, presidente de Orange Dominicana, señaló que “Este acuerdo con GCS Systems es un paso hacia adelante orientado a facilitar la vida de nuestros clientes. Nuestras redes ofrecerán la seguridad que se necesita para el buen resultado del servicio, con lo cual obtendremos la satisfacción de los clientes”. &lt;br /&gt;&lt;br /&gt;Por su parte, el presidente del Consejo de Directores de GCS Systems, señor Manuel Alejandro Grullón Hernández, dio las gracias a Orange Dominicana por la confianza depositada en la empresa que preside, al tiempo que expresó cómo la entrada de esta telefónica amplía el segmento poblacional hábil para obtener el servicio de pagos móviles a través de tPago.&lt;br /&gt;&lt;br /&gt;GCS es un habilitador de pagos móviles, que integra a través de su plataforma a diferentes tipos de empresas, tales como instituciones financieras, compañías de telecomunicaciones, empresas de servicios y redes de adquirientes, con el objetivo de proveer a sus clientes las facilidades de realizar todo tipo de transacciones con estas instituciones desde la comodidad de su teléfono móvil.&lt;br /&gt;&lt;br /&gt;Este servicio es ofrecido actualmente a través de los bancos Popular, Progreso y BanReservas, luego BHD, y, gradualmente, irán entrando los demás bancos del sistema financiero nacional, para beneficio de su clientela.&lt;br /&gt;&lt;br /&gt;El objetivo de tPago es proporcionar una amplia variedad de soluciones de pagos móviles que sean asequibles y puedan estar disponibles para las personas que son clientes de estas entidades financieras, a través de una transacción sencilla y desde cualquier lugar donde tengan señal móvil.  La red GSM que ofrece la empresa de telecomunicaciones Orange Dominicana, considerada la número uno del país, asegura que los resultados para los clientes sean los mejores.&lt;br /&gt;&lt;br /&gt;Con esta alianza que ofrece un producto simple, seguro, y rápido, se demuestra una vez más los pasos firmes de ambas empresas para ofrecer valores agregados, confiables y responsables a sus clientes.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8015673346597608907?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8015673346597608907/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8015673346597608907' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8015673346597608907'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8015673346597608907'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2011/01/orange-dominicana-y-gcs-systems-firman.html' title='Orange Dominicana y GCS SYSTEMS Firman acuerdo para ofrecer el servicio tPago'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_GTkHp1bVvFA/TUF9oKW70WI/AAAAAAAAAZk/dsnmMtpwy7w/s72-c/orange.jpeg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2912353338756596407</id><published>2010-09-02T12:23:00.000-04:00</published><updated>2010-09-02T12:23:17.250-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Adobe Hispano</title><content type='html'>&lt;span class="Apple-style-span" style="color: #222222; font-family: 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;Vuelve el evento más importante de Adobe en Español:&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Adobe Hispano&lt;/strong&gt;, con 20 conferencias internacionales, reuniendo a 11 países durante 4 días donde solo se hablará dos cosas: Adobe y Español, se parte de este evento y&amp;nbsp;&lt;a href="http://www.adobehispano.com/" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #000099; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline; vertical-align: baseline;" target="_blank"&gt;regístrate&lt;/a&gt;&amp;nbsp;para participar.&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #551a8b;"&gt;&lt;u&gt;&lt;span class="Apple-style-span" style="color: #222222; font-family: 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/u&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://l4c.me/uploads/ah2010-1283402668_full550.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="640" src="http://l4c.me/uploads/ah2010-1283402668_full550.jpg" width="494" /&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: #222222; font-family: 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal;"&gt;&lt;a href="http://l4c.me/uploads/ah2010-1283402668_full550.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: #222222; font-family: 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline !important; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Las conferencias serán:&lt;/div&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;strong style="font-weight: 700;"&gt;&lt;div style="text-align: left;"&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: black; font-family: 'Times New Roman'; font-size: medium; font-weight: normal; line-height: normal;"&gt;&lt;a href="http://l4c.me/uploads/ah2010-1283402668_full550.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: #222222; font-family: 'Helvetica Neue', 'Lucida Grande', Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline !important; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="font-weight: 700;"&gt;Septiembre 13&lt;/strong&gt;&lt;/div&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/strong&gt;&lt;br /&gt;&lt;ul style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; list-style-position: inside; list-style-type: circle; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Datos sin dolor y sin SQL con AIR -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Daniel Ramos&lt;/strong&gt;&amp;nbsp;(México)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Personalizando componentes en Flex 4 -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Mariano Kiwo Carrizo&lt;/strong&gt;&amp;nbsp;(Argentina)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Partículas con ActionScript 3 -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Rodrigo Duarte&amp;nbsp;&lt;/strong&gt;(Chile)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Tracking de Google Analytics con Flash -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Edgar Parada&lt;/strong&gt;&amp;nbsp;(México)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Optimización extrema de SWF 2.0 -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Elder Vasquez&lt;/strong&gt;&amp;nbsp;(Perú)&lt;/li&gt;&lt;/ul&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;&lt;strong style="font-weight: 700;"&gt;Septiembre 14&lt;/strong&gt;&lt;/div&gt;&lt;ul style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; list-style-position: inside; list-style-type: circle; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Edición NO destructiva con Photoshop -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Mariana Cabral&amp;nbsp;&lt;/strong&gt;(México)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Documentos interactivos para Web y el iPad con ID -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Jose M. Ramos&lt;/strong&gt;&amp;nbsp;(Puerto Rico)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Usando Lightroom y Photoshop CS5 -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Rafael Concepcion&amp;nbsp;&lt;/strong&gt;(EEUU)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Creación de animaciones Flash con Illustrator -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Antonio Lirio&lt;/strong&gt;&amp;nbsp;(España)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Optimización de trabajo con el nuevo Photoshop -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Marcelo Monzón&lt;/strong&gt;&amp;nbsp;(Argentina)&lt;/li&gt;&lt;/ul&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;&lt;strong style="font-weight: 700;"&gt;Septiembre 15&lt;/strong&gt;&lt;/div&gt;&lt;ul style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; list-style-position: inside; list-style-type: circle; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Creación de Widgets con Flash Catalyst -&lt;strong style="font-weight: 700;"&gt;&amp;nbsp;Iván Álvarez&lt;/strong&gt;&amp;nbsp;(México)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Cine 3D con After Effects -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Luis Sosa&lt;/strong&gt;&amp;nbsp;(Rep Dominicana)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Flash Catalyst -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;LordAlex León&lt;/strong&gt;&amp;nbsp;(Canadá)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Acrobat y la oficina sin papeles -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Diego Rodríguez&lt;/strong&gt;&amp;nbsp;(España)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Workflow, muévete sin pérdidas entre suites -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Jorge Mochón&lt;/strong&gt;&amp;nbsp;(España)&lt;/li&gt;&lt;/ul&gt;&lt;div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;&lt;strong style="font-weight: 700;"&gt;Septiembre 16&lt;/strong&gt;&lt;/div&gt;&lt;ul style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; list-style-position: inside; list-style-type: circle; margin-bottom: 1.5em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Mobile Web con HTML5, widgets y Dreamweaver -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Maximiliano Firtman&lt;/strong&gt;&amp;nbsp;(Argent)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Aplicaciones multidispositivo -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Marcos Gonzáles&lt;/strong&gt;&amp;nbsp;(España)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;5 situaciones en que ColdFusion te puede salvar la vida -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Michael Borbor&lt;/strong&gt;&amp;nbsp;(Ecuador)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Jugando con datos en Spry -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Luis Felipe&lt;/strong&gt;&amp;nbsp;(Chile)&lt;/li&gt;&lt;li style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left; vertical-align: baseline;"&gt;Lo que tiene HTML5, lo que le falta a Flash -&amp;nbsp;&lt;strong style="font-weight: 700;"&gt;Freddie Vega&amp;nbsp;&lt;/strong&gt;(Colombia)&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt;Fuente: &lt;a href="http://www.garageflash.org/adobe-hispano-regresa"&gt;Garaje Flash&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2912353338756596407?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2912353338756596407/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2912353338756596407' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2912353338756596407'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2912353338756596407'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/09/adobe-hispano.html' title='Adobe Hispano'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-527084854117222336</id><published>2010-06-25T10:21:00.000-04:00</published><updated>2010-06-25T10:21:58.641-04:00</updated><title type='text'>Google lanza una página web para desarrolladores de HTML 5</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/TCS5Ly79XCI/AAAAAAAAATw/S8JFKjJx_qA/html5.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/TCS5Ly79XCI/AAAAAAAAATw/S8JFKjJx_qA/html5.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Para &lt;b&gt;Google&lt;/b&gt;, &lt;b&gt;HTML 5&lt;/b&gt; finalmente ha entrado en escena. Es lo que debe haber pensado la compañía, que esta misma semana ha lanzado una nueva &lt;a href="http://www.html5rocks.com/"&gt;web denominada HTML5rocks&lt;/a&gt;, en la que comparte kit de recursos para &lt;b&gt;desarrolladores&lt;/b&gt;, así como todo tipo de información relacionada con código y tutoriales para poder compartir conocimientos entre usuarios. &lt;br /&gt;&lt;br /&gt;La compañía pretende que sea un lugar en el que el desarrollador pueda tanto recibir como contribuir con conocimientos y experiencias de &lt;b&gt;programación&lt;/b&gt; propias, siempre basadas en el código &lt;b&gt;HTML 5&lt;/b&gt;. &lt;br /&gt;&lt;br /&gt;Y es que el término &lt;b&gt;HTML 5&lt;/b&gt; abarca temas tan diversos que los desarrolladores suelen tener dificultad para abordar algunos de ellos. De hecho, algunas &lt;b&gt;APIs&lt;/b&gt; y características forman parte de las ya aprobadas, mientras que otras forman parte del grupo que todavía no han sido aceptadas. El “site” ha sido dividido en cuatro secciones principales, véase presentación interactiva, donde se muestran las características, zona de juegos &lt;b&gt;HTML&lt;/b&gt; para probar sus capacidades, tutoriales, y recursos. &lt;br /&gt;&lt;br /&gt;Entre los nueve tutoriales que ya pueden verse es posible aprender cómo llevar las &lt;b&gt;aplicaciones offline&lt;/b&gt;, controlar la localización de los usuarios que acceden asociada a &lt;b&gt;Geolocalización&lt;/b&gt;, e incluso leer los ficheros locales desde dentro de &lt;b&gt;JavaScript&lt;/b&gt;. En la &lt;b&gt;Web&lt;/b&gt; es posible encontrar incluso una serie de&amp;nbsp;&lt;b&gt;APIs&lt;/b&gt; que todavía no han sido aprobadas por &lt;b&gt;W3C HTML 5&lt;/b&gt;, pero que son indicadas como aplicaciones web de próxima generación. &lt;br /&gt;&lt;br /&gt;En los últimos meses se ha hablado bastante al respecto, debido al apoyo incondicional por parte de &lt;b&gt;Apple&lt;/b&gt;, quien ha declarado que la aparición de &lt;b&gt;HTML 5&lt;/b&gt; confirma que no es necesario depender del plug-in de &lt;b&gt;Flash&lt;/b&gt; para la reproducción de contenidos on-line bajo navegador Web. &lt;br /&gt;&lt;br /&gt;Seguro que con el paso del tiempo y la aportación de todos, la Web va adquiriendo mayores contenidos atractivos. También con anterioridad, informamos que &lt;b&gt;Apple&lt;/b&gt; desarrolló una página específica para contenidos &lt;b&gt;HTML 5&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Por:&amp;nbsp;&lt;a href="http://www.idg.es/pcworldtech/Google-lanza-una-pagina-web-para-desarrolladores-d/doc96596-actualidad.htm"&gt;Alfonso Casas&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.idg.es/pcworldtech/Google-lanza-una-pagina-web-para-desarrolladores-d/doc96596-actualidad.htm"&gt;PCworld.es&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-527084854117222336?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/527084854117222336/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=527084854117222336' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/527084854117222336'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/527084854117222336'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/06/google-lanza-una-pagina-web-para.html' title='Google lanza una página web para desarrolladores de HTML 5'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh5.ggpht.com/_QBkv__MdgNs/TCS5Ly79XCI/AAAAAAAAATw/S8JFKjJx_qA/s72-c/html5.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-924660973016498115</id><published>2010-05-15T18:41:00.011-04:00</published><updated>2010-05-17T08:25:27.994-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Mobile web'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Eventos'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Adobe'/><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Adobe en Vivo desde Republica Dominicana</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_rI0HDPz11c8/S-89rhDCVZI/AAAAAAAAAAU/-3l2QtgMzZw/s1600/aev_logo.png"&gt;&lt;img style="float: left; margin: 0pt 10px 10px 0pt; cursor: pointer; width: 272px; height: 93px;" src="http://2.bp.blogspot.com/_rI0HDPz11c8/S-89rhDCVZI/AAAAAAAAAAU/-3l2QtgMzZw/s320/aev_logo.png" alt="" id="BLOGGER_PHOTO_ID_5471659890093217170" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Desde hace años &lt;a href="http://www.adobe.com/"&gt;Adobe&lt;/a&gt; ha sido la empresa que mas inversión e innovación ha dedicado a las herramientas de desarrollo de todas las areas de la Multimedia. Con herramientas versatiles y cada vez mas enfocadas en facilitar nuestro flujo de trabajo como diseñadores, desarrolladores, animadores, editores y productores de piezas para el medio impreso, digital, audiovisual y media interactiva.&lt;br /&gt;&lt;br /&gt;Teniendo este referente y como apoyo a la capacitacion de quienes usan los diversos programas que produce Adobe, se ha creado &lt;a href="http://adobeenvivo.com/"&gt;Adobe en Vivo&lt;/a&gt;. Este evento fue creado por &lt;a href="http://garageflash.com/"&gt;Garage Flash&lt;/a&gt; y auspiciado por Adobe, el mismo agrupa una serie de expositores, gran parte de ellos son expertos Certificados por Adobe.&lt;br /&gt;&lt;br /&gt;En esta oportunidad le toco a República Dominicana, los días 8 y 9 Mayo 2010, 2 Días de puro &lt;a href="http://www.adobe.com/"&gt;Adobe&lt;/a&gt; con una excelente selección de temas que abarcaba las areas de Web, Moviles, Impresos y Video. Este formidable evento se realizo en los auditorios de &lt;a href="http://www.funglode.org/"&gt;FUNGLODE&lt;/a&gt; bajo la organización y coordinación de &lt;a href="http://www.12bitsmediagroup.com/"&gt;12 Bits Media Group&lt;/a&gt;, empresa representante de Adobe en el  país, y el &lt;a href="http://www.globalmediaarts.org/espanol/"&gt;Institiuto Global de Multimedia (IGM)&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;El día 8 inicio con las palabras de Bienvenida de Luis Sosa Manager del Dominican Republic Adobe User Group y Janice Campbell Senior International Group Program Manager at Adobe Systems Incorporated. A seguidas, inicio la descarga de los expertos internacionales invitados hablando de Coldfusion,  Flash Catalyst CS5, Integración de Adobe Flex y .Net, CSS, Diseño para la Web, Mobile Web, Flash Player 10.1 y Adobe Air.&lt;br /&gt;&lt;br /&gt;En este primer día las presentaciones mas destacadas fueron la de Adobe Catalyst que dejo impresionado al auditorio con esta nueva aplicación dentro de la Suite CS5 que permite a diseñadores desarrollar formularios y aplicaciones Flash que antes requerían programación. &lt;a href="http://twitter.com/firt"&gt;Maximiliano Firtman&lt;/a&gt; experto en desarrollo para Web Moviles nos mostró con mucha profesionalidad todo lo referente a desarrollo web para moviles, este tema merece mucha atención pues el futuro apunta hacia los movíles. Raul Jimenez (&lt;a href="http://twitter.com/elecash/"&gt;elecash&lt;/a&gt;) hablo sobre todo el potencial de Flash 10.1, las nuevas mejoras de esta versión del player permiten diseñar y desarrollar 3D, hacer impresionante aplicaciones moviles para teléfonos con pantalla touch, uso del acelerometro, conexión directa a través de sockets lo que permite hacer aplicaciones multiusuarios, entre otras hierbas.&lt;br /&gt;&lt;br /&gt;El segundo día, Domingo 9, se enfoco en impresos y vídeo. El día inicio con Marlon Ceballos quien nos hablo sobre el diseño de E-Books, a continuación &lt;a href="http://twitter.com/marianacabralMX"&gt;Mariana Cabral&lt;/a&gt; nos hablo sobre las mejoras en el flujo de trabajo que ofrece la Suite CS5 de Adobe, nos impresiono bastante la manera en como se integran todas las aplicaciones a traves de Bridge y las alucinantes funciones que incorpora Photoshop para realizar retoques fotográficos que antes eran imposibles. Esta fue una las presentaciones mas aplaudidas por las novedades presentadas y la excelente exposición de Mariana.&lt;br /&gt;Desde Puerto Rico, Jose Ramos, nos hablo sobre Ilustrator e hizo magia con las  nuevas herramientas y facilidades que presenta la nueva version del CS5. El nuevo ilustrator simplifica muchas tareas que antes requerian un sin numero de pasos para poderlas realizar. Ilustrator incorpora un potente motor de rasterización que permite realizar ilustraciones casi reales y artisticas con las herramientas que incorpora.&lt;br /&gt;&lt;br /&gt;Jorge Monchon, ciudadano español aplatanizado, nos hablo sobre after effects y las nuevas posibilidades de animacion que permite realizar, hasta un punto muy cercano al 3D y posibilidades de animacion con Mascaras que antes demoraban días en realizar morenomaticamente ahora After Effects las hace por nosotros en minutos. Ilka Valdez nos hablo sobre las bondades de Adobe Encore para la producción de DVDs y para cerrar Luis Sosa presento algunos trucos con Photoshop y After effects.&lt;br /&gt;&lt;br /&gt;Puntos relevantes: Elder Vasquez (&lt;a href="http://twitter.com/eldervaz"&gt;Eldervaz&lt;/a&gt;), coordinador y desarrollador de Actionscript luego de mostrarnos un algoritmo y su &lt;a href="http://www.youtube.com/watch?v=K53Y49lD2o0"&gt;código para aprender a Bailar Salsa&lt;/a&gt;, reto a los participantes de Dominicana para que escribieran y demostraran un algoritmo similar que le enseñara a Bailar Bachata. Tambien se rifaron licencias de Adobe Flex, suscripciones de &lt;a href="http://www.video2brain.com/"&gt;Video2Brain&lt;/a&gt; ,Flash Professional y suites completas de Adobe CS5.&lt;br /&gt;&lt;br /&gt;En resumen, este fue un gran evento, donde por primera vez Adobe se acerca a República Dominicana y muestra a traves de expertos las novedades de su completa suite CS5. Mas de 700 participantes en dos días, transmitido en linea a traves de la web de FUNGLODE, la excelente organización y los temas tratados le dan la categoria de exitoso.&lt;br /&gt;&lt;br /&gt;La comunidad multimedia y tecnologica dominicana en este año ha tenido importantes eventos, movimientos que surgen, interesantes innovaciones y casos de exito que apuntan a que vamos por buen camino. Siempre que tengas la oportunidad, mantente al tanto, participa, colabora y comparte conocimiento para que nuestra comunidad siga creciendo.&lt;br /&gt;&lt;br /&gt;UPDATE: Cabe mencionar que el evento tuvo una excelente cobertura via twitter por Jabel Gonzalez (&lt;a href="http://www.twitter.com/jabel"&gt;@JabelG&lt;/a&gt;), ademas de las tomas fotograficas realizadas por Rodrigo Duarte (&lt;a href="http://www.twitter.com/roduar/"&gt;@roduar&lt;/a&gt;) que pueden ver aqui: &lt;a href="http://picasaweb.google.com/roduar/AdobeEnVivo#"&gt;http://picasaweb.google.com/roduar/AdobeEnVivo#&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;PD1: Sigue a Adobe en vivo a traves de twitter con el hashtag &lt;a href="http://twitter.com/search?q=adobeenvivo"&gt;#adobeenvivo&lt;/a&gt;&lt;br /&gt;PD2: Gracias Jabel por la corrección.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-924660973016498115?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/924660973016498115/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=924660973016498115' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/924660973016498115'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/924660973016498115'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/05/adobe-en-vivo-desde-republica.html' title='Adobe en Vivo desde Republica Dominicana'/><author><name>rdaniel</name><uri>http://www.blogger.com/profile/17949550066115991524</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_rI0HDPz11c8/S-89rhDCVZI/AAAAAAAAAAU/-3l2QtgMzZw/s72-c/aev_logo.png' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3907595570798362791</id><published>2010-05-09T17:52:00.001-04:00</published><updated>2010-05-10T17:21:17.398-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Que es StartDO?</title><content type='html'>&lt;blockquote&gt;Este post pretende resumir el concepto de &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;StartDo&lt;/span&gt;&lt;/b&gt; con el fin de que podamos entender de que se trata este interesante proyecto que recién inicia.&lt;/blockquote&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-csQXyyeaI/AAAAAAAAASk/rfQA9m3nE2g/startDO.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-csQXyyeaI/AAAAAAAAASk/rfQA9m3nE2g/startDO.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;StartDO&lt;/span&gt;&lt;/b&gt; nace producto de una iniciativa en conjunto, del deseo particular pero con objetivos comunes de un grupo de profesionales en distintas áreas con el fin de aunar esfuerzos para ayudar a aquellos emprendedores quienes de una forma u otra tengan una idea de proyecto tecnológico y que por alguna razón, sea de desconocimiento, falta de recursos o capital, vean su idea “morir” al pasar del tiempo.&lt;br /&gt;&lt;br /&gt;Según las palabras  de David Tavarez (&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;i&gt;@davidtavarez&lt;/i&gt;&lt;/span&gt;) el origen de &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;StartDO&lt;/span&gt;&lt;/b&gt; se podría remontar al reciente &lt;b&gt;&lt;a href="http://twitt.do/"&gt;&lt;span class="Apple-style-span" style="color: #0b5394;"&gt;TwittDO&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;, en la presentación del Barcamp de &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;Jorge Vargas&lt;/span&gt;&lt;/b&gt; (&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;i&gt;@elpargo&lt;/i&gt;&lt;/span&gt;) sobre StartUps en Dominicana. &lt;i&gt;“Se entiende que en el país se cumplen los "requerimientos" básicos para iniciar una StartUp y tenemos que empezar hablar de ello”&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;De todos es sabido que muchas ideas se quedan estancadas y terminan en una frustración para quien pretende emprenderla ya que algunos no tienen la posibilidad o el recurso de gestión de asesoría en cuanto a la planificación, factibilidad, desarrollo del modelo o plan de negocios, o de cuestiones financieras o de patrocinio para llevar a cabo esta idea que muchas veces tiene un gran potencial.&lt;br /&gt;&lt;br /&gt;Es importante mencionar que la idea no es nueva, hace ya aproximadamente se viene cociendo una idea similar que muchos conocemos como &lt;span class="Apple-style-span" style="color: #0b5394;"&gt;#apoyalolocal&lt;/span&gt; liderada por &lt;i&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;@davidtavarez&lt;/span&gt;&lt;/i&gt; y &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;William Méndez &lt;/span&gt;&lt;/b&gt;(&lt;i&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;@wm3ndez&lt;/span&gt;&lt;/i&gt;) y contando con el apoyo de &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;ROCK&lt;/span&gt;&lt;/b&gt; (&lt;i&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;@ROCKRD&lt;/span&gt;&lt;/i&gt;) y varias personas de la &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;comunidad twittera Dominicana&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Apenas es el comienzo de algo que sin dudas será de mucho provecho para el desarrollo de potenciales negocios tecnológicos o a través de la internet, fomentar y contribuir a mejorar la calidad de la web y sus actores en cuanto a protocolos, estándares, competitividad, reglas de juego y sobre todo a compartir experiencias y conocimientos.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;StartDo es un proyecto libre, sin ningún carácter de exclusividad por lo que todos estamos bienvenidos a participar, todos tenemos algo que aportar.&lt;/span&gt;&lt;/b&gt; El concepto se basa en establecer un networking de apoyo a proyectos locales con alcance nacional o internacional.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S-h4Jh-NQBI/AAAAAAAAATE/uOA2M40H4kM/_r2_c2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="263" src="http://lh4.ggpht.com/_QBkv__MdgNs/S-h4Jh-NQBI/AAAAAAAAATE/uOA2M40H4kM/_r2_c2.jpg" width="374" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;En la primera reunión realizada en el Foodcourt de Plaza Central el sábado 8 de Mayo de 2010 estuvieron presentes:&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;i&gt;&lt;br /&gt;&lt;br /&gt;@McTekk, @alopezvalerio, @himself, @jguerrero, @OmarJavier15, @Warchiefx, @Cor3d, @Junihh, @shady , @Bekace, @DarioMartinezB, @Eridenestrella, @Darcast, @elcuni, @elpargo&lt;br /&gt;&lt;/i&gt;&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Puedes seguirnos en &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;@startDO&lt;/span&gt;&lt;/b&gt; o entérate de mas información a través del hashtag &lt;span class="Apple-style-span" style="color: #45818e;"&gt;#startDO&lt;/span&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3907595570798362791?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3907595570798362791/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3907595570798362791' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3907595570798362791'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3907595570798362791'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/05/que-es-startdo.html' title='Que es StartDO?'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh3.ggpht.com/_QBkv__MdgNs/S-csQXyyeaI/AAAAAAAAASk/rfQA9m3nE2g/s72-c/startDO.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3210883684482695908</id><published>2010-05-04T12:03:00.000-04:00</published><updated>2010-05-04T12:03:13.161-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Empezar a Usar CSS quinta Parte</title><content type='html'>&lt;div style="text-align: justify;"&gt;En un artículo anterior “&lt;a href="http://comudo.blogspot.com/2010/01/empezar-usar-css-cuarta-parte.html"&gt;Empezar a Usar CSS Cuarta Parte&lt;/a&gt;” de esta serie de artículos, conocimos las reglas para &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;declarar y escribir las hojas de estilos&lt;/span&gt;&lt;/b&gt; y cómo llamarlas o importarlas desde un enlace.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;En este artículo veremos cómo crear los contenedores principales de un sitio web (head, main body, footer), también conoceremos algunas reglas e &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;estilos de posición&lt;/span&gt;&lt;/b&gt; que nos resultaran de gran provecho. Entender la esencia de estas reglas pueden hacer la diferencia entre volvernos depresivos o no, a la hora de usar las hojas de estilos en cascadas &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;CSS&lt;/span&gt;&lt;/b&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4WHAdAEI/AAAAAAAAARY/Iw1ds9B65-M/css_5taparte_img1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4WHAdAEI/AAAAAAAAARY/Iw1ds9B65-M/css_5taparte_img1.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Voy a empezar con un concepto interesante: “&lt;i&gt;pensar que la cascada empieza desde el área del monitor mismo&lt;/i&gt;”.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Explico: Con las hojas de estilos podemos controlar totalmente lo que se muestra en los web browsers (&lt;i&gt;no voy a incluir a nuestra pesadilla: IE&lt;/i&gt;), eso lo podemos lograr aplicando estilos desde el mismo TAG “&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt;” o desde el TAG “&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;BODY&lt;/span&gt;&lt;/b&gt;” teniendo en cuenta que desde el &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;TAG HTML&lt;/span&gt;&lt;/b&gt; tenemos aun mas control de la pagina que se muestra en el web browser, o sea, mientras más arriba de la cascada más control.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S-A4Wd8zHUI/AAAAAAAAARc/y5dnzvJnGL8/css_5taparte_img2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="247" src="http://lh5.ggpht.com/_QBkv__MdgNs/S-A4Wd8zHUI/AAAAAAAAARc/y5dnzvJnGL8/css_5taparte_img2.gif" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Por lo que no es lo mismo aplicar estilos al TAG “&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt;” que al TAG “&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;BODY&lt;/span&gt;&lt;/b&gt;”, resalto esto porque lo veremos más adelante y es importante tenerlo en cuenta.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Bueno, basta de &lt;i&gt;bla bla bla&lt;/i&gt; y vayamos al punto. Vamos a empezar conociendo la diferencia entre las propiedades &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;i&gt;padding y margin&lt;/i&gt;&lt;/span&gt;&lt;/b&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Margin:&lt;/b&gt; es una propiedad CSS que define un espacio dado de forma exterior de cualquier elemento. O sea, si queremos separar de forma exterior o “&lt;i&gt;hacia afuera&lt;/i&gt;” a un elemento con relación a otro o con relación al espacio (monitor)  le aplicamos la propiedad margin. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Esta propiedad nos brinda la posibilidad de especificar los lados hacia donde queremos aplicar el margen, ej.:  &lt;span class="Apple-style-span" style="color: #45818e;"&gt;margin-top, margin-left&lt;/span&gt;, etc., además nos permite acortar la propiedad con un shorthand ej.: &lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;margin: 10px 6px 0px 6px&lt;/span&gt; , esto se lee usando las manecillas del reloj: &lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;top= 10px / right = 6px / botton= 0px y left= 6px&lt;/span&gt;, de manera que no haya necesidad de especificar cada propiedad por separado y por lo tanto se optimiza la hoja de estilos.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4WgXlp0I/AAAAAAAAARg/GwEkHSJq_vw/css_5taparte_img3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="247" src="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4WgXlp0I/AAAAAAAAARg/GwEkHSJq_vw/css_5taparte_img3.gif" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Veamos un ejemplo del uso de la propiedad margin:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Vamos a crear el heading de un sitio web basado en esta maquetación (preferiblemente hecha por un diseñador web, no por un diseñador grafico):&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4W2AHtQI/AAAAAAAAARk/zvd8oRBuTF0/css_5taparte_img4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="247" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4W2AHtQI/AAAAAAAAARk/zvd8oRBuTF0/css_5taparte_img4.gif" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;Como vemos tenemos que definir:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;1- Un contenedor para el heading, que ocupa 100% del ancho del espacio (monitor).&lt;/div&gt;&lt;div style="text-align: justify;"&gt;2- Un cuerpo de contenido o main container que ocupa 960 pixeles de ancho.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;3- Un contenedor del footer que ocupa 100% del ancho del espacio (monitor).&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Para lograr esto, vamos a empezar dictándole algunas instrucciones al TAG &lt;b&gt;BODY&lt;/b&gt; de nuestra página &lt;b&gt;HTML&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S-A4XCEsH8I/AAAAAAAAARo/RZR26XP7dX8/css_5taparte_img5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S-A4XCEsH8I/AAAAAAAAARo/RZR26XP7dX8/css_5taparte_img5.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Luego insertamos un div y le aplicamos un selector tipo id, lo haremos tipo id porque en todo el documento &lt;b&gt;HTML&lt;/b&gt; no volveremos a usar esta clase, si fuera necesario re-utilizar estos estilos, pues lo declaramos como una clase.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4fNwyNnI/AAAAAAAAARs/JxHjkJxx0tw/css_5taparte_img6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4fNwyNnI/AAAAAAAAARs/JxHjkJxx0tw/css_5taparte_img6.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Para el main container haremos algo parecido pero con la diferencia de que aquí especificaremos un ancho en pixeles.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4fcAa_FI/AAAAAAAAARw/RhMrlkH4XQ8/css_5taparte_img7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4fcAa_FI/AAAAAAAAARw/RhMrlkH4XQ8/css_5taparte_img7.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Para el footer vamos a copiar y pegar la clase del heading y le cambiaremos el nombre y el alto.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4feXdCkI/AAAAAAAAAR0/hpc602Ic1rU/css_5taparte_img8.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4feXdCkI/AAAAAAAAAR0/hpc602Ic1rU/css_5taparte_img8.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Aquí tenemos ya el layout principal donde colocaremos nuestro contenido. Ahora, veamos la propiedad padding.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Al igual que margin, la propiedad &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;padding&lt;/span&gt;&lt;/b&gt; crea un espacio entre los elementos pero con la particularidad de que lo hace  “&lt;i&gt;hacia adentro&lt;/i&gt;”, es decir, el padding se utiliza para separar de forma interna los elementos a que se le aplica, a partir de los bordes del contenedor en que se encuentra. Esta propiedad también nos da la posibilidad de especificar los lados hacia donde queremos aplicar el margen interno o padding, ej.: &lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;padding -top, padding -left&lt;/span&gt;, etc., además nos permite acortar la propiedad con un shorthand ej.: &lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;padding: 10px 6px 0px 6px&lt;/span&gt; , que se lee usando las manecillas del reloj: &lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;top= 10px / right= 6px / botton= 0px y left= 6px&lt;/span&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4f9IvEuI/AAAAAAAAAR4/KMH_IpwZLpA/css_5taparte_img9.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4f9IvEuI/AAAAAAAAAR4/KMH_IpwZLpA/css_5taparte_img9.gif" /&gt;&lt;/a&gt;&lt;/div&gt;En caso de que usemos &lt;span class="Apple-style-span" style="color: #45818e;"&gt;padding: 10px&lt;/span&gt;; se aplicara un padding de &lt;i&gt;10 pixeles&lt;/i&gt; a cada uno de los lados del elemento HTML:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4f_1TSMI/AAAAAAAAAR8/f4Isl8WUJQU/css_5taparte_img10.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S-A4f_1TSMI/AAAAAAAAAR8/f4Isl8WUJQU/css_5taparte_img10.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Un uso muy común de margin y padding es el que se utiliza para controlar el espacio de un TAG “&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;H1&lt;/span&gt;&lt;/b&gt;”. Cuando estamos comenzando a conocer las &lt;b&gt;reglas CSS&lt;/b&gt; puede resultarnos un tanto confuso ya que a veces obtenemos resultados inesperados o no deseados.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Vamos a experimentar con un TAG &lt;b&gt;H1&lt;/b&gt;. Personalmente utilizo una técnica de “&lt;i&gt;colorear&lt;/i&gt;” el background del elemento &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; para comparar los resultados de una forma más visual, entonces tendremos:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4ktKDHdI/AAAAAAAAASA/ePzQtqNrPJE/css_5taparte_img11.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4ktKDHdI/AAAAAAAAASA/ePzQtqNrPJE/css_5taparte_img11.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Si aumentamos el número de pixeles aplicados al padding del elemnto &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;H1&lt;/span&gt;&lt;/b&gt; tendremos como resultado:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4k4h0xTI/AAAAAAAAASE/bFc6QYU7M7g/css_5taparte_img12.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S-A4k4h0xTI/AAAAAAAAASE/bFc6QYU7M7g/css_5taparte_img12.gif" /&gt;&lt;/a&gt;&lt;/div&gt;Si aumentamos el número de pixeles aplicados al margin del elemnto &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;H1&lt;/span&gt;&lt;/b&gt; tendremos como resultado:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4lLUdleI/AAAAAAAAASI/9MYuIWwJxzw/css_5taparte_img13.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://lh6.ggpht.com/_QBkv__MdgNs/S-A4lLUdleI/AAAAAAAAASI/9MYuIWwJxzw/css_5taparte_img13.gif" width="247" /&gt;&lt;/a&gt;&lt;/div&gt;Entonces, con este ejemplo podemos tener una idea más clara de qué podemos conseguir con &lt;i&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;margin y padding&lt;/span&gt;&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Con los ejemplos vistos hemos conocido las propiedades básicas para crear un layout, es importante saber que existen diferentes tipos (&lt;i&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;elásticos, fijos, líquidos, centrados, etc&lt;/span&gt;&lt;/i&gt;.) que podríamos ir conociendo o experimentando, lo importante como ya he mencionado, es conocer la esencia de lo que se puede conseguir usando las diferentes propiedades o reglas CSS disponibles. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;En el próximo articulo abundaremos sobre las diferentes unidades de medida usadas en &lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;CSS&lt;/span&gt;&lt;/b&gt;, los beneficios o desventajas  y como y porque usarlas dependiendo del elemento a que le aplicaremos estilos.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Hasta la próxima.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Articulos Anteriores:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://comudo.blogspot.com/2010/01/empezar-usar-css-cuarta-parte.html"&gt;Empezar a Usar CSS - Cuarta Parte&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://comudo.blogspot.com/2009/12/empezar-usar-css-tercera-parte.html"&gt;Empezar a Usar CSS - Tercera Parte&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://comudo.blogspot.com/2009/11/empezar-usar-css-segunda-parte.html"&gt;Empezar a Usar CSS - Segunda Parte &lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;a href="http://comudo.blogspot.com/2009/08/empezar-usar-css.html"&gt;Empezar a usar CSS&lt;/a&gt;&amp;nbsp;(Primera Parte)&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3210883684482695908?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3210883684482695908/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3210883684482695908' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3210883684482695908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3210883684482695908'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/05/empezar-usar-css-quinta-parte.html' title='Empezar a Usar CSS quinta Parte'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh6.ggpht.com/_QBkv__MdgNs/S-A4WHAdAEI/AAAAAAAAARY/Iw1ds9B65-M/s72-c/css_5taparte_img1.gif' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8232280677608745747</id><published>2010-04-19T16:53:00.003-04:00</published><updated>2010-04-19T16:57:59.758-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Adobe Flash CS5 permite exportar a HTML 5</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.xssed.com/files/image/News/adobe-flash.png"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 422px; height: 317px;" src="http://www.xssed.com/files/image/News/adobe-flash.png" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;Adobe admitió oficialmente que tecnologías como HTML 5 implementadas en dispositivos como el &lt;span style="font-weight:bold;"&gt;iPhone&lt;/span&gt; y el &lt;span style="font-weight:bold;"&gt;iPad&lt;/span&gt; son un peligro para su negocio, y ahora nos llega esta otra sorpresa: Las herramientas de generación de Flash en el &lt;span style="font-weight:bold;"&gt;Adobe CS5&lt;/span&gt; que salió ayer al mercado, permiten exportar animaciones básicas de Flash al componente Canvas de &lt;span style="font-weight:bold;"&gt;HTML 5&lt;/span&gt; (generando todo el Javascript necesario para crear las animaciones correspondientes).&lt;br /&gt;&lt;br /&gt;Esto, mis amigos desarrolladores de Flash debe servirles como clara señal de que Adobe parece haber entendido el mensaje de la industria: Flash no tiene futuro al largo plazo, y será reemplazado por HTML 5.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Basado en este hecho de Flash CS5 exportando a HTML 5, se hace clara la estrategia de Adobe hacia el futuro de Flash: Explotar el talento de desarrolladores de Flash, para permitir que con las habilidades que ya poseen puedan exportar su trabajo a la nueva generación de soluciones basadas en HTML 5.&lt;br /&gt;&lt;br /&gt;No duden tampoco que Adobe proveerá en el futuro (¿quizás iniciando con Adobe CS6?) herramientas para el desarrollo nativo de contenido para HTML 5, saltando por completo a Flash (aunque dudo que veremos a Flash o sus asociadas herramientas desaparecer por varios años mas, por lo que tampoco es para que entremos todos en pánico al respecto).&lt;br /&gt;&lt;br /&gt;Fuente: &lt;a href="http://eliax.com"&gt;eliax.com&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8232280677608745747?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8232280677608745747/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8232280677608745747' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8232280677608745747'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8232280677608745747'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/04/adobe-flash-cs5-permite-exportar-html-5.html' title='Adobe Flash CS5 permite exportar a HTML 5'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8574656423224613615</id><published>2010-02-23T17:58:00.002-04:00</published><updated>2010-02-23T18:04:33.741-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Que es el "Reset CSS"?</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/S4RQ1ljSlJI/AAAAAAAAAQU/o5ILoX6gmBY/s1600-h/css_reset.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 214px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/S4RQ1ljSlJI/AAAAAAAAAQU/o5ILoX6gmBY/s320/css_reset.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5441563131313820818" /&gt;&lt;/a&gt;&lt;br /&gt;Los &lt;span style="font-weight:bold;"&gt;Reset CSS&lt;/span&gt; son unas hojas de estilo en cascada que se suelen incluir al comienzo de un documento &lt;span style="font-weight:bold;"&gt;HTML&lt;/span&gt;, y cuya función es la de minimizar, en la medida de lo posible, las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores, causa de que cada navegador implementa su hoja de estilos propia e interna, con determinados valores por defecto, que no siempre siguen la recomendación de la organización &lt;span style="font-weight:bold;"&gt;W3C&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;El consorcio &lt;a href="http://www.w3.org/"&gt;W3C&lt;/a&gt;, junto con su especificación de CSS 2.11 del 23 de abril de 2009, publicó en su recomendación, un valor por defecto para cada propiedad de CSS que deberían adoptar los agentes de usuario. Debido a que algunos navegadores hicieron caso omiso a sus indicaciones, los diseñadores web se han visto obligados a recurrir al uso de este tipo de trucos para garantizar la correcta visualización en la mayoría de navegadores.&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span"  style="color:#FF0000;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;* { margin: 0; padding: 0; }&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Esa única línea indica, y con el selector universal de CSS representado por un asterisco, que todos los elementos contenidos en el HTML al que se aplique, carecerán de márgenes. De esa manera, el diseñador se verá obligado a declarar después los márgenes necesarios en el diseño de su página web, en cada uno de los lugares donde sea necesario, sin tener que dejar ese aspecto a decisión de ningún navegador, y minimizando por tanto, las diferencias visuales entre los mismos.&lt;br /&gt;&lt;br /&gt;Los Reset CSS pueden contener esa y otras muchas líneas de código que, en su conjunto, servirán al diseñador web para unificar su visualización entre navegadores.&lt;br /&gt;&lt;br /&gt;Fuente: &lt;a href="http://es.wikipedia.org/wiki/Reset_CSS"&gt;Wikipedia&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8574656423224613615?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8574656423224613615/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8574656423224613615' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8574656423224613615'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8574656423224613615'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/que-es-el-reset-css.html' title='Que es el &quot;Reset CSS&quot;?'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_GTkHp1bVvFA/S4RQ1ljSlJI/AAAAAAAAAQU/o5ILoX6gmBY/s72-c/css_reset.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8822223021643748898</id><published>2010-02-23T14:22:00.001-04:00</published><updated>2010-02-23T14:24:44.884-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><title type='text'>Tetris Humano</title><content type='html'>Video creado motivo los 25 años de tetris.&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/G0LtUX_6IXY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=es_ES&amp;feature=player_embedded&amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/G0LtUX_6IXY&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=es_ES&amp;feature=player_embedded&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8822223021643748898?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8822223021643748898/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8822223021643748898' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8822223021643748898'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8822223021643748898'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/tetris-humano.html' title='Tetris Humano'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7264995310577637408</id><published>2010-02-23T11:23:00.002-04:00</published><updated>2010-02-23T11:33:50.679-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><title type='text'>La mejor publicidad del mundo 2009</title><content type='html'>&lt;b&gt;Gran premio Titanium &amp;amp; Integrated&lt;/b&gt;&lt;br /&gt;Obama/Biden Presidential Campaign, Obama for America&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/v2cPKjzXdss&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/v2cPKjzXdss&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Gran Premio: “Carousel”, de Tribal DDB Amsterdam para Philips.&lt;br /&gt;Sección de Film&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/C5yhxqkJiAQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/C5yhxqkJiAQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Pure Water”, de Publicis Mojo Sidney para Lion Nathan (James Boag´s Draught)&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/fS4gPCDDL_U&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/fS4gPCDDL_U&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Love distance”, de GT Tokyo para Sagami Rubber Industries (Condoms)&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/FrgWYl-NPK4&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/FrgWYl-NPK4&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Crash Test Panda”, de Marcel Paris para Fiat Car Range&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/hW02-8cA7MI&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/hW02-8cA7MI&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Dog fish”, de Almap BBDO Sao Paulo Brasil para Volkswagen&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/rvcgAjs6AYQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/rvcgAjs6AYQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “A day in the life of Chennai”-”The times of India”, de JWT India, Mumbai, para Bennett Coleman and co.&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/fEU_qyiQmYQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/fEU_qyiQmYQ&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Hindú”, de Savaglio/TBWA Buenos Aires para Gobierno de Buenos Aires BAFICI Indie Film Festival&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/rxJVxjKEHDI&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/rxJVxjKEHDI&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Gucci Flora”, de Filmmaster Milán para Gucci Frangance&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/fNFcxu6I1_4&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/fNFcxu6I1_4&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro “8 kilometre”, de Mother London para Stella Artois 4%&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/-Uhw9b6SD6w&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/-Uhw9b6SD6w&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Chambers video art piece”, de Barrie D´Rozario Murphy Minneapolis USA para Chambers Hotel&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/nugiVq75GZw&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/nugiVq75GZw&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Oro: “Changed opening credits &amp;amp; Episodes”, de Mortierbrigade Brussels para Radio Station Brussels&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/bS54S7cDodc&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/bS54S7cDodc&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Hemos extraído esta información de &lt;a href="http:///www.marcocreativo.es"&gt;www.marcocreativo.es&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7264995310577637408?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7264995310577637408/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7264995310577637408' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7264995310577637408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7264995310577637408'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/la-mejor-publicidad-del-mundo-2009.html' title='La mejor publicidad del mundo 2009'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-5059720755906998005</id><published>2010-02-22T09:20:00.003-04:00</published><updated>2010-02-22T09:29:31.880-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='SEO'/><title type='text'>SEO en la actualidad</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/S4KGEJtglJI/AAAAAAAAAQM/qJWenl82uro/s1600-h/SEO.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 228px; height: 228px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/S4KGEJtglJI/AAAAAAAAAQM/qJWenl82uro/s320/SEO.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5441058705701377170" /&gt;&lt;/a&gt;&lt;br /&gt;El &lt;b&gt;SEO&lt;/b&gt; (Posicionamiento en motores de búsqueda) es un tema complejo. Existen personas y empresas que afirman conocer cómo funciona google, cual es la &lt;b&gt;fórmula del pagerank&lt;/b&gt; de google, etc. También existen otros que evangelizan sobre jerarquización de la información, estructura del sitio, entre otros factores. Estos que acabo de mencionar yo también los considero importantes, pero por mi experiencia puedo decir que son solo una parte de la practica que hoy día llamamos SEO.&lt;br /&gt;&lt;br /&gt;El &lt;b&gt;propósito de google&lt;/b&gt; para con nosotros siempre ha sido organizar la mayor cantidad de información posible y traerla a los resultados de nuestras búsquedas, intentando mostrar frente a nosotros los resultados más relevantes de nuestras búsquedas. En la actualidad google está empezando a lograr sus objetivos, lo cual le quita peso a &lt;b&gt;posicionar keywords en google&lt;/b&gt; como practica de SEO, porque ahora debemos preocuparnos un poco mas por otros factores que van mas allá de posicionar palabras para &lt;b&gt;aparecer en los resultados de google&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Para hablar de SEO en la actualidad hay que hablar de presencia en internet “NO en Google” y la única manera de lograr esto es creando contenidos y teniendo participación en la red.&lt;br /&gt;&lt;br /&gt;SEO hoy día es hacer la planificación del website, crearlo y optimizarlo (mediante una estructura viable para los motores de búsqueda)  crear tu medio ambiente (mediante redes sociales) generando un “word of mouth” entre los usuarios  para atraer visitas y hacer que esas visitas conviertan logrando el retorno de nuestra inversión (ROI).&lt;br /&gt;&lt;br /&gt;El SEO es un trabajo constante que como ya vemos evoluciona y lo seguirá haciendo. En el futuro todos los motores de búsqueda nos traerán resultados sumamente personalizados, lo cual seguirá desmoralizando la práctica de solo enfocarse en posicionar keywords en los motores de búsqueda. Las &lt;b&gt;redes sociales&lt;/b&gt; seguirán aumentando su poder y seguiremos viendo en los resultados de google u otros motores de busqyeda, como el perfil de facebook o los tweets de una empresa aparece en primeras posiciones que la pagina misma de la empresa. Todo esto es símbolo de que el SEO evoluciona de manera muy rápido y cada vez lo hará más rápido mientras otros medios “como las redes sociales”  que son parte del ecosistema SEO, también lo hagan.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-5059720755906998005?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/5059720755906998005/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=5059720755906998005' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5059720755906998005'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5059720755906998005'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/seo-en-la-actualidad.html' title='SEO en la actualidad'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_GTkHp1bVvFA/S4KGEJtglJI/AAAAAAAAAQM/qJWenl82uro/s72-c/SEO.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-28961469033412925</id><published>2010-02-19T14:02:00.003-04:00</published><updated>2010-02-23T11:09:30.417-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><title type='text'>La guerra de las camisetas T-Shirt War</title><content type='html'>Otro video más basado en la técnica de stop motion. El video que verán a continuación es tal vez uno de los videos más interesantes que has visto jamás, espero lo disfrutes e invites a tus amigos a que pasen por &lt;a href="http://comudo.blogspot.com/"&gt;COMUDO&lt;/a&gt; a verlo.&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/DKWdSCt4jGE&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/DKWdSCt4jGE&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-28961469033412925?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/28961469033412925/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=28961469033412925' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/28961469033412925'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/28961469033412925'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/la-guerra-de-las-camisetas-t-shirt-war.html' title='La guerra de las camisetas T-Shirt War'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3782634715363888738</id><published>2010-02-08T16:15:00.004-04:00</published><updated>2010-02-23T11:10:10.049-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><title type='text'>El Arte del Stop Motion [Videos]</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;b&gt;Stop Motion&lt;/b&gt; es una &lt;b&gt;técnica de animación&lt;/b&gt; que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas. En general se denomina animaciones de stop motion a las que no entran en la categoría de dibujo animado, ni en la animación por ordenador; esto es, que no fueron dibujadas ni pintadas, sino que fueron creadas tomando imágenes de la realidad.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;La frecuencia de grabación es, igual que en el cine, de &lt;b&gt;24 imágenes por segundo&lt;/b&gt;, para que el ojo humano pueda percibir un movimiento continuo. Para 1 minuto de grabación se necesitan 1500 imágenes fijas aproximadamente.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Hay dos grandes grupos de animaciones stop motion: la &lt;b&gt;animación con plastilina&lt;/b&gt; o cualquier otro material maleable, llamada en inglés claymation, y las animaciones utilizando objetos rígidos.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;La animación con plastilina puede hacerse al "estilo libre", cuando las figuras se van transformando en el progreso de la animación. Puede también orientarse a personajes, que mantienen una figura consistente en el transcurso de la película.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;Ejemplos&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/BpWM0FNPZSs&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/BpWM0FNPZSs&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/_xUijgqZ-xM&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/_xUijgqZ-xM&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/eQ8ZWMlObGE&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/eQ8ZWMlObGE&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/CLUAbkRUvVQ&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/CLUAbkRUvVQ&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=es_ES&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/wcUUDyAOkmY&amp;amp;color1=0x0&amp;amp;color2=0x111111&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/wcUUDyAOkmY&amp;amp;color1=0x0&amp;amp;color2=0x111111&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3782634715363888738?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3782634715363888738/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3782634715363888738' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3782634715363888738'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3782634715363888738'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/el-arte-del-stop-motion-videos.html' title='El Arte del Stop Motion [Videos]'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3248719860023504480</id><published>2010-02-08T10:25:00.004-04:00</published><updated>2010-02-08T10:32:55.106-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><title type='text'>Ola del mercadeo móvil, República Dominicana</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_SHBaQx-Mdhs/S3Af1FcTlcI/AAAAAAAAABU/1GBTCBRiSZg/s1600-h/movil_transformer.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 320px;" src="http://2.bp.blogspot.com/_SHBaQx-Mdhs/S3Af1FcTlcI/AAAAAAAAABU/1GBTCBRiSZg/s320/movil_transformer.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5435879747090617794" /&gt;&lt;/a&gt;&lt;br /&gt;Algunos dicen que se han &lt;a href="http://www.cnnexpansion.com/mi-dinero/2010/01/28/usuarios-buscan-vivir-a-traves-del-movil"&gt;"colado en tu vida"&lt;/a&gt;, otros le llaman los siguientes &lt;a href="http://fora.tv/2009/09/24/Mobile_Phones_The_Next_4_Billion_with_Tomi_Ahonen"&gt;"4 billones!"&lt;/a&gt; y en mi país apenas nos rondamos frente a la puerta de la sociedad de la información. En este mes de febrero 2010 alcanzariamos una teledensidad de 100% según el secretario de Estado y presidente del Instituto Dominicano de las Telecomunicaciones (Indotel), doctor &lt;a href="http://www.indotel.gob.do/noticias/noticias/rd-logra-97-teledensidad-telefonica-en-2009-97-de-cada-100-dominicanos-tiene-telefonos.html"&gt;José Rafael Vargas&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Tal vez mi empeño en que mi país se desarrolle empreña mi optimismo o al ver a un vendedor de tarjetas telefónicas hacer gabelas con el limpiavidrios en cada esquina me revela al gigante durmiente de la República Dominicana. Aun que muchos piensan que estamos muy lejos de alcanzar la sociedad del conocimiento, mucho si desconocen la velocidad en que nos adaptaríamos a esta transición. Si se dan cuenta, la manera mas efectiva en que la República Dominicana pudo demostrar su solidaridad con Haití fue por sus donaciones via  sms. Las plataformas existen y el usuario esta listó para explorar lo que le brinda.&lt;br /&gt;&lt;br /&gt;El ciclo de remplazo de un dispositivo móvil es de 18 meses comparado con una computadora personal que es de 3 años y medio. Esto significa que nos inmigran nuevos dispositivos de alta tecnología constantemente. Nos encontramos en el escenarión donde un limpiabotas está armado con un dispositivo con capacidad para interactuar con un mundo ilimitado. Sin embargo, solo estamos adoptando practicas que son relevantes en países más desarrollados. La integración de los microblogs a nuestros móviles como facebook y twitter los hemos heredado por su apogeo y él role que juega en los medios sociales pero nuestros dispositivos móviles nos brindan diferentes puertas que aún no hemos abierto.&lt;br /&gt;&lt;br /&gt;No es solo el mejor dispositivo que encaja en nuestra economía, es el mas preciso en cuanto a  información del usuario, cuenta con un sistema de pagos integrado, captura el contexto social de consumo y es lo unico que cuenta con un navegador con realidad aumentada(&lt;a href="http://layar.com/"&gt;Augmented Reality  Browser&lt;/a&gt;).&lt;br /&gt;&lt;br /&gt;Tal vez la simple idea de que dentro de la red de telecomunicación nos actualizaríamos mucho más rápido, para mucho es lo suficiente realidad aumentada pero lo que si es real es que nos movemos en "tiempo móvil".  Relativamente reciente estamos integrando los sistemas GPS ya que contamos con nuestro primer &lt;a href="http://www.ola.com.do/index.php"&gt;mapa virtual&lt;/a&gt;. Esto no extiende a otra sala de &lt;a href="http://www.mapiando.com/"&gt;posibilidades&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Podríamos empezar tan simple como tener Libros Móvil (M-book) disponible para descarga tal vez con la condición de una mini retroacción o hasta un "examen!".&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3248719860023504480?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='related' href='http://wp.me/pM4TL-3j' title='Ola del mercadeo móvil, República Dominicana'/><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3248719860023504480/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3248719860023504480' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3248719860023504480'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3248719860023504480'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/ola-del-mercadeo-movil-republica.html' title='Ola del mercadeo móvil, República Dominicana'/><author><name>andyjerez</name><uri>http://www.blogger.com/profile/18130817863212984184</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_SHBaQx-Mdhs/S3Af1FcTlcI/AAAAAAAAABU/1GBTCBRiSZg/s72-c/movil_transformer.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7420428987376164557</id><published>2010-02-03T14:47:00.000-04:00</published><updated>2010-02-03T14:47:59.580-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><title type='text'>Creando gráficos Web 2.0 usando Adobe Fireworks</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mPrzd4oPI/AAAAAAAAAIk/YQ4kiKNWJbU/s1600/img_01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mPrzd4oPI/AAAAAAAAAIk/YQ4kiKNWJbU/s320/img_01.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;En este tutorial vamos a crear un gráfico para un web site 2.0 usando solo Adobe Fireworks&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: small;"&gt;™&lt;span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium;"&gt;, aunque ha sido creado en la versión CS3, todos los pasos se pueden hacer perfectamente usando versiones anteriores como la versión 8, CS, o CS2.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;Nota: Este tutorial va enfocado para quienes poseen un conocimiento básico sobre el uso de las herramientas de Adobe Fireworks&lt;span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: medium; font-weight: normal;"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;™&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: 'Times New Roman';"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;&amp;nbsp;y nociones de diseño web. Nivel: Medio.&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;Este gráfico, claro está, ya ha sido previamente bocetado en papel y lápiz, esa debe ser siempre una buena costumbre que nos evitará dolores de cabeza o perdida de tiempo y nos permitirá agilizar creando el gráfico e ir al grano. Bueno, manos a la obra.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPsskkSKI/AAAAAAAAAIo/7PF5t7E0I0k/s1600/img_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="187" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPsskkSKI/AAAAAAAAAIo/7PF5t7E0I0k/s400/img_1.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Como vemos, en la conceptualización hemos utilizado un elemento gráfico común que se repite en el diseño, no significa que debemos hacerlo siempre, pero en este caso se sigue la línea gráfica del sitio web.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3Xkd5VI/AAAAAAAAAJA/59PnSwoWW5Q/s1600/img_8.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="161" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3Xkd5VI/AAAAAAAAAJA/59PnSwoWW5Q/s200/img_8.gif" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Bien, vamos entonces a empezar por el layout,  creamos un nuevo documento &lt;i&gt;536 X 272 pixeles&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPtO9Ci1I/AAAAAAAAAIs/TPWFl3NTkGE/s1600/img_3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="248" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPtO9Ci1I/AAAAAAAAAIs/TPWFl3NTkGE/s320/img_3.gif" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;Los Marcos&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Vamos a empezar creando el primero de los marcos que contienen las imágenes:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;1- Dibujamos un rectángulo con la herramienta &lt;b&gt;Rectangle Tool&lt;/b&gt; de &lt;i&gt;140 X 114 pixele&lt;/i&gt;s. &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mPtQF7kMI/AAAAAAAAAIw/geSLAS0oD-4/s1600/img_4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mPtQF7kMI/AAAAAAAAAIw/geSLAS0oD-4/s320/img_4.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;2- Redondeamos las esquinas del rectángulo utilizando &lt;b&gt;Rectangle Roundness&lt;/b&gt; ingresando un valor de &lt;i&gt;20&lt;/i&gt;. &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPtTzlh2I/AAAAAAAAAI0/1vIaBx5kfFg/s1600/img_5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mPtTzlh2I/AAAAAAAAAI0/1vIaBx5kfFg/s320/img_5.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;3- Clonamos el rectángulo mediante el menú &lt;b&gt;Edit + Clone&lt;/b&gt; o usando el Shortcut &lt;i&gt;Ctrl + Shift D&lt;/i&gt;. (El rectángulo debe estar seleccionado).&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;4- El rectángulo clonado se encuentra ahora encima del primero, procedemos entonces a llevar las esquinas a su estado normal usando &lt;b&gt;Rectangle Roundness&lt;/b&gt; lo llevamos a cero. &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mP2ng_J0I/AAAAAAAAAI4/-JjWkD3IYAg/s1600/img_6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mP2ng_J0I/AAAAAAAAAI4/-JjWkD3IYAg/s320/img_6.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;5- Tomamos el nuevo rectángulo y lo escalamos reducido a un tamaño proporcional de un cuarto de su tamaño original. &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mP20zBYXI/AAAAAAAAAI8/1NQC_MNPh20/s1600/img_7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mP20zBYXI/AAAAAAAAAI8/1NQC_MNPh20/s320/img_7.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;6- Ahora seleccionamos ambos rectángulos y lo soldamos mediante el menú &lt;b&gt;Modify + Combine paths + Union&lt;/b&gt; &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3Xkd5VI/AAAAAAAAAJA/59PnSwoWW5Q/s1600/img_8.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3Xkd5VI/AAAAAAAAAJA/59PnSwoWW5Q/s320/img_8.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Con este elemento gráfico que acabamos de crear ya tenemos una idea aproximada del layout. Procedemos entonces a duplicarlo hasta crear 3 elementos que nos servirán de marco para las imágenes que insertaremos más adelante y lo alineamos de manera que queden equidistantes uno del otro, asegurándonos de aplicarles un grosor de línea de &lt;i&gt;4 pixeles&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3UwVDvI/AAAAAAAAAJE/oNm08i6N92o/s1600/img_9.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP3UwVDvI/AAAAAAAAAJE/oNm08i6N92o/s320/img_9.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Desde aquí empezaremos a trabajar con colores que serán identificativos de cada elemento gráfico. Recomiendo siempre definir esos colores en una gama que usaremos para cada uno de los gráficos en matices alto, medio y bajo que nos servirán como color base, luces y sombras, muy importante para conseguir mayor realismo en las ilustraciones. Para esto:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;1- Definimos tres colores base para cada elemento. &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mP3nsPOXI/AAAAAAAAAJI/feutQ63Fj8o/s1600/img_10.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mP3nsPOXI/AAAAAAAAAJI/feutQ63Fj8o/s320/img_10.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;2- Definimos los matices de luz y sombra derivados de este color base.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP8tS4uxI/AAAAAAAAAJM/xF_-PoPEHF0/s1600/img_11.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP8tS4uxI/AAAAAAAAAJM/xF_-PoPEHF0/s320/img_11.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Ya que hemos definido los colores identificativos de cada elemento le aplicamos el color mas fuerte a cada marco.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mP8m01UQI/AAAAAAAAAJQ/8D4UIxhIz2c/s1600/img_12.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mP8m01UQI/AAAAAAAAAJQ/8D4UIxhIz2c/s320/img_12.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;Las Flechas&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;El siguiente paso será crear la flecha la cual dibujaremos y luego ilustraremos:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;1- Dibujamos un rectángulo de aproximadamente &lt;i&gt;150 X 70 pixeles&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;2- Repitiendo el mismo procedimiento usado para crear los marcos vamos a redondear sus esquinas. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;3- Creamos un polígono usando la herramienta &lt;b&gt;Smart Polygon&lt;/b&gt; de la caja de herramientas asignándole 3 lados para dibujar un triangulo. &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mP9Ik_6SI/AAAAAAAAAJU/3bES_xmkJPU/s1600/img_13.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mP9Ik_6SI/AAAAAAAAAJU/3bES_xmkJPU/s320/img_13.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;4- Lo rotamos para convertirlo en la punta de la flecha, le modificamos el ancho y le aplicamos &lt;b&gt;Edit + Ungroup&lt;/b&gt; para soldarlo al cuerpo de la flecha. En este paso debemos alinear horizontalmente la punta de la flecha al cuerpo.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mP9A1oPWI/AAAAAAAAAJY/65jHr3fCcNk/s1600/img_14.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mP9A1oPWI/AAAAAAAAAJY/65jHr3fCcNk/s320/img_14.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;7- Tal como hicimos con el marco, unimos o soldamos los 2 elementos usando &lt;b&gt;Modify + Combine paths + Union&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP915zFfI/AAAAAAAAAJc/tn42stRrCw0/s1600/img_15.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mP915zFfI/AAAAAAAAAJc/tn42stRrCw0/s320/img_15.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;8- Clonamos la flecha creada y la expandimos para obtener una mas ancha. &lt;b&gt;Modify + Alter path + Expand Stroke&lt;/b&gt; con un valor de 8.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQKNfRUwI/AAAAAAAAAJg/DEe8tms5CXA/s1600/img_16.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQKNfRUwI/AAAAAAAAAJg/DEe8tms5CXA/s320/img_16.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;9- Le aplicamos un&amp;nbsp;&lt;b&gt;Split&lt;/b&gt; para obtener las 2 flechas que ilustraremos.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;10- Seleccionamos la flecha mas grande y le aplicamos un relleno degradado o &lt;b&gt;Gradient Fill&lt;/b&gt; Linear utilizando el color mas fuerte con una degradación al centro del color base. &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQKnl1N0I/AAAAAAAAAJk/jp0JJ7YUdfw/s1600/img_17.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQKnl1N0I/AAAAAAAAAJk/jp0JJ7YUdfw/s320/img_17.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;11- Seleccionamos la flecha mas pequeña y dibujamos un rectángulo mas ancho encima colocado a partir de la mitad de su altura, usamos &lt;b&gt;Modify + Combine paths + Punch&lt;/b&gt; y cortamos la mitad de la flecha.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQLLNIn-I/AAAAAAAAAJo/QT9VW43nZ2U/s1600/img_18.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQLLNIn-I/AAAAAAAAAJo/QT9VW43nZ2U/s320/img_18.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQLe3hNKI/AAAAAAAAAJs/1kug9zGU8Sk/s1600/img_19.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQLe3hNKI/AAAAAAAAAJs/1kug9zGU8Sk/s320/img_19.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;12- Aplicamos un relleno degradado o &lt;b&gt;Gradient Fill&lt;/b&gt; Linear utilizando el color blanco en ambos extremos, en el nivel de opacidad del color superior aplicaremos &lt;i&gt;60%&lt;/i&gt; y en el nivel inferior aplicaremos &lt;i&gt;0%&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQLxjF-qI/AAAAAAAAAJw/Apmy9XBR51M/s1600/img_20.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQLxjF-qI/AAAAAAAAAJw/Apmy9XBR51M/s320/img_20.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;13- Eliminamos las líneas de la flecha mas pequeña y a la flecha mas grande le cambiamos el color de la línea a blanco y la aumentamos a &lt;i&gt;4 pixeles&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQYe0YauI/AAAAAAAAAJ0/pfmubc7CdiY/s1600/img_21.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQYe0YauI/AAAAAAAAAJ0/pfmubc7CdiY/s320/img_21.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;14- Ahora agrupamos las 2 flechas, la reducimos de tamaño y le ajustamos las proporciones para que queden parecidas a la imagen:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQY4CpluI/AAAAAAAAAJ4/bLhHcIYDMYw/s1600/img_22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQY4CpluI/AAAAAAAAAJ4/bLhHcIYDMYw/s320/img_22.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;15- Aplicamos una sombra y luego duplicamos para obtener la otra flecha a la que aplicaremos los colores ya definidos previamente. En este paso podemos jugar un poco con el tipo y la posición del &lt;b&gt;Gradient&lt;/b&gt; para obtener mejores resultados. En este caso cambie el tipo de Gradient de ambas flechas de &lt;b&gt;Linea&lt;/b&gt;r a &lt;b&gt;Radial&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQZZBeJvI/AAAAAAAAAJ8/RSEFfWV3ktE/s1600/img_23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQZZBeJvI/AAAAAAAAAJ8/RSEFfWV3ktE/s320/img_23.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: x-large;"&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;Las Esferas&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Bien, ahora nos toca crear las esferas, el objetivo es que parezcan que son de cristal:&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;1- Empezamos dibujando un círculo de &lt;i&gt;80 X 80 pixeles&lt;/i&gt;. &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQZs4nm2I/AAAAAAAAAKA/IFMAljmOw_Y/s1600/img_24.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQZs4nm2I/AAAAAAAAAKA/IFMAljmOw_Y/s320/img_24.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;2- Aplicamos un &lt;b&gt;Gradient Fill&lt;/b&gt; Linear utilizando los tres colores predefinidos aproximadamente igual que la imágen siguiente:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQaGzjRhI/AAAAAAAAAKE/skROQ8-nnsg/s1600/img_25.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQaGzjRhI/AAAAAAAAAKE/skROQ8-nnsg/s320/img_25.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;3- Aplicamos un efecto de &lt;b&gt;Shadow and Glow + Inner Glow&lt;/b&gt; utilizando el color blanco.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQjvK9j_I/AAAAAAAAAKI/cte6IM-OTBM/s1600/img_26.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQjvK9j_I/AAAAAAAAAKI/cte6IM-OTBM/s320/img_26.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;4- Creamos una elipse de color blanco con la que conseguiremos un efecto de brillo en la parte superior de la esfera.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQkM5e9pI/AAAAAAAAAKM/goRvuA_FvTY/s1600/img_27.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQkM5e9pI/AAAAAAAAAKM/goRvuA_FvTY/s320/img_27.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;5- Degradamos la elipse repitiendo el método que usamos para el efecto de brillo de la flecha.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQkC_hkNI/AAAAAAAAAKQ/n42nxGx_wb8/s1600/img_28.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQkC_hkNI/AAAAAAAAAKQ/n42nxGx_wb8/s320/img_28.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;6- Duplicamos el círculo mas grande, le aplicamos un color negro solido y le eliminamos el efecto de &lt;b&gt;Inner Glow&lt;/b&gt;. Dibujamos encima una elipse, la alineamos verticalmente y le fundimos con un &lt;b&gt;Join&lt;/b&gt;. Finalmente escalamos de forma proporcional a un tamaño de &lt;i&gt;120 X 120 pixeles&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQkTia22I/AAAAAAAAAKU/NlBhNZarnbE/s1600/img_29.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQkTia22I/AAAAAAAAAKU/NlBhNZarnbE/s320/img_29.gif" /&gt;&lt;/a&gt;&lt;/div&gt;7- Le aplicamos un efecto de &lt;b&gt;Gaussian Blur&lt;/b&gt; (&lt;i&gt;aproximadamente 2.0&lt;/i&gt;) y le bajamos la opacidad a un &lt;i&gt;10%&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQk7s1UZI/AAAAAAAAAKY/vrTHCbJC0sA/s1600/img_30.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQk7s1UZI/AAAAAAAAAKY/vrTHCbJC0sA/s320/img_30.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;8- Para crear la sombra dibujamos una elipse del color mas fuerte, le aplicamos un efecto de &lt;b&gt;Gaussian Blur&lt;/b&gt; (&lt;i&gt;aproximadamente 5.8&lt;/i&gt;)  y le bajamos la opacidad a un &lt;i&gt;45%&lt;/i&gt;. &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQqXxls0I/AAAAAAAAAKc/LbWQezhu8gg/s1600/img_31.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQqXxls0I/AAAAAAAAAKc/LbWQezhu8gg/s320/img_31.gif" /&gt;&lt;/a&gt;&lt;/div&gt;9- Escribimos un numero 1 de color blanco, en mi caso usé una tipografía &lt;i&gt;Arial&lt;/i&gt; en &lt;i&gt;negrita&lt;/i&gt; a &lt;i&gt;60 puntos&lt;/i&gt; justificada al centro.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQq1Rq17I/AAAAAAAAAKg/i4hfHicasto/s1600/img_32.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="133" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQq1Rq17I/AAAAAAAAAKg/i4hfHicasto/s400/img_32.gif" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;10- Duplicamos las esferas y colocamos las flechas encima.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQrTWaUtI/AAAAAAAAAKk/LUwl--b4Y_8/s1600/img_33.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="133" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQrTWaUtI/AAAAAAAAAKk/LUwl--b4Y_8/s400/img_33.gif" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;11-  Editamos los colores y los números.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQrtoUuyI/AAAAAAAAAKo/zPqsZbRzZgw/s1600/img_34.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="135" src="http://lh4.ggpht.com/_QBkv__MdgNs/S2mQrtoUuyI/AAAAAAAAAKo/zPqsZbRzZgw/s400/img_34.gif" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;12- Aplicamos el color respectivo a cada sombra de cada esfera.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQrkuhLsI/AAAAAAAAAKs/isbItGUkOmY/s1600/img_35.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="131" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQrkuhLsI/AAAAAAAAAKs/isbItGUkOmY/s400/img_35.gif" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;13- Aplicamos una sombra leve a los 3 números (1,2,3).&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQyoXlrTI/AAAAAAAAAKw/I2zqIm0-w_M/s1600/img_36.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="131" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQyoXlrTI/AAAAAAAAAKw/I2zqIm0-w_M/s400/img_36.gif" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;span class="Apple-style-span" style="font-size: xx-large;"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="color: #45818e;"&gt;El Reflejo&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;En este paso agregaremos el reflejo de las esferas.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;1- Seleccionamos una esfera junto con su respectivo número, la agrupamos y duplicamos. &lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQyzy4dxI/AAAAAAAAAK0/cjVScOvJ4lg/s1600/img_37.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQyzy4dxI/AAAAAAAAAK0/cjVScOvJ4lg/s320/img_37.gif" /&gt;&lt;/a&gt;&lt;/div&gt;2- Al duplicarla seleccionaremos con la herramienta &lt;b&gt;sub select&lt;/b&gt; la sombra de cada esfera y la eliminaremos.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQzLBtVcI/AAAAAAAAAK4/5zDmU1u4iFo/s1600/img_38.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/S2mQzLBtVcI/AAAAAAAAAK4/5zDmU1u4iFo/s320/img_38.gif" /&gt;&lt;/a&gt;&lt;/div&gt;3- Convertimos el grupo de objetos en una imagen en &lt;b&gt;Modify + Flatten Selection&lt;/b&gt; y la rotamos &lt;i&gt;180 grados&lt;/i&gt; verticalmente (&lt;b&gt;Flip Vertical&lt;/b&gt;).&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQzARriNI/AAAAAAAAAK8/mBkgiSqdXbM/s1600/img_39.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQzARriNI/AAAAAAAAAK8/mBkgiSqdXbM/s320/img_39.gif" /&gt;&lt;/a&gt;&lt;/div&gt;4- Le aplicamos un efecto difuminado mediante el menú &lt;b&gt;Commands + Creative + Fade Image&lt;/b&gt; y le bajamos la opacidad a un &lt;i&gt;40%&lt;/i&gt;.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQz6BQZ4I/AAAAAAAAALA/kSS2OI2HB8Y/s1600/img_40.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S2mQz6BQZ4I/AAAAAAAAALA/kSS2OI2HB8Y/s320/img_40.gif" /&gt;&lt;/a&gt;&lt;/div&gt;5- Repetimos este proceso a cada una de las esferas.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQ2yJV8CI/AAAAAAAAALE/RkRyoBWgLKM/s1600/img_41.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S2mQ2yJV8CI/AAAAAAAAALE/RkRyoBWgLKM/s320/img_41.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Listo! Ahora solo resta agregar las imágenes que se insertarán en los marcos, algún texto y si deseamos, algunos detalles que le agregarán mayor realismo.&lt;/div&gt;&lt;br /&gt;Espero que les sea&amp;nbsp;útil&amp;nbsp;y hasta la próxima.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://docs.google.com/leaf?id=0B8whulxof0QpMzBlMzA1YjYtNTRhZC00OGJlLTgzOGQtMmViYTM3Yzk0OWEx&amp;amp;hl=en"&gt;&lt;span class="Apple-style-span" style="color: #0b5394;"&gt;Descargar los archivos de este Tutoria&lt;/span&gt;l&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://creativecommons.org/licenses/by-nc/3.0/" rel="license"&gt;&lt;img alt="Creative Commons License" src="http://i.creativecommons.org/l/by-nc/3.0/88x31.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span href="http://purl.org/dc/dcmitype/StillImage" property="dc:title" rel="dc:type" xmlns:dc="http://purl.org/dc/elements/1.1/"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Creando gráficos Web 2.0 usando Adobe Fireworks&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt; by &lt;/span&gt;&lt;a href="http://www.blogger.com/www.bekace.net" property="cc:attributionName" rel="cc:attributionURL" xmlns:cc="http://creativecommons.org/ns#"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Bismarck Carreras&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt; is licensed under a &lt;/span&gt;&lt;a href="http://creativecommons.org/licenses/by-nc/3.0/" rel="license"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Creative Commons Reconocimiento-No comercial 3.0 Unported License&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Based on a work at &lt;/span&gt;&lt;a href="http://www.blogger.com/Bismarck%20Carreras" rel="dc:source" xmlns:dc="http://purl.org/dc/elements/1.1/"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Bismarck Carreras&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;Permissions beyond the scope of this license may be available at &lt;/span&gt;&lt;a href="http://www.blogger.com/comudo.blogspot.com" rel="cc:morePermissions" xmlns:cc="http://creativecommons.org/ns#"&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;comudo.blogspot.com&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="font-size: x-small;"&gt;.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7420428987376164557?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7420428987376164557/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7420428987376164557' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7420428987376164557'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7420428987376164557'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/02/creando-graficos-web-20-usando-adobe.html' title='Creando gráficos Web 2.0 usando Adobe Fireworks'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh5.ggpht.com/_QBkv__MdgNs/S2mPrzd4oPI/AAAAAAAAAIk/YQ4kiKNWJbU/s72-c/img_01.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6923637958059111426</id><published>2010-01-29T16:36:00.002-04:00</published><updated>2010-01-29T16:51:11.420-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><title type='text'>Estas preparado para ir a una entrevista como diseñador web?</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/S2NJyWV_LFI/AAAAAAAAAPE/oDciqZjKxpg/s1600-h/entrevista.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 250px; height: 194px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/S2NJyWV_LFI/AAAAAAAAAPE/oDciqZjKxpg/s320/entrevista.jpg" alt="" id="BLOGGER_PHOTO_ID_5432266704879037522" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Si inicias como &lt;span style="font-weight: bold;"&gt;diseñador web&lt;/span&gt;, es bueno que leas estos 8 pasos que pueden servirte para que tu entrevista sea diferente y satisfactoria. Estos pasos no garantizan que vas a obtener trabajo (claro está), pero te podrían ayudar ya que la entrevista a un diseñador web no es como las de otras profesiones donde te ponen a llenar formularios de 3,4,5 paginas, junto con eso un test, etc.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1. Crea tu portafolio&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Una tarjeta de presentación o el proyecto de graduación de la universidad o colegio no son suficientes para salir a la calle en busca de trabajo como diseñador web…debes mostrar algo más. Si aplicas para un trabajo tan comercial como el diseño web debes demostrar que tienes conocimientos de “web comerciales” o &lt;span style="font-weight: bold;"&gt;web orientadas a negocios&lt;/span&gt; y no me refiero necesariamente a e-commerce. La mejor manera de ir a esa entrevista es crear un sitio web en donde aparezcan algunos ejemplos de tus trabajos. Puede ser un cd interactivo. Si no tienes muchos trabajos realizados pues la solución es imaginarte algunos clientes para entonces crear unos bocetos donde puedas mostrar cuáles son tus habilidades como diseñador web.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2. Investiga&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Si vas a un sitio en busca de trabajo, lo ideal sería que investigues sobre la empresa, el estilo de trabajo de ese lugar, cuales trabajos han realizado, cuáles son sus clientes etc., eso puede ayudarte, porque puedes ver la calidad de sus trabajos, la tecnología que usan entre otras cosas por lo cual podrás deducir si tus conocimientos podrían ser útiles en ese lugar. Aunque no siempre esto será seguro, es una buena práctica.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3. Entonces prepara algunas ideas&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Después de haber investigado ya tendrás información del estilo y como trabajan en esa empresa. Piensa y sugiérele cosas relevantes que ellos perciban como mejoras. Este punto es importante en especial cuando vas a una empresa en donde ellos están pocos interesados en tu creatividad y más interesados en cómo pueden sacar beneficios de esta, (abre los ojos).&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;4. Vístete de manera adecuada&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Si, lo sé!, se como es tu estilo, y también estoy de acuerdo contigo, si eres diseñador o publicista y vas a una agencia de publicidad o un estudio de diseño a buscar empleo verán tu portafolio, no tu imagen. Pero imagina que la ocasión sea ir a una empresa diferente, donde el único de tu área serás tú, donde todos tendrán pantalón de tela y camisa hasta las mangas, de seguro te veras diferente y esa gente no nos ve de esa manera…créeme!.&lt;br /&gt;&lt;br /&gt;No es necesario ir en camisa y pantalones de telas con unos bien lustrados zapatos, pero recordar que no vas para un concierto de rock.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;5. Cuando ya estés en la entrevista&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Compórtate como una persona normal, deja los nervios y cada vez que hables demuestra que sientes pasión por lo que haces. Trata de transmitir que tú eres el indicado y que puedes llevar beneficios a la empresa, a fin de cuentas ellos necesitan dinero, por eso necesitan un diseñador. Posiblemente quien te entreviste tenga conocimientos y experiencia en el área, así que no digas mentiras, siempre la verdad.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;6. Cuanto voy a cobrar&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Esto es complicado, pero cada quien tiene un valor, tienes que saber valorar tu trabajo y lo que sabes (eso cuesta). Lo ideal sería siempre que te hagan una propuesta y tu examines, pero si te toca decir primero cuanto estas dispuesto a recibir, pide un poco más de lo que realmente quieres, pero no demasiado. El objetivo de ellos como empresa será pagarte por algo que estés satisfecho, pero trataran de pagarte lo menos posible, no te prostituyas, mantén en mente que tu trabajo tiene un valor y exígelo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;7. Haciéndote preguntas&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Es posible como mencione antes que la persona que te entreviste tenga conocimientos en diseño. También es posible que esta persona haga preguntas técnicas a las cuales tengas o no respuesta. Siempre admite cuando no sabes algo, no es ventaja decir que sabes algo cuando no es así.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;8. Punto final&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Y sobre todo recuerda que ser diseñador grafico y ser diseñador web “&lt;span style="color: rgb(255, 0, 0);"&gt;no es lo mismo&lt;/span&gt;”. Ser diseñador web no es conocer al maximo &lt;span style="font-weight: bold;"&gt;Photohop&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;Illustrator&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;Freehand,&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;Dreamweaver&lt;/span&gt;. Recuerda que las empresas que hacen su website, lo hacen con el propósito de vender un producto, idea o servicio, así que el diseño web viene muy envuelto con lo que es usabilidad, marketing, accesibilidad, motores de búsqueda, lenguajes de programación entre otras cosas que se toman en cuenta a la hora de diseñar sitios web.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6923637958059111426?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6923637958059111426/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6923637958059111426' title='5 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6923637958059111426'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6923637958059111426'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/estas-preparado-para-ir-una-entrevista.html' title='Estas preparado para ir a una entrevista como diseñador web?'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_GTkHp1bVvFA/S2NJyWV_LFI/AAAAAAAAAPE/oDciqZjKxpg/s72-c/entrevista.jpg' height='72' width='72'/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4148857941089463302</id><published>2010-01-27T21:19:00.003-04:00</published><updated>2010-01-27T21:31:31.325-04:00</updated><title type='text'>Esta la República Dominicana capacitada???</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_SHBaQx-Mdhs/S2DodYYjdAI/AAAAAAAAABM/fgOtDnv1lHA/s1600-h/cellshop.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 198px;" src="http://3.bp.blogspot.com/_SHBaQx-Mdhs/S2DodYYjdAI/AAAAAAAAABM/fgOtDnv1lHA/s320/cellshop.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5431596742068106242" /&gt;&lt;/a&gt;&lt;br /&gt;Bajando a Twitter del pedestal y específicamente hablando de como otras compañías no necesariamente las de Telecom, devén de tomar ventajas de todas las redes. Que interesante fuera que desde un minitexto poder chequear o postear los últimos 5 comentarios + 0 – sobre cualquier articulo o producto que tengas en tus manos dentro de un supermercado, librería o hasta el mercado publico. Seria como Wikipedia se encuentra con Twitter pero desde en tu dispositivo móvil mas basico. Lo importante es tener un soporte al tomar una decisión. Tal ves sea irrelevante en nuestro país pero todos los medios conducen hacia esta práctica. Bing? de la Microsoft, nuevos dispositivos móviles y el mercadeo en medios sociales en general se trata de esto, en como manejar las informaciones.&lt;br /&gt;&lt;br /&gt;Ojalá y a la hora que uno de nuestros ciudadanos se encuentre comprando un medicamento, via sms pueda verificar si es original o no. Podrías recibir hasta información extendida ya que estamos acostumbrado ir a la farmacia y comprar algo parecido a lo que nos recetaron. Esto solo nos costaría alrededor de RD$2. Es rentable? Yo pienso que sí, la salud y la educación de nuestro país tiene que estar por encima de una quiniela. Las plataformas y las redes están hay, solo falta intención o creatividad del lado corporativo y ayudar a crear consciencia al consumidor.&lt;br /&gt;&lt;br /&gt;Esto también crearía una base de datos paralela a la de las informaciones de los artículos, nos brindaría información del consumidor cuales pueden ser de uso a organizaciones como la &lt;a href="http://www.one.gob.do/"&gt;ONE&lt;/a&gt; o hasta llegar a sustituir los visitadores medicos ya que conoces directamente el consumidor. Lo ideal para una compañía como Pfizer, Bayer, etc. seria que el consumidor constantemente consultara con su medico si puede usar x medicamento. Insisto en que la República Dominicana ha estado estancada en la transición del mercadeo masivo hacia al 1+1, era de la información.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4148857941089463302?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4148857941089463302/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4148857941089463302' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4148857941089463302'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4148857941089463302'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/esta-la-republica-dominicana-capacitada.html' title='Esta la República Dominicana capacitada???'/><author><name>andyjerez</name><uri>http://www.blogger.com/profile/18130817863212984184</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_SHBaQx-Mdhs/S2DodYYjdAI/AAAAAAAAABM/fgOtDnv1lHA/s72-c/cellshop.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8659431173791391797</id><published>2010-01-22T09:13:00.009-04:00</published><updated>2010-01-22T09:46:26.157-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><title type='text'>República Dominicana intenta actualizarse!!!</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/_SHBaQx-Mdhs/S1mqhMdKfuI/AAAAAAAAAA4/sm5tr7REQP0/s1600-h/rdNetwork.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5429558313027796706" src="http://2.bp.blogspot.com/_SHBaQx-Mdhs/S1mqhMdKfuI/AAAAAAAAAA4/sm5tr7REQP0/s320/rdNetwork.jpg" style="cursor: hand; cursor: pointer; float: left; height: 266px; margin: 0 10px 10px 0; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Estuve buscando cuales de nuestras compañías en la República Dominicana están usando los medios sociales como facebook y twitter, que estrategias están implementando y que tanto seguimiento le dan. Sentí que aun su presencia esta un poco tímida. Pude encontrar &lt;a href="http://www.facebook.com/plazalama?ref=search&amp;amp;sid=567986561.732425837..1"&gt;Plaza Lama&lt;/a&gt;,  &lt;a href="http://www.facebook.com/search/?q=brugal&amp;amp;init=quick#/brugaltitanium?v=wall&amp;amp;ref=search"&gt;Brugal&lt;/a&gt;, &lt;a href="http://www.facebook.com/#/pages/Santo-Domingo-Dominican-Republic/Anthonys/105329673865?ref=ts"&gt;Anthony's&lt;/a&gt; y unas cuantas otras.&lt;br /&gt;&lt;br /&gt;Al parecer las compañías pueden que se sientan un poco limitadas y a la vez desvanecen sus intentos basados en el feedback que reciben. Hasta el día de ayer &lt;a href="http://www.facebook.com/plazalama?ref=search&amp;amp;sid=567986561.732425837..1"&gt;Plaza Lama&lt;/a&gt; tenia solo 1,300 fanáticos en facebook, &lt;a href="http://www.facebook.com/search/?q=brugal&amp;amp;init=quick#/brugaltitanium?v=wall&amp;amp;ref=search"&gt;Brugal&lt;/a&gt; 5,740 pero &lt;a href="http://www.facebook.com/search/?q=brugal&amp;amp;init=quick#/pages/Santo-Domingo-Dominican-Republic/Anthonys/105329673865?ref=ts"&gt;Anthony's&lt;/a&gt; mas de 18,000 seguidores. Esto es obviamente  un reflejo según el target de sus consumidores y que plataforma de red es que con mas frecuencia usa este consumidor.&lt;br /&gt;&lt;br /&gt;De los últimos años dentro de las compañías mas admiradas en este país están las de telecomunicación. Esto es simplemente por que son los dueños de las redes mas amplias y usadas por los dominicanos. Años atrás cuando el mercadeo masivo dominaba los medios, la ex-compañía Baninter gozaba del privilegio de ser dueños de casi todos los medios de publicidad, lo cual les permitía escalar imparablemente. Si logramos implementar nuevas maneras de usar los medios de telecomunicaciones estaríamos expuestos a una audiencia mucho mas amplia, tal vez llegar hasta tío Raúl quien juega domino en la esquina y su único medio de comunicación es un teléfono básico y prepago. Creo que la compañía &lt;a href="http://www.viva.com.do/vas/tu-twitt"&gt;Viva&lt;/a&gt; hace el intento con su nueva campaña "actualízate por solo un peso", Viva TuTwit y 323 MESSENGER. Esto por lo menos educa al consumidor y le abre camino a los agregadores a implementar nuevas campañas.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8659431173791391797?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8659431173791391797/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8659431173791391797' title='4 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8659431173791391797'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8659431173791391797'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/republica-dominicana-intenta.html' title='República Dominicana intenta actualizarse!!!'/><author><name>andyjerez</name><uri>http://www.blogger.com/profile/18130817863212984184</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_SHBaQx-Mdhs/S1mqhMdKfuI/AAAAAAAAAA4/sm5tr7REQP0/s72-c/rdNetwork.jpg' height='72' width='72'/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7560284012675896454</id><published>2010-01-12T11:35:00.004-04:00</published><updated>2010-01-12T11:52:21.175-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Adobe Flash en el iPhone</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yaZLM5tqI/AAAAAAAAAO8/VT1gYuefxCc/s1600-h/adf.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 323px; height: 323px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yaZLM5tqI/AAAAAAAAAO8/VT1gYuefxCc/s400/adf.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5425881408368916130" /&gt;&lt;/a&gt;&lt;br /&gt;Adobe Flash antes conocido como Macromedia Flash ha sido un método o herramienta de mucho uso a la hora de crear websites más interactivos, pero con el avance de las tecnologías han surgido otras alternativas.&lt;br /&gt;&lt;br /&gt;En la actualidad es muy usual navegar sitios web desde teléfonos móviles, pero existe el problema de que los teléfonos móviles tales como iphone, Blalckberry entre otros, aun no permiten visualizar contenido flash en sus aparatos.&lt;br /&gt;&lt;br /&gt;Por esa razón, Adobe ha decidido entrar al mercado con su nuevo “Adobe Creative Suite” que incluirá el “Packager for iphone” que permitirá a los desarrolladores en flash acceder al iphone.&lt;br /&gt;&lt;br /&gt;Fuente: &lt;a href="http://bit.ly/5tidRh"&gt;Adobe&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7560284012675896454?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7560284012675896454/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7560284012675896454' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7560284012675896454'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7560284012675896454'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/adobe-flash-en-el-iphone.html' title='Adobe Flash en el iPhone'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yaZLM5tqI/AAAAAAAAAO8/VT1gYuefxCc/s72-c/adf.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2806410454643699493</id><published>2010-01-12T11:22:00.002-04:00</published><updated>2010-01-12T11:30:53.034-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Celulares y dispositivos móviles: tiempo de pensar en las mujeres, en los chicos y en los jubilados</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yVmOEdCHI/AAAAAAAAAO0/eKRFNcJPE1s/s1600-h/cells.gif"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 357px; height: 348px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yVmOEdCHI/AAAAAAAAAO0/eKRFNcJPE1s/s400/cells.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5425876134918948978" /&gt;&lt;/a&gt;&lt;br /&gt;(www.neomundo.com.ar)- Los fabricantes de teléfonos celulares tendrán que empezar a personalizar sus productos si quieren llamar la atención de nuevos grupos demográficos (llámense mujeres y jóvenes nacidos dentro de la cultura de la comunicación permanente), aseguran los analistas de mercado.&lt;br /&gt;&lt;br /&gt;Y es que según la consultora Gartner, hacia el 2018 el mundo ya estará lleno de jóvenes y mujeres que no demandarán en su trabajo productos pensados exclusivamente para el ámbito empresarial, sino también para el consumidor masivo. Ellos querrán usar en su puesto de trabajo los mismos dispositivos o servicios que los empleados en su casa.&lt;br /&gt;&lt;br /&gt;El 68% de la población mundial son mujeres y niños que se pueden beneficiar de las ventajas de la tecnología móvil. Sin embargo, y cómo ocurre en otros muchos campos, los dispositivos móviles están pensados por y para los hombres.&lt;br /&gt;&lt;br /&gt;Los vendedores de telefonía móvil tendrán que afrontar el cambio demográfico que están sufriendo las empresas y personalizar sus productos para dar cabida a ese otro 68%.&lt;br /&gt;&lt;br /&gt;Hoy día, el perfil más in mente es el del usuario del teléfono móvil es un adulto occidental con una edad comprendida entre los 20 y 64 años. Este perfil representa curiosamente sólo al 32% de la población mundial. Si se extrapola ese dato al ámbito empresarial ocurre exactamente lo mismo.&lt;br /&gt;&lt;br /&gt;Sin embargo, la realidad de las empresas está cambiando, al ritmo en que varía también el tipo de mano de obra: cada vez más mujeres y grupos étnicos se están incorporando a los puestos laborales y, por supuesto, usan dispositivos móviles para realizar su trabajo.&lt;br /&gt;&lt;br /&gt;Los productos móviles tendrán que afrontar la diversidad de género y demográfica, haciendo evolucionar y diferenciando los dispositivos a través de una mayor variedad, explica Mónica Basso, vicepresidenta de investigación de Gartner.&lt;br /&gt;&lt;br /&gt;. Esta tendencia, junto a la progresiva consumerization de las tecnologías de la información (término inglés que describe el proceso por el cual el usuario está demandando utilizar en su entorno de trabajo las mismas herramientas que emplea en su esfera personal: móvil, mensajería instantánea, blogs, telefonía IP, comunidades o redes sociales) y la evolución del mercado laboral hacia los jóvenes y las mujeres, obligará a las empresas a repensar la estructura y lo procesos de su trabajo.&lt;br /&gt;&lt;br /&gt;En el transcurso de simposium, los analistas de Gartner han discutido tres tendencias demográficas y de género que, a su parecer, influirán en la adopción de la tecnología móvil de aquí a 2018 en las empresas.&lt;br /&gt;&lt;br /&gt;En primer lugar, las empresas irán dando paso a los baby boomers, en detrimento de los trabajadores que están a las puertas de la jubilación. Este hecho hará que las organizaciones tengan que idear planes de carrera más diversificados.&lt;br /&gt;&lt;br /&gt;Con esto en mente, las empresas deberán ir desarrollando programas para empleados en diferentes estadios de su carrera profesional o en función de sus edades.&lt;br /&gt;&lt;br /&gt;A esto se sumarán los hechos de que la diversidad étnica y de género aumentará en paralelo a la mano de obra inmigrante, multiplicando, además, la actividad con países emergentes y la presencia de mujeres.&lt;br /&gt;&lt;br /&gt;Por otro lado, los nativos digitales (nuevas generaciones nacidas totalmente en la era digital) aportarán a las empresas nuevas culturas, preferencias y capacidades.&lt;br /&gt;&lt;br /&gt;Su poder dentro de las organizaciones crecerá porque poseen más conocimientos tecnológicos, mayor familiaridad con las redes sociales y con los teléfonos inteligentes, así como con productos de consumo y modelos de negocio más innovadores. Además, su capacidad para recopilar información también es mayor.&lt;br /&gt;&lt;br /&gt;Una nueva mezcla de usuarios jóvenes reemplazará el perfil menos variado de aquellos que se jubilan. Serán las empresas que mejor entiendan la diversidad de los requerimientos y las expectativas (de estos nuevos usuarios) las que consigan mejores niveles de satisfacción y productividad para sus clientes, comenta Basso.&lt;br /&gt;&lt;br /&gt;El impacto de la consumerization será más visible debido a la presencia en las empresas de nativos digitales y mujeres. Estos nuevos usuarios van a demandar más opciones en los dispositivos, y preferirán aplicaciones y servicios más dirigidos al usuario normal que específicamente a las empresas.&lt;br /&gt;&lt;br /&gt;Los analistas de Gartner aseguran que en 2015, la gente personalizará el 90% de la información, las herramientas y los recursos educativos y tecnológicos que usará en el trabajo o en casa.&lt;br /&gt;&lt;br /&gt;La personalización es la clave para captar la atención de las expectativas de los diferentes tipos de usuarios. Esas expectativas pueden ser colmadas en el software de un móvil, en los servicios o en los accesorios.&lt;br /&gt;&lt;br /&gt;Pese a que hay cientos de dispositivos móviles y modelos disponibles en el mercado, lo cierto es que la personalización es muy limitada hoy en día. Ésta tiene más que ver con lo estético, lo cosmético (cubiertas con colores y materiales llamativos, temas y tonos de llamada) o con los accesorios, comenta Basso.&lt;br /&gt;&lt;br /&gt;La personalización, sin embargo, está olvidando aspectos esenciales, como es la funcionalidad y la forma. Ambos factores son asignados, dice Gartner, rígidamente a los dispositivos dependiendo del mercado a los que van dirigidos. Eventualmente -puntualiza Basso- la forma y la función de los dispositivos móviles serán reinventados.&lt;br /&gt;&lt;br /&gt;Fuente: &lt;a href="http://bit.ly/54PCza"&gt;Yahoo Noticias&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2806410454643699493?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2806410454643699493/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2806410454643699493' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2806410454643699493'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2806410454643699493'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/celulares-y-dispositivos-moviles-tiempo.html' title='Celulares y dispositivos móviles: tiempo de pensar en las mujeres, en los chicos y en los jubilados'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/S0yVmOEdCHI/AAAAAAAAAO0/eKRFNcJPE1s/s72-c/cells.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4972333517401254726</id><published>2010-01-11T12:15:00.000-04:00</published><updated>2010-01-11T12:15:45.635-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><title type='text'>Empezar a Usar CSS - Cuarta Parte</title><content type='html'>En la &lt;a href="http://comudo.blogspot.com/2009/12/empezar-usar-css-tercera-parte.html"&gt;&lt;span style="color: blue;"&gt;Tercera Parte&lt;/span&gt;&lt;/a&gt; de esta serie de artículos “&lt;b&gt;&lt;span style="color: #45818e;"&gt;Empezar a Usar CSS&lt;/span&gt;&lt;/b&gt;” pudimos a entender, cuándo y porqué utilizar cada uno de los selectores según nos convenga.&lt;br /&gt;&lt;br /&gt;En este Post conoceremos las reglas para declarar y escribir las &lt;b&gt;&lt;span style="color: #45818e;"&gt;hojas de estilos&lt;/span&gt;&lt;/b&gt;, cuándo es conveniente tenerlas dentro de la misma pagina &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; o llamarlas e importarlas desde un enlace.&lt;br /&gt;&lt;br /&gt;Declarar las &lt;b&gt;&lt;span style="color: #45818e;"&gt;hojas de estilos&lt;/span&gt;&lt;/b&gt; dependerá del sitio desde donde queremos incluirlas, atendiendo a esto tendremos 3 formas diferentes de hacerlo:&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;1-En la misma pagina HTML.&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;La hoja de estilo se declara dentro de la misma pagina &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; incluida en el &lt;span style="color: #0b5394;"&gt;TAG HEAD&lt;/span&gt;. Para eso utilizaremos el elemento &lt;span style="color: magenta;"&gt;CSS STYLE&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/S0tLcYN18mI/AAAAAAAAAH8/-VFiwzkf07k/s1600/css_4taparte_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/S0tLcYN18mI/AAAAAAAAAH8/-VFiwzkf07k/s640/css_4taparte_1.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #45818e; font-weight: bold;"&gt;2-Dentro del mismo elemento o TAG HTML que se de desea estilizar.&lt;/span&gt;&lt;br /&gt;Se conoce como estilos “&lt;span style="color: #45818e;"&gt;in line&lt;/span&gt;” o &lt;span style="color: #45818e;"&gt;en línea&lt;/span&gt;. Le aplica estilos solo a ese elemento, no es recomendable su uso ya que no es reutilizable y si se usa de forma repetida en una pagina &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; contribuye a que su peso sea mayor en KBs, además de que en caso de corregir o realizar cambios en dichos estilos es mas complicado. Es recomendable solo en casos completamente necesarios.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/S0tLcixTNsI/AAAAAAAAAIA/c672KB3JoOM/s1600/css_4taparte_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/S0tLcixTNsI/AAAAAAAAAIA/c672KB3JoOM/s640/css_4taparte_2.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #45818e; font-weight: bold;"&gt;3-Importado o llamado desde un archivo CSS externo.&lt;/span&gt;&lt;br /&gt;La hoja de estilos es un archivo &lt;span style="color: magenta;"&gt;.css&lt;/span&gt; completamente independiente, es la forma mas recomendada. Con esto se cumple 100% la regla de separar la estructura &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt;, el &lt;b&gt;&lt;span style="color: #45818e;"&gt;contenido&lt;/span&gt;&lt;/b&gt; de la&lt;b&gt;&lt;span style="color: #45818e;"&gt; apariencia del siti&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;o&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;El uso de este tipo de &lt;b&gt;&lt;span style="color: #45818e;"&gt;hoja de estilos&lt;/span&gt;&lt;/b&gt; es mas &lt;b&gt;&lt;span style="color: #45818e;"&gt;dinámico&lt;/span&gt;&lt;/b&gt; ya que en caso de que queramos &lt;b&gt;&lt;span style="color: #45818e;"&gt;cambiar la apariencia de un sitio&lt;/span&gt;&lt;/b&gt; solo modificamos este archivo &lt;span style="color: magenta;"&gt;.css&lt;/span&gt; sin necesidad de tocar la &lt;b&gt;&lt;span style="color: #45818e;"&gt;estructura HTML&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/S0tLcqcapBI/AAAAAAAAAIE/F3F0MWNk59I/s1600/css_4taparte_3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/S0tLcqcapBI/AAAAAAAAAIE/F3F0MWNk59I/s640/css_4taparte_3.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;En un próximo Post veremos cómo crear los contenedores principales (&lt;i&gt;&lt;span style="color: magenta;"&gt;head, main body, footer&lt;/span&gt;&lt;/i&gt;) de un &lt;b&gt;&lt;span style="color: #45818e;"&gt;sitio web&lt;/span&gt;&lt;/b&gt; conociendo los &lt;b&gt;&lt;span style="color: #45818e;"&gt;estilos de posición&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style="color: #45818e;"&gt;sitios elásticos o estático&lt;/span&gt;&lt;/b&gt;s y sus trucos para lograr el efecto deseado, también como evitar algunos dolores de cabeza que suceden a todo quien se inicia en el mundo de &lt;b&gt;&lt;span style="color: #45818e;"&gt;las hojas de estilos CSS&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-FA1TQI/AAAAAAAAAGo/0_3Z3UUYv7Y/s1600/css_3raparte_7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-FA1TQI/AAAAAAAAAGo/0_3Z3UUYv7Y/s640/css_3raparte_7.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Hasta la próxima.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4972333517401254726?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4972333517401254726/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4972333517401254726' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4972333517401254726'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4972333517401254726'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2010/01/empezar-usar-css-cuarta-parte.html' title='Empezar a Usar CSS - Cuarta Parte'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh6.ggpht.com/_QBkv__MdgNs/S0tLcYN18mI/AAAAAAAAAH8/-VFiwzkf07k/s72-c/css_4taparte_1.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3890592652745586957</id><published>2009-12-28T14:14:00.000-04:00</published><updated>2009-12-28T14:14:00.282-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Gráficos Digitales: Vectores vs Bitmaps</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/Szjsk1CpeTI/AAAAAAAAAHQ/GTRy31oiY_c/s1600/vectoresVSbitmaps_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/Szjsk1CpeTI/AAAAAAAAAHQ/GTRy31oiY_c/s320/vectoresVSbitmaps_1.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Existe una diferencia muy importante que todo &lt;b&gt;&lt;span style="color: #45818e;"&gt;diseñador grafico&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style="color: #45818e;"&gt;web&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;multimedia&lt;/span&gt;&lt;/b&gt; debe conocer:&lt;br /&gt;En qué se diferencia una &lt;b&gt;&lt;span style="color: #45818e;"&gt;imagen digital&lt;/span&gt;&lt;/b&gt; en &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores&lt;/span&gt;&lt;/b&gt; a una en &lt;b&gt;&lt;span style="color: #45818e;"&gt;mapas de bits o bitmaps&lt;/span&gt;&lt;/b&gt;?&lt;br /&gt;Para empezar, no podemos pasar por alto que ambos son dependientes de un factor común: &lt;b&gt;&lt;span style="color: #45818e;"&gt;La Resolución&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Antes de ver qué significa cada uno, vamos a darle un vistazo a lo que es la &lt;b&gt;&lt;span style="color: #45818e;"&gt;resolución&lt;/span&gt;&lt;/b&gt; y por qué incide en lo que son &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores y bitmaps&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;La resolución en un &lt;b&gt;&lt;span style="color: #45818e;"&gt;grafico digital&lt;/span&gt;&lt;/b&gt; es la mayor o menor &lt;b&gt;&lt;span style="color: #45818e;"&gt;nitidez&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;calidad visual&lt;/span&gt;&lt;/b&gt; con que este se ve, puede que sea pobre para los &lt;b&gt;&lt;span style="color: #45818e;"&gt;mapa de bits&lt;/span&gt;&lt;/b&gt; pero no afecta los &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores&lt;/span&gt;&lt;/b&gt;, de aquí la diferencia entre uno y otro. La &lt;b&gt;&lt;span style="color: #45818e;"&gt;resolución de un grafico digital de mapa de bits&lt;/span&gt;&lt;/b&gt; es afectada por sus dimensiones ya que ésta va de la mano con su unidad mínima: &lt;b&gt;&lt;span style="color: #45818e;"&gt;el pixel&lt;/span&gt;&lt;/b&gt;. &amp;nbsp;En el día a día nos damos cuenta que al momento de crear un &lt;b&gt;&lt;span style="color: #45818e;"&gt;grafico en vectores&lt;/span&gt;&lt;/b&gt; usando cualquiera de los software vectoriales como &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Illustrator, InDesign, Corel DRAW, Flash&lt;/span&gt;&lt;/b&gt; o el difunto &lt;b&gt;&lt;span style="color: #45818e;"&gt;Freehand&lt;/span&gt;&lt;/b&gt;, en ningún momento nos requiere ingresar la resolución a la que deseamos dicho gráfico, no sucediendo así cuando creamos un &lt;b&gt;&lt;span style="color: #45818e;"&gt;bitmap&lt;/span&gt;&lt;/b&gt; usando &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Photoshop, Fireworks, Corel Paint Shop Pro&lt;/span&gt;&lt;/b&gt;, etc. En estos casos &lt;b&gt;sí es totalmente necesario especificar la resolución&lt;/b&gt; deseada dependiendo del uso final.&lt;br /&gt;&lt;br /&gt;Existen software que permiten manejar &lt;b&gt;&lt;span style="color: #45818e;"&gt;imágenes vectoriales&lt;/span&gt;&lt;/b&gt; y de &lt;b&gt;&lt;span style="color: #45818e;"&gt;bitmaps&lt;/span&gt;&lt;/b&gt; al mismo tiempo como &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Flash&lt;/span&gt;&lt;/b&gt; que permite mostrar &lt;b&gt;&lt;span style="color: #45818e;"&gt;gráficos vectoriales&lt;/span&gt;&lt;/b&gt; en una &lt;b&gt;&lt;span style="color: #45818e;"&gt;pagina web&lt;/span&gt;&lt;/b&gt; pero para ello es necesario que el usuario tenga instalado un plug in que renderiza el grafico vectorial como &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Flash Player&lt;/span&gt;&lt;/b&gt;, también existe &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Fireworks&lt;/span&gt;&lt;/b&gt; que conservan las &lt;b&gt;&lt;span style="color: #45818e;"&gt;imágenes vectoriales editable&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;s&lt;/span&gt;&lt;/b&gt; pero que al final terminan siendo rasterizadas al momento de convertirlas a los formatos mas usados como son P&lt;b&gt;&lt;span style="color: #45818e;"&gt;NG, GIF y JPEG&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;Que son Bitmaps o mapa de bits?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Los &lt;b&gt;&lt;span style="color: #45818e;"&gt;mapas de bits o bitmap&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;s&lt;/span&gt;&lt;/b&gt; son gráficos digitales compuestos por la unidad mínima de imagen digital: &lt;b&gt;&lt;span style="color: #45818e;"&gt;el pixel&lt;/span&gt;&lt;/b&gt;. Un pixel es un punto cuadrado el cual guarda &lt;b&gt;&lt;span class="Apple-style-span" style="background-color: #45818e;"&gt;información de color en las imágenes digitales&lt;/span&gt;&lt;/b&gt; por lo que a mayor cantidad de pixeles contenga una imagen de mapa de bits mayor será su tamaño en kbytes y mayor será su resolución.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SzjslAuiv1I/AAAAAAAAAHU/3PWVJwgw5jA/s1600/vectoresVSbitmaps_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/SzjslAuiv1I/AAAAAAAAAHU/3PWVJwgw5jA/s400/vectoresVSbitmaps_2.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Cuando decimos que los mapa de bits son dependientes de la resolución nos referimos a que a mayor cantidad de pixeles de una imagen mayor será su resolución y por lo tanto su nivel de detalle. La medida de pixeles en una imagen se calcula por &lt;b&gt;&lt;span style="color: #45818e;"&gt;la cantidad de pixeles que esta contenga en una pulgada o centímetro cuadrado&lt;/span&gt;&lt;/b&gt; por lo que para imágenes para la web usamos una resolución de &lt;i&gt;72 dpi&lt;/i&gt; que significa &lt;b&gt;&lt;span style="color: #45818e;"&gt;Dot Per Inch&lt;/span&gt;&lt;/b&gt; (punto por pulgada) o &lt;b&gt;&lt;span style="color: #45818e;"&gt;PPI&lt;/span&gt;&lt;/b&gt; (pixel por pulgada).&lt;br /&gt;&lt;br /&gt;Para imágenes digitales que serán utilizadas en &lt;b&gt;&lt;span style="color: #45818e;"&gt;prensa offset &lt;/span&gt;&lt;/b&gt;estas deben tener una resolución equivalente al doble de lo que&amp;nbsp;serán&amp;nbsp;impresas. Para &lt;b&gt;&lt;span style="color: #45818e;"&gt;calcular la resolución necesaria&lt;/span&gt;&lt;/b&gt; en &lt;b&gt;&lt;span style="color: #45818e;"&gt;imágenes para impresió&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;n&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;pre-prensa&lt;/span&gt;&lt;/b&gt; existe una formula que se deriva del calculo de la cantidad de &lt;b&gt;&lt;span style="color: #45818e;"&gt;líneas por purgada&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;s &lt;/span&gt;&lt;/b&gt;con que se va imprimir multiplicado por 2, o sea, si se va a imprimir un &lt;b&gt;&lt;span style="color: #45818e;"&gt;arte de prensa&lt;/span&gt;&lt;/b&gt; que se imprime a &lt;b&gt;&lt;span style="color: #45818e;"&gt;85 líneas&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;LPI&lt;/span&gt;&lt;/b&gt; (&lt;b&gt;&lt;span style="color: #45818e;"&gt;Líneas por Pulgadas&lt;/span&gt;&lt;/b&gt;), el&amp;nbsp;gráfico&amp;nbsp;debe crearse a &lt;b&gt;&lt;span style="color: #45818e;"&gt;170 DPI&lt;/span&gt;&lt;/b&gt;, que resulta de multiplicar &lt;i&gt;85 X 2&lt;/i&gt;.&amp;nbsp;Fíjense&amp;nbsp;que hay una &lt;b&gt;&lt;span style="color: #45818e;"&gt;diferencia entre DPI y LPI&lt;/span&gt;&lt;/b&gt;, de esto hablaremos mas adelante.&lt;br /&gt;&lt;br /&gt;Si este gráfico&amp;nbsp;se crea&amp;nbsp;con menor resolucion este pierde nitidez en la &lt;b&gt;&lt;span style="color: #45818e;"&gt;impresión final&lt;/span&gt;&lt;/b&gt;, si se crea con mayor resolución se está creando un &lt;b&gt;&lt;span style="color: #45818e;"&gt;archivo digital&lt;/span&gt;&lt;/b&gt; de mayor tamaño y de forma innecesaria pero de buena &lt;b&gt;&lt;span style="color: #45818e;"&gt;calidad visual&lt;/span&gt;&lt;/b&gt;.&amp;nbsp;Aquí&amp;nbsp;aplica el dicho &lt;i&gt;"Para que falte, que sobre"&lt;/i&gt;.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;Que son gráficos vectoriales?&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Los &lt;b&gt;&lt;span style="color: #45818e;"&gt;gráficos vectoriales&lt;/span&gt;&lt;/b&gt; son objetos formados por &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores&lt;/span&gt;&lt;/b&gt; que son puntos definidos a partir de &lt;b&gt;&lt;span style="color: #45818e;"&gt;cálculos matemáticos&lt;/span&gt;&lt;/b&gt; que a la vez definen su &lt;b&gt;&lt;span style="color: #45818e;"&gt;color, posición, tamaño&lt;/span&gt;&lt;/b&gt;, etc. Esto significa que cuando dibujamos un cuadrado &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectorial&lt;/span&gt;&lt;/b&gt; el &lt;b&gt;&lt;span style="color: #45818e;"&gt;software&lt;/span&gt;&lt;/b&gt; esta creando una imágen a partir de puntos que siguen una &lt;b&gt;&lt;span style="color: #45818e;"&gt;coordenada X, Y&lt;/span&gt;&lt;/b&gt; en la pantalla y además de su posición contiene información sobre el &lt;b&gt;&lt;span style="color: #45818e;"&gt;color de relleno&lt;/span&gt;&lt;/b&gt; (compuesto por &lt;b&gt;&lt;span style="color: #45818e;"&gt;cálculos matemáticos de colores RGB&lt;/span&gt;&lt;/b&gt;, ver &lt;a href="http://comudo.blogspot.com/2009/12/trabajar-modo-rgb-o-cmyk.html"&gt;&lt;span style="color: blue;"&gt;Trabajar a modo RGG o CMYK&lt;/span&gt;&lt;/a&gt;) pudiendo ser solido o degradado e información del espacio que ocupa en la pantalla, siendo este proporcional al tamaño físico real. Esto quiere decir que si dibujamos un círculo de &lt;i&gt;60x60&lt;/i&gt; &lt;i&gt;pies&lt;/i&gt;, si lo imprimimos este saldrá a tamaño real según se vea en el monitor.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/SzjslBZX-MI/AAAAAAAAAHY/kvIFeLaujbY/s1600/vectoresVSbitmaps_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh4.ggpht.com/_QBkv__MdgNs/SzjslBZX-MI/AAAAAAAAAHY/kvIFeLaujbY/s400/vectoresVSbitmaps_3.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Los &lt;b&gt;&lt;span style="color: #45818e;"&gt;gráficos vectoriales&lt;/span&gt;&lt;/b&gt; tienen como ventaja que al ser los &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores&lt;/span&gt;&lt;/b&gt; el fruto &lt;b&gt;&lt;span style="color: #45818e;"&gt;cálculos matemáticos&lt;/span&gt;&lt;/b&gt; no ocupan mucho &lt;b&gt;&lt;span style="color: #45818e;"&gt;espacio de almacenamiento&lt;/span&gt;&lt;/b&gt; con relación a los &lt;b&gt;&lt;span style="color: #45818e;"&gt;bitmaps&lt;/span&gt;&lt;/b&gt; que ocupan mayor espacio dado a que una imagen contiene información de cada pixel que la contiene.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/SzjslAPluOI/AAAAAAAAAHc/AMBfAkc_Hdw/s1600/vectoresVSbitmaps_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/SzjslAPluOI/AAAAAAAAAHc/AMBfAkc_Hdw/s400/vectoresVSbitmaps_4.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Aplicado al &lt;b&gt;&lt;span style="color: #45818e;"&gt;diseño gráfico&lt;/span&gt;&lt;/b&gt;, conocer la importancia entre estos dos tipos de &lt;b&gt;&lt;span style="color: #45818e;"&gt;gráficos digitales&lt;/span&gt;&lt;/b&gt; es vital a la hora de diseñar un &lt;b&gt;&lt;span style="color: #45818e;"&gt;logotipo&lt;/span&gt;&lt;/b&gt;, nunca deberá hacerse como un &lt;b&gt;&lt;span style="color: #45818e;"&gt;bitmap&lt;/span&gt;&lt;/b&gt; ya que como mencionamos al ser estos dependientes de la resolución complicarían su reproducción a la hora de imprimir incluyendo el caso de llevarse a formato largo como es el caso de una &lt;b&gt;&lt;span style="color: #45818e;"&gt;valla&lt;/span&gt;&lt;/b&gt; o un &lt;b&gt;&lt;span style="color: #45818e;"&gt;bajante&lt;/span&gt;&lt;/b&gt;. Aunque en nuestra idea creativa queramos “botarnos” con algún efecto o ilustración lo recomendable es &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectorizar&lt;/span&gt;&lt;/b&gt; este grafico para hacerlo parte del logotipo, de esta manera será independiente de la resolución a cualquier tamaño.&lt;br /&gt;&lt;br /&gt;En un próximo Post hablaremos de la importancia de conocer qué resolución debe tener un gráfico dependiendo del uso final: Salida Digital o Física, además de una &lt;b&gt;&lt;span style="color: #45818e;"&gt;formula matemática para calcular el tamaño y resolución necesaria para hacer un&lt;/span&gt;&lt;/b&gt; &lt;b&gt;&lt;span style="color: #45818e;"&gt;scanning&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Hasta la&amp;nbsp;próxima.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3890592652745586957?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3890592652745586957/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3890592652745586957' title='3 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3890592652745586957'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3890592652745586957'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/graficos-digitales-vectores-vs-bitmaps.html' title='Gráficos Digitales: Vectores vs Bitmaps'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh5.ggpht.com/_QBkv__MdgNs/Szjsk1CpeTI/AAAAAAAAAHQ/GTRy31oiY_c/s72-c/vectoresVSbitmaps_1.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1339911749425518577</id><published>2009-12-10T17:37:00.000-04:00</published><updated>2009-12-10T17:37:40.925-04:00</updated><title type='text'>Navidad 2.0</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SyFn9WhoKYI/AAAAAAAAAGw/WI5nQ4eNs-4/s1600/navidad2.0.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/SyFn9WhoKYI/AAAAAAAAAGw/WI5nQ4eNs-4/s320/navidad2.0.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #783f04;"&gt;ROCK&lt;/span&gt;&lt;/b&gt;, (Recursos de Conocimiento para Comunidades Abiertas), &lt;b&gt;Numericit&lt;/b&gt; y &lt;b&gt;Duarte101&lt;/b&gt; nos invitan al Último Evento ROCK del Año:&amp;nbsp;&lt;span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Arial; font-size: 13px; white-space: pre;"&gt;Navidad 2.0&lt;span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: 'Times New Roman'; font-size: medium; white-space: normal;"&gt;.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Porque las redes sociales son universales, con ellas rompemos las fronteras, los idiomas, el color y las diferencias. En las redes sociales no pueden existir barreras sociales; todos somos bits y bytes; somos conceptos, ideas, emociones, sentimientos: Un planeta.&lt;br /&gt;&lt;br /&gt;Con el propósito de preguntar: ¿Servirán las redes sociales, si aún no rompemos las "barreras sociales"? ¿Queremos cerrar la brecha digital y olvidarlos de la social?&lt;br /&gt;&lt;br /&gt;Aprovechamos dicha excusa para celebrar la &lt;b&gt;&lt;span style="color: #45818e;"&gt;última reunión ROCK del año&lt;/span&gt;&lt;/b&gt;, donde disfrutaremos de los logros alcanzados en el 2009 y expongamos nuestras metas del 2010. ¡Puedes estar in-situ, online, mobile, en video, twitter, facebook, como quieras! Únete y rompe barreras.&lt;br /&gt;&lt;br /&gt;El día para la reunión es el &lt;b&gt;&lt;span style="color: #45818e;"&gt;15 de diciembre 2009&lt;/span&gt;&lt;/b&gt;, a partir de las &lt;b&gt;&lt;span style="color: #45818e;"&gt;6:30PM&lt;/span&gt;&lt;/b&gt; en &lt;b&gt;&lt;span style="color: #45818e;"&gt;Quintana Bar &amp;amp; Lounge&lt;/span&gt;&lt;/b&gt; (Calle la Atarazana #13, Zona Colonial). Puedes notificarles tu asistencia mediante el .&lt;a href="http://tinyurl.com/ydgnxuf"&gt;&lt;span style="color: blue;"&gt;&lt;b&gt;formulario de confirmación&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Allá&amp;nbsp;nos vemos...&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1339911749425518577?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1339911749425518577/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1339911749425518577' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1339911749425518577'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1339911749425518577'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/navidad-20.html' title='Navidad 2.0'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh3.ggpht.com/_QBkv__MdgNs/SyFn9WhoKYI/AAAAAAAAAGw/WI5nQ4eNs-4/s72-c/navidad2.0.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-606589338436791182</id><published>2009-12-10T17:12:00.000-04:00</published><updated>2009-12-10T17:12:37.123-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Empezar a Usar CSS - Tercera Parte</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-dpkPqI/AAAAAAAAAGs/mBvc1x1_1iw/s1600/css_3raparte_8.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-dpkPqI/AAAAAAAAAGs/mBvc1x1_1iw/s320/css_3raparte_8.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;En la &lt;a href="http://comudo.blogspot.com/2009/11/empezar-usar-css-segunda-parte.html"&gt;&lt;span style="color: blue;"&gt;Segunda Parte&lt;/span&gt;&lt;/a&gt; de esta serie de artículos “&lt;a href="http://comudo.blogspot.com/2009/08/empezar-usar-css.html"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Empezar a Usar CSS&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;” vimos una definición de los diferentes tipos de selectores y explicamos brevemente que hace cada uno.&lt;br /&gt;En este Post vamos a entender mejor , cuando utilizar cada uno de estos selectores según nos convenga.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="background-color: white;"&gt;&lt;span style="color: #45818e;"&gt;SELECTOR TAG&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;: Redefine el estilo o look de un &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAG HTML&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;Lo utilizaremos cuando queremos definir estilos en general, aplicados a elementos o &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAGS HTML&lt;/span&gt;&lt;/b&gt;. Ej.:&lt;br /&gt;Si queremos que todos los títulos de nuestra página sean en un &lt;i&gt;font Georgia, tamaño 16 pt, color azul oscuro y tengan un margen inferior de 24px&lt;/i&gt;, entonces nuestra hoja de estilos deberá decir:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd0Xc4YkI/AAAAAAAAAGY/KZkChshCVdk/css_3raparte_3.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="129" src="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd0Xc4YkI/AAAAAAAAAGY/KZkChshCVdk/css_3raparte_3.gif" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;Este seria el &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/SyFd0f_irDI/AAAAAAAAAGU/3493iwSVOCk/css_3raparte_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/SyFd0f_irDI/AAAAAAAAAGU/3493iwSVOCk/css_3raparte_2.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;Este seria el resultado:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/SyFd0nCNytI/AAAAAAAAAGg/RXIntdkn9Fo/css_3raparte_5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh5.ggpht.com/_QBkv__MdgNs/SyFd0nCNytI/AAAAAAAAAGg/RXIntdkn9Fo/css_3raparte_5.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Nos conviene usar este selector en este caso porque al momento de agregar contenido todos los títulos con un &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAG H1&lt;/span&gt;&lt;/b&gt; automáticamente obtendrán los estilos ya definidos. Para crear los estilos de un selector TAG simplemente escribimos el nombre del &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAG HML&lt;/span&gt;&lt;/b&gt; al cual queremos aplicarle estilos. Ej.: &lt;span style="color: blue;"&gt;h1 {….&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;SELECTOR CLASS&lt;/span&gt;&lt;/b&gt; o clase: Puede ser aplicado a cualquier TAG HTML.&lt;br /&gt;Lo utilizaremos cuando queremos definir estilos a elementos o &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAGS HTM&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;L&lt;/span&gt;&lt;/b&gt; específicos. Ej.:&lt;br /&gt;Supongamos que queremos definir solo algunos títulos &lt;b&gt;&lt;span style="color: #45818e;"&gt;H1&lt;/span&gt;&lt;/b&gt; con un &lt;i&gt;color rojo y con un margen inferior de 10px&lt;/i&gt;. Como ya hemos definidos los estilos para todos los &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAGS H1&lt;/span&gt;&lt;/b&gt; entonces crearemos una &lt;b&gt;&lt;span style="color: #45818e;"&gt;clase&lt;/span&gt;&lt;/b&gt; para asignarle a cada uno de los títulos que queremos ver de color rojo. Esta clase seria:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/SyFd0c6VmnI/AAAAAAAAAGQ/fa2sAvAm9AI/css_3raparte_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="167" src="http://lh4.ggpht.com/_QBkv__MdgNs/SyFd0c6VmnI/AAAAAAAAAGQ/fa2sAvAm9AI/css_3raparte_1.gif" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;Este seria el resultado:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/SyFd0lXaCbI/AAAAAAAAAGc/Vh7jEUkcn_E/css_3raparte_4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://lh6.ggpht.com/_QBkv__MdgNs/SyFd0lXaCbI/AAAAAAAAAGc/Vh7jEUkcn_E/css_3raparte_4.gif" width="193" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;La importancia de las &lt;b&gt;&lt;span style="color: #45818e;"&gt;clases&lt;/span&gt;&lt;/b&gt; es que podemos &lt;b&gt;&lt;span style="color: #45818e;"&gt;re-utilizarlas &lt;/span&gt;&lt;/b&gt;cuantas veces sea necesario por lo que podemos tener muchos elementos estilizados invocando una sola clase lo que se&lt;span&gt;&lt;/span&gt; traduce en &lt;b&gt;&lt;span style="color: #45818e;"&gt;optimización de la pagina&lt;/span&gt;&lt;/b&gt; y &lt;a href="http://comudo.blogspot.com/2009/11/la-velocidad-de-tu-pagina-afectara-el.html"&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;menor tiempo de descarga&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;. Las &lt;b&gt;&lt;span style="color: #45818e;"&gt;clases&lt;/span&gt;&lt;/b&gt; pueden ser aplicadas conjuntamente con lo estilos de un &lt;span style="color: #45818e;"&gt;&lt;b&gt;selector avanzado&lt;/b&gt;&lt;/span&gt;. Para crear los estilos de una clase escribimos el nombre que deseamos precedido por un punto. Ej.: &lt;span class="Apple-style-span" style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;.nombredelaclase {…&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;SELECTOR ADVANCED&lt;/span&gt;&lt;/b&gt; o avanzado: Se utiliza para elementos &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; que poseen un &lt;b&gt;&lt;span style="color: #45818e;"&gt;ID&lt;/span&gt;&lt;/b&gt; o que están identificados.&lt;br /&gt;A diferencia de las &lt;b&gt;&lt;span style="color: #45818e;"&gt;clases o Selector Class&lt;/span&gt;&lt;/b&gt; el Selector tipo Avanced o Avanzado se usa para elementos que son únicos en todo el &lt;b&gt;&lt;span style="color: #45818e;"&gt;contenido de una pagina&lt;/span&gt;&lt;/b&gt; y por lo tanto no se repiten. Son usados frecuentemente para &lt;b&gt;&lt;span style="color: #45818e;"&gt;estilos de posición&lt;/span&gt;&lt;/b&gt;. Ej:&lt;br /&gt;En &lt;b&gt;&lt;span style="color: #45818e;"&gt;el layout de una página&lt;/span&gt;&lt;/b&gt; tendremos el &lt;b&gt;&lt;span style="color: #45818e;"&gt;header&lt;/span&gt;&lt;/b&gt;, contenido principal y &lt;b&gt;&lt;span style="color: #45818e;"&gt;footer&lt;/span&gt;&lt;/b&gt;. Los estilos serian:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: auto;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/SyFd-PCIO3I/AAAAAAAAAGk/lRanWBBBeXg/css_3raparte_6.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://lh6.ggpht.com/_QBkv__MdgNs/SyFd-PCIO3I/AAAAAAAAAGk/lRanWBBBeXg/css_3raparte_6.gif" width="190" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Este seria el resultado:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-FA1TQI/AAAAAAAAAGo/0_3Z3UUYv7Y/css_3raparte_7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-FA1TQI/AAAAAAAAAGo/0_3Z3UUYv7Y/css_3raparte_7.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Para crear los &lt;b&gt;&lt;span style="color: #45818e;"&gt;estilos&lt;/span&gt;&lt;/b&gt; de un &lt;b&gt;&lt;span style="color: #45818e;"&gt;selector avanzado&lt;/span&gt;&lt;/b&gt; escribimos el nombre del &lt;b&gt;&lt;span style="color: #45818e;"&gt;ID&lt;/span&gt;&lt;/b&gt; del contenedor &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML &lt;/span&gt;&lt;/b&gt;precedido del símbolo #. Ej.: &lt;span style="color: blue;"&gt;#divheader &amp;nbsp;{….&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;En un próximo post conoceremos las reglas para &lt;b&gt;&lt;span style="color: #45818e;"&gt;declarar y escribir las hojas de estilos&lt;/span&gt;&lt;/b&gt;, cómo tenerlas dentro de la misma pagina o llamarlas desde un enlace y cuándo debemos o no hacerlo.&lt;br /&gt;&lt;br /&gt;Hasta la próxima.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-606589338436791182?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/606589338436791182/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=606589338436791182' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/606589338436791182'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/606589338436791182'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/empezar-usar-css-tercera-parte.html' title='Empezar a Usar CSS - Tercera Parte'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh3.ggpht.com/_QBkv__MdgNs/SyFd-dpkPqI/AAAAAAAAAGs/mBvc1x1_1iw/s72-c/css_3raparte_8.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-9206908157426456795</id><published>2009-12-08T11:35:00.000-04:00</published><updated>2009-12-08T11:35:18.632-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Trabajar a modo RGB o CMYK?</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh5.ggpht.com/_QBkv__MdgNs/Sx5k35SLwKI/AAAAAAAAAFQ/XmWuH40NfhE/post_cmyk-rgb_r1_c1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://lh5.ggpht.com/_QBkv__MdgNs/Sx5k35SLwKI/AAAAAAAAAFQ/XmWuH40NfhE/post_cmyk-rgb_r1_c1.jpg" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Uno de los primeros puntos importantes del check list necesario al momento de empezar a realizar cualquier &lt;b&gt;&lt;span style="color: #45818e;"&gt;diseño grafico&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style="color: #45818e;"&gt;web&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;multimedia&lt;/span&gt;&lt;/b&gt; es definir el &lt;b&gt;&lt;span style="color: #45818e;"&gt;modo de colores&lt;/span&gt;&lt;/b&gt; que usaremos, este check list lo comparo al que debe hacer el piloto, ingeniero de vuelo y copiloto antes de empezar a volar:&lt;br /&gt;•&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Formato y posición de la hoja o canvas.&lt;br /&gt;•&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Resolución&lt;br /&gt;•&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;Modo de colores&lt;br /&gt;&lt;br /&gt;Independientemente del software que utilicemos (&lt;b&gt;&lt;span style="color: #45818e;"&gt;Photosho&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;p&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;, Illustrator, InDesign, Fireworks, Corel Draw, Flash&lt;/span&gt;&lt;/b&gt;, etc) o de si trabajaremos con &lt;b&gt;&lt;span style="color: #45818e;"&gt;vectores&lt;/span&gt;&lt;/b&gt; o &lt;b&gt;&lt;span style="color: #45818e;"&gt;mapas de bits&lt;/span&gt;&lt;/b&gt;, debemos “&lt;i&gt;decirle&lt;/i&gt;” a la aplicación que estamos usando en qué tamaño queremos trabajar, cuál es la resolución que necesitamos y qué modo de colores usaremos.&lt;br /&gt;&lt;br /&gt;Además de los 2 principales modos de colores &lt;b&gt;&lt;span style="color: #45818e;"&gt;RGB&lt;/span&gt;&lt;/b&gt; y &lt;b&gt;&lt;span style="color: #45818e;"&gt;CMYK&lt;/span&gt;&lt;/b&gt; existen los modos &lt;b&gt;&lt;span style="color: #45818e;"&gt;HSB&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style="color: #45818e;"&gt;LAB&lt;/span&gt;&lt;/b&gt;, entre otros que se derivan de estos dos principales pudiendo ser algunos específicos de la aplicación que se esta usando como es el caso de &lt;b&gt;&lt;span style="color: #45818e;"&gt;LAB&lt;/span&gt;&lt;/b&gt; en &lt;b&gt;&lt;span style="color: #45818e;"&gt;Adobe Photoshop&lt;/span&gt;&lt;/b&gt;. A cada uno de estos modos pertenecen entonces las diferentes paletas de colores que traen por defecto los diferentes &lt;b&gt;&lt;span style="color: #45818e;"&gt;software de diseño&lt;/span&gt;&lt;/b&gt; como la paleta &lt;span style="color: #45818e;"&gt;&lt;b&gt;Web Safe, PANTONE, Trumach, HKS, FOCOLTONE, System Windows, System Macintosh&lt;/b&gt;&lt;/span&gt;, etc. &amp;nbsp;Por citar algunas.&lt;br /&gt;&lt;br /&gt;La selección del &lt;b&gt;&lt;span style="color: #45818e;"&gt;modo de color&lt;/span&gt;&lt;/b&gt; a usar, siempre dependerá de nuestra salida final o de si ésta será de forma &lt;b&gt;&lt;span style="color: #45818e;"&gt;digital&lt;/span&gt;&lt;/b&gt; o física, o sea, dependerá si el diseño final será una &lt;b&gt;&lt;span style="color: #45818e;"&gt;impresión&lt;/span&gt;&lt;/b&gt; como un&lt;b&gt;&lt;span style="color: #45818e;"&gt; flyer&lt;/span&gt;&lt;/b&gt;, un &lt;b&gt;&lt;span style="color: #45818e;"&gt;bajante&lt;/span&gt;&lt;/b&gt;, un &lt;b&gt;&lt;span style="color: #45818e;"&gt;afiche&lt;/span&gt;&lt;/b&gt; o un &lt;b&gt;&lt;span style="color: #45818e;"&gt;archivo digital&lt;/span&gt;&lt;/b&gt; como un &lt;b&gt;&lt;span style="color: #45818e;"&gt;banne&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;r&lt;/span&gt;&lt;/b&gt; para una &lt;b&gt;&lt;span style="color: #45818e;"&gt;pagina web&lt;/span&gt;&lt;/b&gt;, una imagen para una &lt;b&gt;&lt;span style="color: #45818e;"&gt;presentación Power Point&lt;/span&gt;&lt;/b&gt; o una &lt;b&gt;&lt;span style="color: #45818e;"&gt;animación Flash&lt;/span&gt;&lt;/b&gt;. Hasta aquí vamos bien, pero, porque?&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;RGB&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Viene de Red, Green y Blue o en buen español Rojo, Azul y Verde y se deriva de la descomposición de los colores de la luz o &lt;b&gt;&lt;span style="color: #45818e;"&gt;síntesis aditiva&lt;/span&gt;&lt;/b&gt;. Esto no es más que separar los tres colores que componen la luz blanca, los mismos que vemos en el arco iris.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;CMYK&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Significa Cyan, Magenta, Yellow y Black. Como se habrán dado cuenta el Black se representa con una “K” ya que no se puede repetir la letra “B” porque fue usada para el Blue RGB. Los colores &lt;b&gt;&lt;span style="color: #45818e;"&gt;CMYK&lt;/span&gt;&lt;/b&gt; son los &lt;b&gt;&lt;span style="color: #45818e;"&gt;colores pigmento&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;s&lt;/span&gt;&lt;/b&gt; o colores físicos de cuya mezcla resultan todos los demás colores (&lt;b&gt;&lt;span style="color: #45818e;"&gt;Síntesis Sustractiva&lt;/span&gt;&lt;/b&gt;). Esto lo podemos ver en las&lt;b&gt;&lt;span style="color: #45818e;"&gt; impresoras digitales&lt;/span&gt;&lt;/b&gt; que usamos a diario y en los &lt;b&gt;&lt;span style="color: #45818e;"&gt;plotters&lt;/span&gt;&lt;/b&gt; de impresión donde se imprimen los &lt;b&gt;&lt;span style="color: #45818e;"&gt;bajante&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;s&lt;/span&gt;&lt;/b&gt; para&amp;nbsp;&lt;b&gt;&lt;span style="color: #45818e;"&gt;publicidad exterior&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;La Importancia del uso adecuado&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Usar adecuadamente el modo de color dependiendo de nuestra salida es sumamente importante. La &lt;b&gt;&lt;span style="color: #45818e;"&gt;selección errónea del modo de color&lt;/span&gt;&lt;/b&gt; conlleva a que el resultado final pueda ser terriblemente diferente a lo que hubiéramos deseado. Según mi experiencia este problema sucede muy frecuentemente y algunos &lt;b&gt;&lt;span style="color: #45818e;"&gt;diseñadores&lt;/span&gt;&lt;/b&gt; ni siquiera conocen el porque. Un ejemplo de esto es usar un &lt;b&gt;&lt;span style="color: #45818e;"&gt;color RGB&lt;/span&gt;&lt;/b&gt; para un arte que se va a imprimir. La lógica nos debería decir que &lt;b&gt;&lt;span style="color: #45818e;"&gt;RGB&lt;/span&gt;&lt;/b&gt; son 3 canales mientras que &lt;b&gt;&lt;span style="color: #45818e;"&gt;CMYK&lt;/span&gt;&lt;/b&gt; 4, o sea, un printer tratará lo mas que pueda de interpretar un color compuesto de solo 3 &lt;b&gt;&lt;span style="color: #45818e;"&gt;colores&lt;/span&gt;&lt;/b&gt; usando 4 canales, es muy probable que el resultado sea muy diferente a lo que se ve en el monitor, ejemplo:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/Sx5sHLsrPPI/AAAAAAAAAFo/_lpKmd75vqk/post_cmyk-rgb2_r1_c1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/Sx5sHLsrPPI/AAAAAAAAAFo/_lpKmd75vqk/post_cmyk-rgb2_r1_c1.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Un verde cuya composición RGB sea &lt;b&gt;R:193&lt;/b&gt; - &lt;b&gt;G:223&lt;/b&gt; - &lt;b&gt;B:157&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Si se imprime en una impresora a color podría darnos un &lt;b&gt;&lt;span style="color: #45818e;"&gt;color&lt;/span&gt;&lt;/b&gt; crema oscuro. De aquí puede resultar un stress post traumático que puede incluir tirar la impresora por la ventana más cercana. Si frente a un cliente le mostramos el &lt;b&gt;&lt;span style="color: #45818e;"&gt;verde RGB&lt;/span&gt;&lt;/b&gt; y este queda encantado, nunca, y con toda razón, podrá aceptar cuando vea impreso un color “kaki” que ese es el mismo color que vio alguna vez en nuestra pantalla.&lt;br /&gt;&lt;br /&gt;Entonces, es muy importante tener pendiente siempre el modo de color a usar. Esto definitivamente nos evitará molestias, perdida de tiempo y contribuirá a mejorar nuestra calidad de vida y hasta el medio ambiente&lt;span class="Apple-style-span" style="font-family: Wingdings; font-size: 15px; line-height: 17px;"&gt;J&lt;span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: medium; line-height: normal;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Ya hablaremos en un próximo artículo sobre los demás puntos también muy importantes a tener en cuenta como son&lt;b&gt;&lt;span class="Apple-style-span" style="background-color: white;"&gt; &lt;span style="color: #45818e;"&gt;la resolución&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white;"&gt; &lt;/span&gt;&amp;nbsp;y &lt;span style="color: #45818e;"&gt;&lt;b&gt;el formato&lt;/b&gt;&lt;/span&gt;.&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-9206908157426456795?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/9206908157426456795/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=9206908157426456795' title='6 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/9206908157426456795'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/9206908157426456795'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/trabajar-modo-rgb-o-cmyk.html' title='Trabajar a modo RGB o CMYK?'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh5.ggpht.com/_QBkv__MdgNs/Sx5k35SLwKI/AAAAAAAAAFQ/XmWuH40NfhE/s72-c/post_cmyk-rgb_r1_c1.jpg' height='72' width='72'/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-5700422651438872354</id><published>2009-12-04T10:04:00.007-04:00</published><updated>2010-02-23T11:10:55.291-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='3D'/><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><title type='text'>Cortos Cinematográficos</title><content type='html'>Tres cortos cinematográficos ganadores de premios.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The Black Hole&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/P5_Msrdg3Hk&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/P5_Msrdg3Hk&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;SIGNS&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/uy0HNWto0UY&amp;amp;color1=0x2b405b&amp;amp;color2=0x6b8ab6&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/uy0HNWto0UY&amp;amp;color1=0x2b405b&amp;amp;color2=0x6b8ab6&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;BUONGIORNO&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/OBj-_ljxoHo&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/OBj-_ljxoHo&amp;amp;hl=en_US&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-5700422651438872354?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/5700422651438872354/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=5700422651438872354' title='1 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5700422651438872354'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5700422651438872354'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/cortos-cinematograficos.html' title='Cortos Cinematográficos'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6555829842879375518</id><published>2009-12-03T17:42:00.002-04:00</published><updated>2010-02-23T11:11:36.301-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><title type='text'>Comercial Master Card Version Dominicana</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh6.ggpht.com/_QBkv__MdgNs/SxgwmYj0zqI/AAAAAAAAAEo/GTP-K04_0Hk/mastercard.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://lh6.ggpht.com/_QBkv__MdgNs/SxgwmYj0zqI/AAAAAAAAAEo/GTP-K04_0Hk/mastercard.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=" ;font-family:Arial;font-size:small;"&gt;&lt;span style="font-size:13px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=" ;font-family:Arial;font-size:small;"&gt;&lt;span style="font-size:13px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=" ;font-family:Arial;font-size:small;"&gt;&lt;span style="font-size:13px;"&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=" ;font-family:Arial;font-size:small;"&gt;&lt;span style="font-size:13px;"&gt;Con toda seguridad me atrevo a decir que el 99.5% de quienes están leyendo este articulo han visto el comercial &lt;b&gt;&lt;span style="color:#45818e;"&gt;Master Card&lt;/span&gt;&lt;/b&gt; Version &lt;b&gt;&lt;span style="color:#45818e;"&gt;República Dominicana&lt;/span&gt;&lt;/b&gt;. La agencia &lt;b&gt;&lt;span style="color:#45818e;"&gt;Mccann Erickson&lt;/span&gt;&lt;/b&gt; nos trajo en el año 2008 este popular comercial cuya historia trata sobre un ejecutivo que tras verse atrapado en un tapón recurre al &lt;b&gt;&lt;span style="color:#45818e;"&gt;trasporte publico&lt;/span&gt;&lt;/b&gt; urbano para llegar a su destino, coge la lucha que esta decisión amerita y pasa por varias vicisitudes,  el premio un cariñoso recibimiento y abrazo de sus hijos al llegar a su casa. La agencia relaciona el producto  Master Card en una versión dominicana de las famosas campañas hechas a nivel mundial. En este comercial pudimos ver diferentes locaciones, personajes y situaciones netamente &lt;b&gt;&lt;span style="color:#45818e;"&gt;dominicana&lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;span style="color:#45818e;"&gt;s&lt;/span&gt;&lt;/b&gt; como el limpia vidrios, el moto-concho, la voladora, el colmadito, el frutero en una carreta en plena ciudad, etc.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;En un excelente trabajo de la productora &lt;b&gt;&lt;span style="color:#45818e;"&gt;Suiche Machet&lt;/span&gt;&lt;/b&gt;e y de &lt;b&gt;&lt;span style="color:#45818e;"&gt;Seven Arts Productions&lt;/span&gt;&lt;/b&gt; veamos el making of para luego ver el producto final.&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/k6qTGK6VUrE&amp;amp;rel=0&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/k6qTGK6VUrE&amp;amp;rel=0&amp;amp;color1=0x3a3a3a&amp;amp;color2=0x999999&amp;amp;hl=en_US&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/m-tQ0Mg8s6s&amp;amp;hl=es_ES&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/m-tQ0Mg8s6s&amp;amp;hl=es_ES&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color:#45818e;"&gt;Cliente: Mastercard&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#45818e;"&gt;Agencia: Mccann Erickson&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#45818e;"&gt;Productora: Suiche Machete&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#45818e;"&gt;Director: Marcos Córdova&lt;/span&gt;&lt;br /&gt;&lt;span style="color:#45818e;"&gt;Asistente Dirección: Humberto Contreras&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6555829842879375518?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6555829842879375518/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6555829842879375518' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6555829842879375518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6555829842879375518'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/12/comercial-master-card-version.html' title='Comercial Master Card Version Dominicana'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh6.ggpht.com/_QBkv__MdgNs/SxgwmYj0zqI/AAAAAAAAAEo/GTP-K04_0Hk/s72-c/mastercard.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7934970720761710106</id><published>2009-11-30T12:11:00.000-04:00</published><updated>2009-11-30T12:11:44.700-04:00</updated><title type='text'>Pensamiento de Diseño y Gestión de la Innovación</title><content type='html'>&lt;span style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="left" style="float: left; margin-right: 10px;"&gt;&lt;img alt="design_thinking2" src="http://www.emotools.com/static/photologue/photos/cache/DESIGN_THINKING_section.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;" /&gt;&lt;/div&gt;&lt;div class="right" style="float: right; margin-left: 10px;"&gt;&lt;div class="clear" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.emotools.com/static/upload/files/Pensamiento_de_diseno.pdf" style="color: #990000; text-decoration: none;" target="blank"&gt;&lt;img src="http://www.emotools.com/static/img/pdf-icon.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ul id="resources"&gt;&lt;/ul&gt;&lt;div id="extras" style="background-color: #ffffcc; font-size: 0.85em; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; margin-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 160px;"&gt;• La contribución más novedosa del diseño no está en el marketing, sino en la innovación y, más concretamente, en el desarrollo de una metodología para la innovación.&lt;br /&gt;• El PD no significa precisamente “diseñar”, sino que es una metodología de resolución de problemas aplicable a cualquier ámbito que requiera un enfoque creativo.&lt;br /&gt;• El PD combina dos reclamos paradójicos. Reivindica el pensamiento imaginativo del “lado derecho” del cerebro pero, al mismo tiempo, defiende el diseño como metodología, lo que implica introducir cierto protocolo de razonamiento, que es responsabilidad del “lado izquierdo”.&lt;br /&gt;• La emoción del (buen) diseño se puede traducir en lo que podríamos llamar “innovación emocional”, donde la solución es percibida por el usuario como algo que supera sus propias expectativas&lt;br /&gt;• Para mejorar la calidad de la observación, y por lo tanto conseguir más empatía, el PD echa mano de distintas herramientas que se inspiran en las ciencias sociales&lt;br /&gt;• El diseñador, dentro de lo creativo que es, resulta un excelente gestor de restricciones. Lo que intenta hacer es ir a la máxima creatividad posible dentro de un entorno de restricciones.&lt;br /&gt;• Técnicas de creatividad típicas del diseño como el dibujo, el modelado, la grabación de un video, el prototipado rápido, las técnicas de bricolaje, la narrativa o storytelling (visual y verbal), el periodismo fotográfico y otras manualidades ayudan al desarrollo de prototipos para innovar.&lt;br /&gt;• El PD es “diseño colaborativo” porque todo se hace en equipo, y entre personas que provienen de distintas disciplinas.&lt;br /&gt;• El PD se puede cultivar por cualquier persona aunque no sea diseñador si estudia y practica el método, del mismo modo que no todos los diseñadores aplican el PD.&lt;br /&gt;• Las “escuelas de diseño” tendrán que enriquecer su identidad integrando más habilidades de “gestión de la innovación”, para que los diseñadores puedan verse a sí mismos más como innovadores.&lt;br /&gt;• La relación entre el Pensamiento de Diseño y la innovación 2.0 es robusta y consistente, porque comparten muchos principios.&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="summary" style="font-size: 10px;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="font-size: small;"&gt;&lt;span style="color: #45818e;"&gt;Por Amalio A. Rey&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;¿Pensar-como-los-diseñadores ayuda a innovar? ¿Qué tiene de particular el "Design Thinking" para que tantas empresas lo estén adoptando? ¿Por qué pensar-en-clave-de-diseño añade valor al proceso innovador? ¿Pero qué es el Design Thinking? ¿Cómo formar a buenos diseñadores-innovadores? ¿Cómo introducir esta lógica de innovación en las empresas? El artículo responde a estas preguntas, distinguiendo la diferencia entre “diseñar objetos” y “pensar-como-un-diseñador”.&lt;br /&gt;El autor relaciona esta filosofía con la&amp;nbsp;&lt;a href="http://www.emotools.com/conocimiento/innovacion-20" style="color: #990000; text-decoration: none;"&gt;innovación 2.0&lt;/a&gt;, describe el desafío que implica para las Escuelas de Negocio y de Diseño, y actualiza los puntos que más debate suscitan sobre el tema en el mundo de la empresa. En la web se publica un resumen del artículo, pero también se puede descargar íntegramente en PDF.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="comments-resume"&gt;&lt;a href="http://www.emotools.com/conocimiento/innovacion-20/pensamiento-de-diseno-y-gestion-de-la-innovacion/#comments_list" style="color: #990000; text-decoration: none;"&gt;1 comentario&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;h4&gt;1.- Introducción&lt;/h4&gt;El diseño está de moda, e invade con ímpetu el mundo de la gestión. El&lt;em&gt;efecto-Apple&lt;/em&gt;&amp;nbsp;ha contribuido decididamente a que se popularice la idea, tanto entre empresarios como usuarios, de que&amp;nbsp;&lt;em&gt;el diseño puede hacer maravillas&lt;/em&gt;.&lt;br /&gt;&lt;strong&gt;Ahora resulta evidente que Marketing y Diseño forman una pareja muy rentable&lt;/strong&gt;, pero&amp;nbsp;&lt;a href="http://harvardbusinessonline.hbsp.harvard.edu/b01/en/common/item_detail.jhtml?id=609066" style="color: #990000; text-decoration: none;"&gt;el éxito de Apple&lt;/a&gt;&amp;nbsp;obedece no solo a que ha sabido concebir productos bonitos y que funcionan, sino y sobre todo, a trasladar&amp;nbsp;&lt;em&gt;&lt;strong&gt;una mentalidad de diseño estratégico&lt;/strong&gt;&lt;/em&gt;&amp;nbsp;a todas las fases de su cadena de valor.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Por eso, la contribución más novedosa y destacable del diseño a la gestión no está en el marketing, sino en la innovación y, más concretamente, en el desarrollo de una metodología para la innovación.&lt;/span&gt;&lt;/h4&gt;Primero supimos que los diseñadores aportaban una&amp;nbsp;&lt;strong&gt;“estética”&lt;/strong&gt;&amp;nbsp;en los productos que ayudaba mucho a venderlos. Después, que su contribución iba más allá de generar productos bellos y que había otro valor igual o más importante, el de&amp;nbsp;&lt;strong&gt;la funcionalidad&lt;/strong&gt;, en la que los diseñadores (sobre todo los industriales) tenían mucho que decir.&lt;br /&gt;Y ahora volvemos a reinterpretar el diseño, en su naturaleza más intangible, la del&amp;nbsp;&lt;strong&gt;diseño como método para innovar&lt;/strong&gt;, con un amplio espectro de aplicaciones que abarca no solo los productos, sino también los servicios y los proyectos sociales.&lt;br /&gt;&lt;h4&gt;2.- Diseñar objetos vs. Pensar como diseñador&lt;/h4&gt;El término “Pensamiento de Diseño” (en adelante, PD) proviene de la expresión anglosajona “Design&amp;nbsp;&lt;span style="text-decoration: underline;"&gt;Thinking&lt;/span&gt;”, que como sugiere su nombre, pretende&amp;nbsp;&lt;strong&gt;resaltar la función del Diseño como una “forma de pensar”&lt;/strong&gt;. Así que, para entendernos,&amp;nbsp;&lt;strong&gt;el PD no significa precisamente “diseñar” objetos.&lt;/strong&gt;&lt;br /&gt;&lt;a href="http://www.fastcompany.com/user/mark-dziersk" style="color: #990000; text-decoration: none;"&gt;Mark Dziersk&lt;/a&gt;&amp;nbsp;de&amp;nbsp;&lt;a href="http://www.fastcompany.com/user/mark-dziersk" style="color: #990000; text-decoration: none;"&gt;Fast Company&lt;/a&gt;, dice que el Diseño se ha plasmado siempre en forma de un objeto o un resultado tangible, pero que ahora se trata de&amp;nbsp;&lt;strong&gt;rescatar su dimensión de proceso&lt;/strong&gt;, de acción, de verbo en lugar de sustantivo.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;La metodología era lo que faltaba para pasar del Diseño al “Pensamiento de Diseño”, de oficio técnico a metodología para innovar.&lt;/span&gt;&lt;/h4&gt;Así es, un avance clave para que podamos hablar hoy de PD es el empujón que ha recibido en los últimos años&amp;nbsp;&lt;strong&gt;la investigación en “métodos de diseño”&lt;/strong&gt;, que era algo descuidado. Gracias a que ha habido diseñadores que además de hacer, buscaron el modo de reflexionar sobre cómo lo hacían, es que ahora tenemos este cuerpo de metodología.&lt;br /&gt;&lt;h4&gt;3.- ¿Pero qué es el “Pensamiento de Diseño”?&lt;/h4&gt;Yendo al grano, el Pensamiento de Diseño es una&amp;nbsp;&lt;strong&gt;metodología de resolución de problemas&lt;/strong&gt;&amp;nbsp;y de descubrimiento de oportunidades de innovación, aplicable a cualquier ámbito que requiera un enfoque creativo, y que se basa en los siguientes principios:&lt;br /&gt;&lt;strong&gt;1.&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;Empatía:&lt;/strong&gt;&amp;nbsp;una observación profunda, empática y multidisciplinar de las necesidades de los usuarios, incluyendo las emociones.&lt;br /&gt;&lt;strong&gt;2.&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;Imaginación:&lt;/strong&gt;&amp;nbsp;la búsqueda “optimista” de soluciones inspirándose más en la imaginación (“lo deseable”) que en el pensamiento analítico (“lo posible”).&lt;br /&gt;&lt;strong&gt;3.&lt;/strong&gt;&lt;strong&gt;&amp;nbsp;Experimentación:&lt;/strong&gt;&amp;nbsp;la visualización de posibles alternativas de solución mediante la experimentación, el juego y la construcción de historias visuales y sentidas (storytelling) en cooperación con los usuarios.&lt;br /&gt;&lt;strong&gt;4. Prototipado colaborativo:&lt;/strong&gt;&amp;nbsp;el uso de técnicas de prototipado colaborativo para generar modelos que ayuden a visualizar las alternativas y validarlas en equipo.&lt;br /&gt;&lt;strong&gt;5. Pensamiento integrador:&lt;/strong&gt;&amp;nbsp;la capacidad de integración y de síntesis de los factores que afectan la experiencia de usuario, más allá del producto y con toda su complejidad, en su interacción con el entorno y la propia actividad que se busca innovar.&lt;br /&gt;&lt;strong&gt;6. Aprendizaje iterativo:&lt;/strong&gt;&amp;nbsp;la iteración del proceso de observar-crear-prototipar-validar cuantas veces sea necesario, para aprender en cada paso, hasta encontrar la mejor solución.&lt;br /&gt;Por lo tanto, el PD propicia un método para la resolución de problemas que pone el énfasis en la identificación de necesidades, la visualización, el prototipado, la iteración y la creatividad. A grandes rasgos, la metodología del PD abarca tres fases: 1) Comprender y observar, 2) Crear y prototipar, 3) Testar y aprender.&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img alt="" height="57" src="http://www.emotools.com/static/upload/images/grafico_desig2.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;" width="520" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;El PD combina dos reclamos paradójicos. Reivindica el pensamiento imaginativo y creativo del “lado derecho” del cerebro pero, al mismo tiempo, defiende el diseño como metodología, lo que implica introducir cierto orden o protocolo de razonamiento, que es responsabilidad del “lado izquierdo”.&lt;/span&gt;&lt;/h4&gt;La innovación puede beneficiarse mucho de esa habilidad que se le supone a los diseñadores para “salirse de la caja” en que suele plantearse un problema, y escudriñar el contexto y otras variables que afectan al usuario para terminar replanteándose el problema mismo.&lt;br /&gt;&lt;strong&gt;La parte emocional es clave,&lt;/strong&gt;&amp;nbsp;y es una de las contribuciones más significativas que pueden hacer los diseñadores al proceso de innovación. Además de las tablas contables y financieras, ¡¡las emociones cuentan!!, y si no, que se lo pregunten a Apple.&lt;br /&gt;&lt;h4&gt;4.- Contribución singular del PD a la gestión de la innovación&lt;/h4&gt;La pregunta que más me hacen cuando hablo de PD es:&amp;nbsp;&lt;strong&gt;¿qué aporta de nuevo, de diferente, al proceso de innovación, una persona-que-piensa-como-diseñador?&amp;nbsp;&lt;/strong&gt;Intentaré responderla en los siguientes puntos:&lt;br /&gt;&lt;strong&gt;A. Empatía y observación&lt;/strong&gt;&lt;br /&gt;&lt;a href="http://mitsloan.mit.edu/newsroom/2006-brown.php" style="color: #990000; text-decoration: none;"&gt;Tim Brown&lt;/a&gt;&amp;nbsp;define al Diseño como un proceso&amp;nbsp;&lt;strong&gt;centrado en las personas&lt;/strong&gt;, y reivindica la “mirada humana” de los diseñadores cuando participan en los procesos de innovación. Según el Presidente de IDEO,&amp;nbsp;&lt;em&gt;“lo primero que se necesita para innovar es estar inspirados, y la inspiración comienza con la empatía”.&lt;/em&gt;&lt;br /&gt;En esa línea, el PD propone&amp;nbsp;&lt;strong&gt;observar y escuchar al usuario en el contexto natural en que desarrolla su actividad&lt;/strong&gt;&amp;nbsp;y entonces detectar qué tipo de productos o servicios necesita sin prejuzgar nada. En lugar de dirigir preguntas directas, que atacan directamente a la cuestión, le pide a los usuarios que dibujen, fotografíen y cuenten su experiencia y su contexto.&lt;br /&gt;En el PD la observación es mucho más compleja, abierta y multidimensional que, por ejemplo, en el marketing, porque&amp;nbsp;&lt;strong&gt;no solo se&lt;/strong&gt;&amp;nbsp;&lt;strong&gt;centra en la “usabilidad” sino en el “significado”&lt;/strong&gt;&amp;nbsp;que las personas dan a su contexto y la interacción con el producto = una visión amplia y total (emocional, cultural, cognitiva, social, etc.) de todo lo que afecta a la experiencia de usuario.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;&lt;strong&gt;Se aplica un “enfoque-centrado-en-la-&lt;span style="text-decoration: underline;"&gt;actividad&lt;/span&gt;” (“activity-based approach”) en lugar de en el&amp;nbsp;&lt;span style="text-decoration: underline;"&gt;producto&lt;/span&gt;. Abrir el lente para ver el “contexto” y la “actividad” en su conjunto ayuda mucho a descubrir nuevas oportunidades de innovación que van más allá del propio producto.&lt;/strong&gt;&lt;/span&gt;&lt;/h4&gt;Dos alumnos del Master of Design Methods (MDM) que entrevisté durante mi visita en Octubre de 2008 al&amp;nbsp;&lt;strong&gt;IIT Institute of Design de Chicago&lt;/strong&gt;, me expusieron un ejemplo sencillo para ilustrar esto: si uno está investigando sobre detergentes, no hay que pensar tanto en detergentes (el “producto”) sino en cómo la gente desarrolla todo el proceso de lavar la ropa (la “actividad”).&lt;br /&gt;&lt;strong&gt;B. Imaginación, complejidad y pensamiento crítico&lt;/strong&gt;&lt;br /&gt;El PD defiende que con la&amp;nbsp;&lt;a href="http://www.emotools.com/conocimiento/innovacion-20/estrategia-en-la-complejidad-espiritu-wiki-vs-plan" style="color: #990000; text-decoration: none;"&gt;complejidad&lt;/a&gt;&amp;nbsp;de hoy, es mejor experimentar y probar, antes que “fijar constantes” demasiado pronto. En otras palabras, poner menos énfasis en las hojas de cálculo o las definiciones cerradas, y dejar espacios abiertos para explorar. Asimismo,&amp;nbsp;&lt;strong&gt;cultivar una predisposición a cuestionárselo todo&lt;/strong&gt;, desde el principio, para evitar una mirada sesgada.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;“People who demand to know the answer too soon kill innovation” (David Burney- Red Hat)&lt;/span&gt;&lt;/h4&gt;Siguiendo la lógica de David Burney, se intenta&amp;nbsp;&lt;strong&gt;evitar una definición verbal o escrita demasiado prematura&lt;/strong&gt;porque a veces, con prisas y una visión unilateral, el innovador es incapaz de expresar con palabras lo que realmente piensa o desea (&lt;em&gt;“Encontrar las palabras correctas es importante porque lo que decimos puede ser muy diferente a lo que pensamos”&lt;/em&gt;)&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Ahí entra una de las ventajas del buen diseñador: su capacidad para describir y mostrar ideas mediante códigos menos estrictos que los verbales, como los dibujos o el modelado 3D.&lt;/span&gt;&lt;/h4&gt;El PD es pensamiento crítico porque aboga sobre todo por la imaginación, por “hablar el lenguaje de las posibilidades, y no el de las limitaciones”, intentando ir lo más lejos posible en el viaje desde “lo viable” a “lo deseable”.&lt;br /&gt;Este sano cuestionamiento de la realidad apuesta incluso por jugar con modelos opuestos y conceptos divergentes, para intentar combinarlos.&lt;br /&gt;&lt;a href="http://www.bpminstitute.org/articles/article/article/design-thinking-driving-innovation.html" style="color: #990000; text-decoration: none;"&gt;Charles L. Owen&lt;/a&gt;&amp;nbsp;llama a esta cualidad:&amp;nbsp;&lt;em&gt;“facility for avoiding the necessity of choice” (facilidad para evitar la necesidad de elegir entre alternativas)&lt;/em&gt;, argumentando que los diseñadores intentan siempre&amp;nbsp;&lt;strong&gt;huir de las limitaciones que plantea la definición de alternativas demasiado pronto&lt;/strong&gt;. Según Owen, ellos se esfuerzan por combinar lo mejor de las opciones: en lugar de esto o lo otro, se empeñan en extraer lo mejor de las dos.&lt;br /&gt;&lt;strong&gt;C. Creatividad dentro de restricciones&lt;/strong&gt;&lt;br /&gt;La característica anterior tiene mucho que agradecer al lado artístico y creativo que domina la formación y la personalidad de los diseñadores. Pero no nos engañemos,&amp;nbsp;&lt;strong&gt;Diseño no es Arte&lt;/strong&gt;, y conviene insistir en esta diferencia.&lt;br /&gt;&lt;strong&gt;El Diseño se diferencia del Arte precisamente porque introduce dosis de realismo en forma de ciertas restricciones para la solución.&lt;/strong&gt;&amp;nbsp;El Arte vuela sin limitaciones pero el diseño reconoce y se acostumbra a jugar dentro de ciertos grados de libertad, de modo que es una habilidad que hace muy bien a la empresa donde también hay restricciones.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;&lt;strong&gt;El diseñador, dentro de lo creativo que es, resulta un excelente gestor de restricciones. Lo que intenta hacer es ir a la máxima creatividad posible dentro de un entorno de restricciones.&lt;/strong&gt;&lt;/span&gt;&lt;/h4&gt;Esto no contradice la apuesta por la imaginación, y el “pensamiento crítico” explicado antes. Sería de tontos ignorar las restricciones cuando de innovar se trata, pero lo que hace el diseñador es&amp;nbsp;&lt;strong&gt;posponerlas lo más posible en el tiempo&lt;/strong&gt;&amp;nbsp;para poder llegar con su imaginación hasta donde la realidad se lo permita.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img alt="" height="257" src="http://www.emotools.com/static/upload/images/grafico2.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;" width="545" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;a href="http://www.bpminstitute.org/articles/article/article/design-thinking-driving-innovation.html" style="color: #990000; text-decoration: none;"&gt;Charles L. Owen&lt;/a&gt;&amp;nbsp;explica bien la diferencia entre un diseñador y un artista:&amp;nbsp;&lt;em&gt;el diseñador tiene que aprender a gobernar su fantasía con un sentido práctico latente (…) un estilo de pensamiento que, en primer plano, explore libremente, pero manteniendo en segundo plano una percepción de los costes y de la funcionalidad que debe conseguir.&lt;/em&gt;&lt;br /&gt;&lt;strong&gt;D. Experimentación, visualización y prototipado&lt;/strong&gt;&lt;br /&gt;Esta característica del PD es habitualmente la que mejor se entiende, y ayuda bastante a que se comprenda la aportación del diseño a la innovación.&lt;br /&gt;El PD concede prioridad a la “experimentación” y el prototipado porque los usa, al mismo tiempo, como: 1) proceso de aprendizaje, 2) mecanismo para reducir incertidumbre y validar ideas, 3) espacio para la implicación, 4) herramienta de comunicación y “venta” del proyecto.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;“Unless ideas are massaged into reality, they evaporated” (George Nelson)&lt;/span&gt;&lt;/h4&gt;Adoptando la lógica de Nelson, los diseñadores “aprenden haciendo”, así que se meten en el “laboratorio” a experimentar en equipo con decenas de prototipos, y la ayuda de muchas de las técnicas de creatividad típicas del diseño como el dibujo, el modelado, la grabación de un video, el prototipado rápido, las técnicas de bricolaje, la narrativa o storytelling (visual y verbal), el periodismo fotográfico y otras.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;La magia está en aportar herramientas que permitan, a través de prototipos informales pero evocadores, “mostrar” y no solo “contar” las posibles soluciones de innovación.&lt;/span&gt;&lt;/h4&gt;Si bien es cierto que la construcción de modelos y prototipos es una práctica común en muchas disciplinas científicas y tecnológicas, incluyendo el mundo de la arquitectura e incluso el de los contables,&amp;nbsp;&lt;a href="http://www.odannyboy.com/blog/new_archives/2005/03/thinking_about.html" style="color: #990000; text-decoration: none;"&gt;Danny Boy&lt;/a&gt;advierte una diferencia significativa en el enfoque de los diseñadores:&amp;nbsp;&lt;strong&gt;los prototipos aquí no son fijos, y se trabaja con muchos a la vez.&lt;/strong&gt;&lt;br /&gt;&lt;a href="http://www.gravitytank.com/" style="color: #990000; text-decoration: none;"&gt;Gravity Tank&lt;/a&gt;&amp;nbsp;es una empresa de consultoría radicada en Chicago, y muy ligada al IIT Institute of Design de esa ciudad, que está a la vanguardia de estas técnicas.&amp;nbsp;&lt;strong&gt;Chris Conley&lt;/strong&gt;, su Director, insiste en la necesidad de desarrollar “interfaces tangibles” para explicar las soluciones que se le ocurren a la gente.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;La construcción de prototipos se concibe como un proceso de aprendizaje en sí mismo, y también como una herramienta para implicar a todos los “stakeholders” en la innovación.&lt;/span&gt;&lt;/h4&gt;&lt;strong&gt;Los prototipos no son “el resultado”, sino el proceso, porque se someten a numerosas iteraciones.&lt;/strong&gt;&amp;nbsp;Por eso,&amp;nbsp;&lt;strong&gt;la generación de prototipos tiene que ser un proceso rápido y barato,&lt;/strong&gt;&amp;nbsp;y de esto los diseñadores saben mucho. El juego y la narrativa también tienen un papel relevante en el proceso.&lt;br /&gt;Para profundizar en la importancia del juego (del “juego serio”) como herramienta de innovación, puedes leer&amp;nbsp;&lt;a href="http://www.infonomia.com/if/articulo.php?id=184&amp;amp;if=57" style="color: #990000; text-decoration: none;"&gt;este artículo de Infonomia sobre el libro “Serious Play” de Michael Schrage&lt;/a&gt;. Y para informarte sobre los posibles usos del&amp;nbsp;&lt;strong&gt;“storytelling”&lt;/strong&gt;&amp;nbsp;para generar historias inspiradoras que ayuden a innovar, consulta este material de&amp;nbsp;&lt;strong&gt;&lt;a href="http://www.storynet.org/resources/knowledgebank/whatisstorytelling.html" style="color: #990000; text-decoration: none;"&gt;Storynet&lt;/a&gt;&lt;/strong&gt;, y también éste otro de&amp;nbsp;&lt;a href="http://documenta2.blogsome.com/2006/02/15/storytelling/" style="color: #990000; text-decoration: none;"&gt;documenta2&lt;/a&gt;.&lt;br /&gt;&lt;strong&gt;E. Multidisciplinariedad y trabajo en equipo&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;El PD es “diseño colaborativo”.&lt;/strong&gt;&amp;nbsp;Todo se hace en equipo, y entre personas de distintas disciplinas. Conviene destacar especialmente la rica&amp;nbsp;&lt;strong&gt;aportación que hacen las Humanidades&lt;/strong&gt;&amp;nbsp;en la formación de estos equipos. La presencia de antropólogos, psicólogos y etnógrafos, entre otros, permite una lectura más multidimensional de las necesidades del usuario.&lt;br /&gt;&lt;strong&gt;La colaboración con los usuarios es vital&lt;/strong&gt;. Así que éstos también “prototipan” junto al resto de innovadores. Participan en este juego colectivo de la visualización dando lugar al&amp;nbsp;&lt;strong&gt;co-prototipado o “prototipado participativo”.&lt;/strong&gt;&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Una forma sugerente de planteárselo es así: “se encuentran mejores respuestas por 5 personas trabajando en el problema un día, que por una sola persona trabajando 5 días”&lt;/span&gt;&lt;/h4&gt;El trabajo en equipo se basa en&amp;nbsp;&lt;a href="http://www.peterboersma.com/blog/2007/03/ideo-hires-empathetic-t-shaped-people.html" style="color: #990000; text-decoration: none;"&gt;prácticas experienciales&lt;/a&gt;, es decir,&amp;nbsp;&lt;em&gt;“innovan haciendo”&lt;/em&gt;. No se sientan en un aula a elucubrar generando ideas, sino que se van a ver a los clientes, y regresan con fotos, apuntes, grabaciones y toda la información que hayan podido recoger de la interacción “en vivo” con ellos. Después llenan las paredes con imágenes, diagramas y demás recursos que les sirvan para sintetizar posibles soluciones, que también “manosearán” colectivamente a través de prototipos.&lt;br /&gt;&lt;strong&gt;F. Pensamiento integrador&lt;/strong&gt;&lt;br /&gt;El reto de la innovación en la complejidad es&amp;nbsp;&lt;strong&gt;saber encontrar patrones dentro de un caos de datos&lt;/strong&gt;. Para eso se necesita una mirada holística y un profesional con capacidad de síntesis.&lt;br /&gt;Las metodologías y técnicas que se usan en el Diseño tienen, como principal valor, su capacidad para&lt;strong&gt;gestionar grandes volúmenes de información cualitativa&lt;/strong&gt;&amp;nbsp;de un modo intuitivo y eficaz.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Se trata de información no estructurada, y difícil de manejar y de comunicar, pero los diseñadores saben hacerlo bien porque se les supone una buena capacidad de visualización y de síntesis.&lt;/span&gt;&lt;/h4&gt;Por eso, un buen pensador-de-diseño practica lo que hoy se conoce como&amp;nbsp;&lt;em&gt;&lt;strong&gt;“integrative thinking”&lt;/strong&gt;&lt;/em&gt;&amp;nbsp;o&lt;em&gt;&lt;strong&gt;“pensamiento integrador”&lt;/strong&gt;&lt;/em&gt;, que aboga por&amp;nbsp;&lt;strong&gt;“observar e interpretar la experiencia global, como un todo”&lt;/strong&gt;, abriendo y cerrando en zoom según convenga, para captar la “experiencia completa del usuario”, y estudiarla en un contexto más amplio.&lt;br /&gt;&lt;h4&gt;5.- El PD en el “diseño de servicios” y el “diseño social”&lt;/h4&gt;Un aspecto muy interesante del PD, y que a mí me entusiasma especialmente, es la posibilidad de aplicar esta metodología a la innovación de servicios (&lt;em&gt;“diseño de servicios”&lt;/em&gt;), a la solución creativa de problemas sociales (&lt;em&gt;“diseño social”&lt;/em&gt;) o a la innovación de modelos de negocio (&lt;em&gt;“diseño estratégico de negocios”&lt;/em&gt;)&lt;br /&gt;Su campo de aplicación es tan amplio y variado, que también es posible aplicar esta metodología para&amp;nbsp;&lt;strong&gt;re-diseñar planes de negocio y concebir nuevos modelos de gestión&lt;/strong&gt;. Siendo así, los diseñadores o mejor, las personas-con-pensamiento-de-diseño, tienen una oportunidad adicional de re-diseñar empresas siguiendo este protocolo creativo de búsqueda de oportunidades.&lt;br /&gt;Para generar&amp;nbsp;&lt;strong&gt;prototipos no-físicos&lt;/strong&gt;, se apela a recursos creativos como los dibujos conceptuales, la construcción de maquetas que describan servicios “deseados”, la grabación de videos simulando situaciones óptimas que se quieren conseguir y otras herramientas que permiten visualizar mejor los problemas y soluciones.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Cualquiera de estas técnicas de prototipado creativo lo que buscan es generar modelos o versiones tangibles del futuro deseado, y así ayudan a acelerar el proceso de innovación de un servicio&lt;/span&gt;&lt;/h4&gt;Asimismo, la técnica del&amp;nbsp;&lt;a href="http://www.storynet.org/resources/knowledgebank/whatisstorytelling.html" style="color: #990000; text-decoration: none;"&gt;storytelling&lt;/a&gt;&amp;nbsp;ayuda a describir escenarios u opciones posibles con una vocación descriptiva e inspiradora que puede disparar la capacidad de comprender e innovar modelos de negocios.&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;img alt="" height="195" src="http://www.emotools.com/static/upload/images/cubo.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial;" width="292" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;h4&gt;&lt;strong&gt;6.- Pensamiento de Diseño y diseñadores: ¿son equivalentes?&lt;/strong&gt;&lt;/h4&gt;Todo lo dicho antes nos lleva a hacernos una pregunta, como mínimo, interesante:&amp;nbsp;&lt;strong&gt;¿se puede desarrollar el “pensamiento de diseño” sin ser diseñador?&lt;/strong&gt;&amp;nbsp;O su complementaria:&lt;strong&gt;&amp;nbsp;¿todos los diseñadores practican el PD?&lt;/strong&gt;&lt;br /&gt;Mi opinión es que&amp;nbsp;&lt;strong&gt;el PD se puede cultivar por cualquier persona aunque no sea diseñador si estudia y practica el “método”.&lt;/strong&gt;&amp;nbsp;También es cierto que los diseñadores bien formados podrían estar en ventaja para llegar más lejos en su aplicación.&lt;br /&gt;Y en relación a la segunda pregunta, tengo muy claro que&amp;nbsp;&lt;strong&gt;NO todos los diseñadores practican el PD&lt;/strong&gt;, ni están capacitados para resolver problemas complejos que se aparten de la tarea clásica de diseñar objetos.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Por lo tanto, no todas las personas capaces de seguir el método del PD son diseñadores, ni todos los diseñadores son aptos para aplicar esa metodología para abordar los problemas.&lt;/span&gt;&lt;/h4&gt;En resumen, lo que quiero decir es que&amp;nbsp;&lt;strong&gt;cualquier diseñador no sirve para liderar proyectos de innovación en los términos que estamos hablando.&lt;/strong&gt;&lt;br /&gt;De hecho, puede haber excelentes profesionales creando diseños fabulosos, pero dentro de la lógica fragmentada que entiende al diseño como una actividad especializada, técnicamente compleja, y separada de la parte estratégica.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Todos conocemos a diseñadores que “solo” diseñan; que no saben, ni han ido formados para levantar la cabeza del tablero o la pantalla. Incluso algunos con un ego que pone en entredicho su capacidad de empatía&lt;/span&gt;&lt;/h4&gt;&lt;h4&gt;&lt;strong&gt;7.- Escuelas de Diseño y Escuelas de Negocio&lt;/strong&gt;&lt;/h4&gt;Ahora cabe hacernos la siguiente pregunta:&amp;nbsp;&lt;strong&gt;¿cómo tendría que ser la formación de un diseñador (o de un profesional cualquiera) para que adquiera ese PD?&lt;/strong&gt;&lt;br /&gt;Lo primero es atenuar ese excesivo énfasis que pone la mayoría de las Escuelas de Diseño en la expresión visual y la creatividad artística. No se trata de sustituir la formación de esas habilidades, sino de complementarla con&amp;nbsp;&lt;strong&gt;un enfoque más orientado a la innovación&lt;/strong&gt;&amp;nbsp;entendida en un contexto más amplio, y que incluye comprender cómo el diseño puede generar valor en los usuarios.&lt;br /&gt;&lt;h4 style="text-align: center;"&gt;&lt;span style="color: blue;"&gt;Dicho de un modo más claro, las&lt;span style="text-decoration: underline;"&gt;&amp;nbsp;“escuelas de diseño” tendrán que enriquecer su identidad integrando más habilidades de “gestión de la innovación”,&lt;/span&gt;&amp;nbsp;para que los&amp;nbsp;&lt;em&gt;diseñadores&lt;/em&gt;&amp;nbsp;puedan verse a sí mismos más como&lt;em&gt;&amp;nbsp;innovadores&lt;/em&gt;.&lt;/span&gt;&lt;/h4&gt;Algunas escuelas ya lo están haciendo. Cuando visité el&amp;nbsp;&lt;strong&gt;IIT-ID&lt;/strong&gt;, dispuse de tiempo para leer los posters que describen algunos de los proyectos que están trabajando con sus profesores y alumnos, y me sorprendió ver que nada de lo que estaban haciendo se parecía a lo que tradicionalmente conocemos como diseño, es decir, de objetos.&lt;br /&gt;En su mayoría se trataba, más bien, de los típicos&amp;nbsp;&lt;strong&gt;proyectos de innovación&lt;/strong&gt;&amp;nbsp;(sobre todo de servicios, procesos y modelos de gestión) que gestionaría cualquier organización española que jamás ha tenido diseñadores, ni se considera una consultora de diseño.&lt;br /&gt;Para hacernos una idea más clara, según datos de BusinessWeek,&amp;nbsp;&lt;strong&gt;más de la mitad de los titulados se han colocado en puestos relacionados con estrategia, marketing, gestión de marcas y planificación de negocio&lt;/strong&gt;, en lugar de trabajar en departamentos especializados en diseño. Eso difícilmente ocurre en las Escuelas de Diseño que conocemos en España.&lt;br /&gt;Al mismo tiempo que las&amp;nbsp;&lt;strong&gt;Escuelas de Diseño&lt;/strong&gt;&amp;nbsp;venden con más desparpajo el “Design Thinking”, las&lt;strong&gt;Escuelas de Negocio&lt;/strong&gt;&amp;nbsp;se han dado cuenta que los MBA concebidos en su forma clásica, centrados sobre todo en desarrollar habilidades de “administración”, han llegado a su techo ante un mercado que busca talento creativo y capacidad de innovación.&lt;br /&gt;La respuesta no se ha hecho esperar: están integrando aceleradamente en sus programas módulos de formación en innovación y diseño, y las más espabiladas como&amp;nbsp;&lt;strong&gt;Rotman School of Management&lt;/strong&gt;,&amp;nbsp;&lt;strong&gt;Tepper School of Business&lt;/strong&gt;&amp;nbsp;de la Universidad de Carnegie Mellon o&amp;nbsp;&lt;strong&gt;Haas School of Business&lt;/strong&gt;&amp;nbsp;de la Universidad de California en Berkeley, están yendo más allá de integrar asignaturas de diseño, adoptando programas conjuntos con las escuelas de diseño.&lt;br /&gt;&lt;h4&gt;8.- Design Thinking e Innovación 2.0&lt;/h4&gt;Existen fuertes paralelismos entre esta forma-de-pensar y los principios que defiende la&amp;nbsp;&lt;a href="http://www.emotools.com/conocimiento/innovacion-20/innovacion-20-los-18-principios-66" style="color: #990000; text-decoration: none;"&gt;innovación 2.0.&lt;/a&gt;&lt;br /&gt;La relación entre el&amp;nbsp;&lt;strong&gt;Pensamiento de Diseño y la innovación 2.0&lt;/strong&gt;&amp;nbsp;es robusta y consistente, incluyendo las características de la innovación 2.0 como: el&amp;nbsp;&lt;strong&gt;trabajo colaborativo&lt;/strong&gt;&amp;nbsp;y la&amp;nbsp;&lt;strong&gt;participación para innovar&lt;/strong&gt;, la&lt;strong&gt;experimentación&lt;/strong&gt;&amp;nbsp;y el&amp;nbsp;&lt;strong&gt;juego&lt;/strong&gt;, la&amp;nbsp;&lt;strong&gt;tolerancia al error&lt;/strong&gt;, la&amp;nbsp;&lt;strong&gt;empatía&lt;/strong&gt;, la&amp;nbsp;&lt;strong&gt;flexibilidad&lt;/strong&gt;, el&amp;nbsp;&lt;strong&gt;enfoque centrado en el cliente&lt;/strong&gt;, la&amp;nbsp;&lt;strong&gt;multidisciplinariedad&lt;/strong&gt;&amp;nbsp;y concebir la innovación como un&amp;nbsp;&lt;em&gt;&lt;strong&gt;“perpetuo beta”&lt;/strong&gt;&lt;/em&gt;.&lt;br /&gt;&lt;h4&gt;9.- Críticas al Pensamiento de Diseño&lt;/h4&gt;Antes de finalizar, me gustaría advertir que el&amp;nbsp;&lt;strong&gt;PD no es, ni puede ser, la panacea universal&lt;/strong&gt;, ni la solución “todo-en-uno” para la innovación. El asunto es bastante más complejo para creer eso.&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;strong&gt;&lt;span style="color: blue;"&gt;A pesar del respeto y la fascinación que me inspira, el PD también viene acompañado de exageraciones y lecturas interesadas.&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;/div&gt;Desde el mundo empresarial se acusa al PD de despreciar la necesidad del conocimiento analítico para la gestión; y desde su propia disciplina, de&amp;nbsp;&lt;strong&gt;subestimar la importancia de “diseñar-cosas”&lt;/strong&gt;&amp;nbsp;así como de&lt;strong&gt;desdibujar el oficio del diseñador para convertirlo en un consultor de innovación.&lt;/strong&gt;&lt;br /&gt;Algunos diseñadores más clásicos (y sus escuelas más representativas) acusan a los “pensadores-de-diseño” de&amp;nbsp;&lt;strong&gt;descafeinar la profesión e incluso, de mercantilizarla.&lt;/strong&gt;&amp;nbsp;Este debate, como era de esperar, también se ha trasladado tanto a las Escuelas de Negocio como a las de Diseño, y es lógico porque ahí se pretende definir a los directivos y diseñadores del futuro.&lt;br /&gt;En el artículo que se adjunta, y que&amp;nbsp;&lt;span style="text-decoration: underline;"&gt;&lt;strong&gt;puedes bajarte íntegramente en PDF&lt;/strong&gt;&lt;/span&gt;, se abordan con mucha más amplitud todos estos temas, identificando las principales voces que están liderando este movimiento. Te invitamos a leerlo y a sumarte con tus opiniones a esta reflexión.&lt;br /&gt;&lt;h4&gt;10.- Fuentes&lt;/h4&gt;BusinessWeek: “Tomorrow’s B-School? It might be a D-School”. August 1, 2005.&lt;br /&gt;BusinessWeek: “Design visionary”. Patrick Whitney is out to Bridge the Chasm between the cultures of business an Design”. June 19, 2006.&lt;br /&gt;Design and Business Magazine: “All together now: Gravity Tank takes a crafty approach to collaboration”. Nr. 1. June 2005.&lt;br /&gt;Zachary Jean Paradis and David McGaw: “Naked innovation: uncovering a shared approach for creating value”. IIT Institute of Design. 2007.&lt;br /&gt;Entrevista realizada a los profesores Jeremy Alexis y Vijay Kumar, del IIT-ID&lt;br /&gt;Entrevista realizada a estudiantes del Master en “Design Methods” del IIT-ID.&lt;br /&gt;&lt;a href="http://www.dreig.eu/caparazon/2009/01/19/design-thinking-llego-el-momento-de-la-transformacion/comment-page-1/#comment-11435" style="color: #990000; text-decoration: none;"&gt;Dolors Reig: “Design Thinking: llegó el momento de la transformación”. El Caparazón.&lt;/a&gt;&lt;br /&gt;Vijay Kumar y Patrick Whitney: “Faster, cheaper, deeper user research”. Design Management Journal. Spring. 2003.&lt;br /&gt;Patrick Whitney: “The innovation gulf: an introduction”. Design and Business: bridging the gap. 2005&lt;br /&gt;&lt;a href="http://ftp.unipamplona.edu.co/kmconocimiento/Congresos/archivos_de_apoyo/Dise%F1o_de_Experiencias.pdf" style="color: #990000; text-decoration: none;"&gt;Jaime Valero: “Diseño de experiencias”.&lt;/a&gt;&lt;br /&gt;Robert Berner: “Design visionary: Patrick Whitney is out to bridge the chasm between the cultures of business and design”. BusinessWeek. Inside Innovation. 2006.&lt;br /&gt;&lt;a href="http://www.slideshare.net/imootee/innovation-and-design-thinking-idris-mootee" style="color: #990000; text-decoration: none;"&gt;Idris Mootee: “Design Thinking for business strategy”. Slideshare. 2006.&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;i&gt;&lt;span style="color: #45818e;"&gt;Fuente: Armalio A. Rey &lt;/span&gt;&lt;/i&gt;&lt;a href="http://www.emotools.com/conocimiento/innovacion-20/pensamiento-de-diseno-y-gestion-de-la-innovacion/"&gt;&lt;i&gt;&lt;span style="color: #45818e;"&gt;eMOTools.com&lt;/span&gt;&lt;/i&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7934970720761710106?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7934970720761710106/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7934970720761710106' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7934970720761710106'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7934970720761710106'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/11/pensamiento-de-diseno-y-gestion-de-la.html' title='Pensamiento de Diseño y Gestión de la Innovación'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-5212066282205762794</id><published>2009-11-27T16:56:00.005-04:00</published><updated>2009-11-27T17:09:51.169-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Empezar a Usar CSS - Segunda Parte</title><content type='html'>&lt;style type="text/css"&gt;&lt;!--pre {background:transparent url(http://i284.photobucket.com/albums/ll35/observadorweb/codigo.png) no-repeat 0 0;width:99%;font-size:12px;padding:12px 0 0 0;margin:13px 0;}pre code {overflow:auto;background-color:#F8F8F8;border-width:3px 1px;border-style:solid;border-color:#eee;color:#333;display:block;text-align:left;padding:5px;}--&gt;&lt;/style&gt;&lt;br /&gt;En un post anterior “&lt;a href="http://comudo.blogspot.com/2009/08/empezar-usar-css.html"&gt;&lt;span style="color: #45818e;"&gt;Empezar a Usar CSS&lt;/span&gt;&lt;/a&gt;” iniciamos una serie de consejos para quienes se inician en el mundo de las &lt;b&gt;&lt;span style="color: #45818e;"&gt;hojas de estilos CSS&lt;/span&gt;&lt;/b&gt;. Como pudimos ver, la aplicación de &lt;b&gt;&lt;span style="color: #45818e;"&gt;CSS&lt;/span&gt;&lt;/b&gt; se basa en un selector y su declaración. El selector es el identificador del elemento &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML o XML&lt;/span&gt;&lt;/b&gt; (&lt;span style="color: #666666;"&gt;en este articulo obviaremos XML&lt;/span&gt;) al cual le aplicaremos estilos y su declaración es el valor o conjunto de valores para dicho selector, decimos el valor o conjunto de valores porque se pueden aplicar tantos como sean necesarios. Ej.:&lt;br /&gt;&lt;br /&gt;Elemento &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; al que queremos aplicar estilos = &amp;nbsp;Parrafo (&lt;a href="http://comudo.blogspot.com/2009/10/html-y-css-la-diferencia.html"&gt;&lt;span style="color: #45818e;"&gt;ver la diferencia entre HTML y CSS&lt;/span&gt;&lt;/a&gt;)&lt;br /&gt;&lt;br /&gt;Tag HTML= &lt;br /&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;P&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre&gt;&lt;code&gt;&lt;br /&gt;&lt;br /&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum &lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Estilo = Font Arial, color gris oscuro, alineación justificada, margen superior de 10px, margen inferior 10px, margen izquierdo 30px y color de fondo amarillo claro.&lt;br /&gt;&lt;br /&gt;Bien, aquí tenemos todo lo que deseamos hacer con un párrafo de nuestra página web. Veamos como lo aplicamos en CSS:&lt;br /&gt;&lt;pre&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;&amp;lt;!--&lt;br /&gt;p {font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin-top:10px; margin-bottom:10px; margin-left:30px; background-color:#FFFFCC}&lt;br /&gt;--&amp;gt;&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;Este será el resultado:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://lh4.ggpht.com/_QBkv__MdgNs/SxA3kEMbBoI/AAAAAAAAADw/nCZeceO_Glo/p_tag.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="158" src="http://lh4.ggpht.com/_QBkv__MdgNs/SxA3kEMbBoI/AAAAAAAAADw/nCZeceO_Glo/p_tag.gif" width="355" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;En otras palabras, la &lt;b&gt;&lt;span style="color: #45818e;"&gt;hoja de estilos&lt;/span&gt;&lt;/b&gt; le esta diciendo a la pagina &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt;:&lt;br /&gt;Donde quiera que encuentres un TAG HTML de parrafo, aplícale lo siguiente:&lt;br /&gt;&lt;b&gt;Font size&lt;/b&gt;: 12 px&lt;br /&gt;&lt;b&gt;Tipo de Font:&lt;/b&gt; Arial, si el usuario no tiene instalado Arial, usa Helvetica si no usa sans-serif&lt;br /&gt;&lt;b&gt;Color del Font&lt;/b&gt;: Gris #333333&lt;br /&gt;&lt;b&gt;Justificación del Texto&lt;/b&gt;: Justificado&lt;br /&gt;&lt;b&gt;Márgenes:&lt;/b&gt; 10px desde arriba, 10px desde abajo y 30 px desde la izquierda&lt;br /&gt;&lt;b&gt;Color de Fondo:&lt;/b&gt; Amarillo #FFFFCC&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;Tipos de Selectores&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Es muy importante saber que existen tres tipos de selectores que se utilizan dependiendo el alcance de lo que queremos estilizar:&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;SELECTOR CLASS o clase&lt;/span&gt;:&lt;/b&gt; Puede ser aplicado a cualquier TAG HTML&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;SELECTOR TAG:&lt;/span&gt;&lt;/b&gt; Redefine el estilo o look de un TAG HTML&lt;br /&gt;&lt;b&gt;&lt;span style="color: #45818e;"&gt;SELECTOR ADVANCED o avanzado:&lt;/span&gt;&lt;/b&gt; Se utiliza para elementos HTML que poseen un ID o están identificados&lt;br /&gt;&lt;br /&gt;Si usamos en una &lt;b&gt;&lt;span style="color: #45818e;"&gt;hoja de estilos&lt;/span&gt;&lt;/b&gt; un &lt;b&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #45818e;"&gt;selector TAG&lt;/span&gt;&lt;/span&gt;&lt;/b&gt; significa que será aplicado dicho estilos a todos los elementos &lt;b&gt;&lt;span style="color: #45818e;"&gt;HTML&lt;/span&gt;&lt;/b&gt; que estén contenidos en ese &lt;b&gt;&lt;span style="color: #45818e;"&gt;TAG&lt;/span&gt;&lt;/b&gt;. Ej.:&lt;br /&gt;&lt;i&gt;-&lt;span style="color: #45818e;"&gt;En el ejemplo que hemos descrito arriba la hoja de estilos se aplicara a todos los párrafos de la pagina.&lt;/span&gt;&lt;/i&gt;&lt;br /&gt;&lt;br /&gt;De aquí la importancia de conocer los tipos de selectores que usaremos.&lt;br /&gt;&lt;br /&gt;En un próximo post vamos a ver en detalle cada uno de los &lt;b&gt;&lt;span style="color: #45818e;"&gt;Tipos de Selectores&lt;/span&gt;&lt;/b&gt; e ilustraremos un ejemplo para mejor entendimiento.&lt;br /&gt;&lt;br /&gt;Hasta la próxima.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-5212066282205762794?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/5212066282205762794/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=5212066282205762794' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5212066282205762794'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5212066282205762794'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/11/empezar-usar-css-segunda-parte.html' title='Empezar a Usar CSS - Segunda Parte'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh4.ggpht.com/_QBkv__MdgNs/SxA3kEMbBoI/AAAAAAAAADw/nCZeceO_Glo/s72-c/p_tag.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1549772777389750764</id><published>2009-11-24T16:38:00.006-04:00</published><updated>2009-11-26T10:51:39.755-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><title type='text'>El concepto de site Persona en el proceso de diseño</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_QBkv__MdgNs/SwxFF_YWT2I/AAAAAAAAACM/hOMjbI1OKeg/s1600/site_persona1.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 234px; height: 234px;" src="http://4.bp.blogspot.com/_QBkv__MdgNs/SwxFF_YWT2I/AAAAAAAAACM/hOMjbI1OKeg/s400/site_persona1.gif" alt="" id="BLOGGER_PHOTO_ID_5407773221780344674" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Las personas no funcionamos como las computadoras. Somos ante todo, entes sociables: nuestros cerebros se adaptan al medio social. Mientras las computadoras son muy buenas haciendo cálculos basados en reglas estrictas y números complejos los humanos somos muy buenos discerniendo basados en el significado de las cosas y hasta mediante al uso de reglas simples, a veces incluso partiendo de información incompleta. Esto difiere entre otras cosas a la inteligencia humana de la artificial.&lt;blockquote&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Para sobrevivir, nuestra especie ha aprendido a comunicarse de forma efectiva usando un lenguaje verbal o visual. Hemos también aprendido a interpretar algunas “pistas”  provenientes del medio que nos rodea y que nos permiten pensar con intuición, por ejemplo ser cautos o evitar el peligro.&lt;br /&gt;&lt;br /&gt;Hablamos de intuición, de inteligencia, de discernir, del &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;lenguaje visual&lt;/span&gt; y verbal o de varios aspectos emocionales o sicológicos del ser humano ya que cada uno guarda relación con el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño de interface&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Una forma muy eficaz de trabajar en el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño de interface&lt;/span&gt; de nuestros &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;proyectos web&lt;/span&gt; o &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;multimedia&lt;/span&gt; es &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseñar&lt;/span&gt; pensando en que la información fluya a través del “dialogo” entre el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;contenido y el usuario&lt;/span&gt;. Con relación a esta técnica existe también el concepto de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Site Personas&lt;/span&gt; en el que este proceso de dialogo fluye como si nuestro sitio fuera una persona que interactúa o se comunica con el usuario, de esta forma le daríamos a nuestro sitio un nombre, una edad y lo dotaríamos de una &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;personalidad&lt;/span&gt; ficticia frente al usuario con el objetivo de conseguir una mejor &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;experiencia de interacción&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Site Personas&lt;/span&gt; es una forma de dotar de personalidad nuestro sitio, esto nos ayudara a visualizar cómo debería responder a los&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt; input&lt;/span&gt; de los usuarios, qué tono usaremos, qué voz, cuánta asistencia usaremos y cuándo la usaremos.&lt;br /&gt;&lt;br /&gt;Entonces llega la pregunta: &lt;span style="font-style: italic;"&gt;Quien seria nuestro site persona?&lt;/span&gt;&lt;br /&gt;Con esta pregunta enfocaríamos a que personalidad le impregnaríamos a nuestro sitio dependiendo de los objetivos:&lt;br /&gt;&lt;span style="font-style: italic;"&gt;-Un entrenador&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;-Un asistente personal&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;-Un soporte técnico&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;-Un profesor&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;-Nuestro mejor amigo&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Es importante a tener en cuenta es que la personalidad que elijamos sea representativa de la(s) característica(s) de nuestra marca o de los productos y servicios.&lt;br /&gt;&lt;br /&gt;Veamos un ejemplo:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://lh5.ggpht.com/_QBkv__MdgNs/SwxOeB3ULnI/AAAAAAAAADU/vNuTZYild_Y/site_persona.gif"&gt;&lt;img style="cursor: pointer; width: 479px; height: 773px;" src="http://lh5.ggpht.com/_QBkv__MdgNs/SwxOeB3ULnI/AAAAAAAAADU/vNuTZYild_Y/site_persona.gif" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Una vez  empieces a ver tu &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;sitio web&lt;/span&gt; como una persona debes comenzar a hacerte diferentes preguntas como cuál es la personalidad del sitio?, cuál es el tono?, cuál &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño&lt;/span&gt; reflejará mejor esa personalidad?, cómo puede el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;contenido&lt;/span&gt; reflejar esta personalidad?.&lt;br /&gt;&lt;br /&gt;Todo dialogo refleja una personalidad detrás. Si el dialogo es coherente y llevado de una forma consistente la personalidad del sitio será percibida como fuerte y mas confiable. Claro que este dialogo no usará solo  “palabras”, se comunicará con el usuario mediante el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;lenguaje del diseño&lt;/span&gt; web (colores, tipografías, layout, etc).&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Diseñar  un sitio web&lt;/span&gt; utilizando este concepto puede realmente ayudarnos a desarrollar las ideas de forma mas fácil, además, nos obliga a pensar en el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;contenido&lt;/span&gt; haciendo que el mismo siga esta personalidad que hemos creado.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1549772777389750764?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1549772777389750764/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1549772777389750764' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1549772777389750764'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1549772777389750764'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/11/el-concepto-de-site-persona-en-el.html' title='El concepto de site Persona en el proceso de diseño'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_QBkv__MdgNs/SwxFF_YWT2I/AAAAAAAAACM/hOMjbI1OKeg/s72-c/site_persona1.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8780658263930980278</id><published>2009-11-16T16:10:00.004-04:00</published><updated>2009-11-16T16:31:03.499-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><title type='text'>La velocidad de tu página afectara el posicionamiento en 2010.</title><content type='html'>En una reciente entrevista que llevo a cabo &lt;span style="font-weight: bold;"&gt;Mike McDonald&lt;/span&gt; reportero de &lt;span style="font-weight: bold;"&gt;&lt;a href="http://webpronews.com/"&gt;webpronews.com&lt;/a&gt;&lt;/span&gt;  a &lt;span style="font-weight: bold;"&gt;&lt;a href="http://www.mattcutts.com/blog/"&gt;Matt Cutt&lt;/a&gt;&lt;/span&gt; (&lt;span style="font-style: italic;"&gt;Google Engineer&lt;/span&gt;) se hablo de la importancia que tiene para google la velocidad en que carga un sitio web, es decir que &lt;span style="font-weight: bold;"&gt;la velocidad será un factor tomado en cuenta por google para rankear un sitio web&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Matt dijo que hasta el momento ellos nunca lo han tomado en cuenta, pero que para mucha gente incluyendo a google la web debería ser más rápida.&lt;br /&gt;&lt;br /&gt;Esto pondrá a pensar a los dueños de sitios online y desarrolladores web como hacer sites que sean mucho más rápidos, a fin de cuentas esto podría ser un beneficio para los usuarios quienes visitan una web para leer, comprar, descargar, pero también podría ser un dolor de cabeza para las empresas que tienen un sitio muy grande con mucha información en el home y para los desarrolladores de webs.&lt;br /&gt;&lt;br /&gt;Google a estado proporcionando a los webmaster herramientas para hacerle la vida más simple, esta vez quieren hacerla más simple aun porque han proporcionado un nuevo sitio “&lt;span style="font-weight: bold;"&gt;&lt;a href="http://code.google.com/intl/en/speed/"&gt;Site Speed site&lt;/a&gt;&lt;/span&gt;” con más recursos para los webmasters. En este sitio se puede encontrar artículos, herramientas que serán de muchísima ayuda para los webmasters.&lt;br /&gt;&lt;br /&gt;Por otra parte un estudio llevado a cabo por la empresa “&lt;span style="font-weight:bold;"&gt;&lt;a href="http://www.forrester.com/rb/research"&gt;Forrester&lt;/a&gt;&lt;/span&gt;” en julio del 2009 demostró que los usuarios que efectuaron compras en internet esperaban que las páginas cargaran en 3 segundos máximo. Un 30% especifico 2 segundos, un 17% especifico más de 4 segundos, un 12% marco 1 segundo y un 5% marco menos de 1 segundo.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/SwG2ZesXSnI/AAAAAAAAALU/IKqrWCzkFxo/s1600/forrester.gif"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 303px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/SwG2ZesXSnI/AAAAAAAAALU/IKqrWCzkFxo/s400/forrester.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5404801576673430130" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Dando a entender que si tenemos que pensar en el factor rapidez a la hora de desarrollar un sitio en internet.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8780658263930980278?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8780658263930980278/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8780658263930980278' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8780658263930980278'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8780658263930980278'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/11/la-velocidad-de-tu-pagina-afectara-el.html' title='La velocidad de tu página afectara el posicionamiento en 2010.'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/SwG2ZesXSnI/AAAAAAAAALU/IKqrWCzkFxo/s72-c/forrester.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-3882168589863380412</id><published>2009-11-11T15:01:00.002-04:00</published><updated>2009-11-11T15:06:37.888-04:00</updated><title type='text'>Concurso Internacional Crea el Logotipo Turismo</title><content type='html'>&lt;blockquote&gt;CONCURSO INTERNACIONAL PARA LA CREACIÓN DEL LOGOTIPO DE TURISMO DE LA REPÚBLICA DOMINICANA&lt;/blockquote&gt;&lt;br /&gt;La &lt;span style="font-weight: bold;"&gt;República Dominicana&lt;/span&gt; convoca un Concurso Internacional de &lt;span style="font-weight: bold;"&gt;diseño&lt;/span&gt; para la &lt;span style="font-weight: bold;"&gt;creación&lt;/span&gt; de su &lt;span style="font-weight: bold;"&gt;logotipo turístico&lt;/span&gt; que amparará toda la comunicación turística de la &lt;span style="font-weight: bold;"&gt;República Dominicana&lt;/span&gt;. Puede participar en él todos los &lt;span style="font-weight: bold;"&gt;diseñadores&lt;/span&gt; interesados, a los que la &lt;span style="font-weight: bold;"&gt;República Dominicana&lt;/span&gt; invita vivamente a participar con especial interés entre los &lt;span style="font-weight: bold;"&gt;jóvenes&lt;/span&gt; y &lt;span style="font-weight: bold;"&gt;nuevos diseñadores&lt;/span&gt;. Las Bases del &lt;span style="font-weight: bold;"&gt;Concurso&lt;/span&gt;, Jurado y Premios pueden consultarse en &lt;span style="font-weight: bold;"&gt;www.godominicanrepublic.com&lt;/span&gt; . La &lt;span style="font-weight: bold;"&gt;República Dominicana&lt;/span&gt; es un destino turístico preferente, líder en su área, con un número de visitantes que se acerca a los cinco millones de turistas.&lt;br /&gt;Secretaría de Estado de &lt;span style="font-weight: bold;"&gt;Turismo&lt;/span&gt; de la &lt;span style="font-weight: bold;"&gt;República Dominicana&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;BASES DEL CONCURSO PARA &lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;LA CREACIÓN DEL LOGOTIPO DE TURISMO DOMINICANO EN EL MUNDO&lt;/span&gt;&lt;br /&gt;1.- Por el presente Documento se establecen las bases de un Concurso Internacional para el Diseño del Logotipo del Turismo dominicano en el mundo, de acuerdo a las condiciones que se establecen a continuación.&lt;br /&gt;&lt;br /&gt;2.- El logotipo debe responder a la denominación:&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;REPÚBLICA DOMINICANA&lt;/span&gt; sobre la que se creará la propuesta gráfica que debe ser, evidentemente, de carácter turístico, no institucional.&lt;br /&gt;&lt;br /&gt;3.- El criterio que deben regir a las propuestas que se realicen es de libre decisión del diseñador, para lo que éste debe tener en consideración, según su criterio, los componentes que diferencian a la República Dominicana como destino turístico exclusivo.&lt;br /&gt;&lt;br /&gt;4.- Podrán concursar los diseñadores con un máximo de 2 propuestas, siendo las participaciones a título individual. No se admitirá la participación de empleados de la Secretaría de Estado de Turismo de la República Dominicana, ni de sus empresas colaboradoras ni de los familiares de estos.&lt;br /&gt;&lt;br /&gt;5.- Se adjunta a estas normas el Logotipo de uso anterior, exclusivamente a título de referencia, puesto que el diseño de logotipo que se solicita debe significar un cambio singular y un estilo más moderno y novedoso.&lt;br /&gt;&lt;br /&gt;6.- El plazo de recepción de diseños se fija desde el 15 de Octubre hasta el 30 de Diciembre de 2009. Los concursantes presentarán sus propuestas sin aplicación a un soporte gráfico, es decir, sólo el diseño del logotipo, sin limitación, por parte de estas bases, de colores y elementos gráficos.&lt;br /&gt;&lt;br /&gt;7.- Las propuestas deberán ser enviadas por mail a la siguiente dirección:&lt;br /&gt;PARA: &lt;span style="color: rgb(51, 153, 153); font-style: italic;"&gt;logocontest@concursologosectur.com&lt;/span&gt;&lt;br /&gt;ASUNTO: LOGOTIPO DE TURISMO DOMINICANO 2010&lt;br /&gt;CUERPO DE TEXTO: Nombre y Apellidos, pais, cuidad, dirección, codigo postal, teléfono y un breve texto con la explicación del logo.&lt;br /&gt;DOCUMENTO ADJUNTO: con el logo en color en formato JPEG (máxima calidad / resolución 300 dpi) contenido en un DIN-A4 (210 x 297 mm).&lt;br /&gt;&lt;br /&gt;El logotipo ganador deberá ser entregado en arte final editable con sus respectiva tipografía/s. Así como su declinación a blanco y negro, sobre fondos blanco y oscuro (negativo) y convivencia con el claim “Lo tiene todo”, en un plazo máximo de 15 días después de habérsele notificado al creador del diseño la decisión del jurado como ganador del certamen.&lt;br /&gt;Todos los participantes recibirán por correo electrónico confirmación de la recepción de sus propuestas pero no se mantendrá correspondencia sobre el desarrollo del concurso.&lt;br /&gt;&lt;br /&gt;8.- Un Jurado Internacional, presidido por el Secretario de Estado de  Turismo de la República Dominicana, será el encargado de elegir el Logotipo ganador del concurso.&lt;br /&gt;&lt;br /&gt;9.- La fecha de designación pública del ganador será el 30 de Enero de 2.010. La decisión del jurado será comunicada a los participantes por correo electrónico.&lt;br /&gt;&lt;br /&gt;10.- El premio al logotipo ganador será el siguiente:&lt;br /&gt;- Estancia de 7 días para dos personas en Hotel de 5 Estrellas en la Costa Este o Costa Norte de la República Dominicana&lt;br /&gt;- 15.000 dólares USA&lt;br /&gt;&lt;br /&gt;11.- El ganador, al recibir el importe del premio, se compromete a ceder todos los derechos de autor sobre el diseño a la República Dominicana, que podrá utilizarlo en todos los medios de Comunicación que estime oportuno: gráficos, audiovisuales, electrónicos e internet, para la promoción turística de la República Dominicana en todo en mundo, a partir de dicho momento, sin ningún tipo de limitación.&lt;br /&gt;&lt;br /&gt;12.- El sólo hecho de participar en el concurso supone la aceptación de estas bases.&lt;br /&gt;Cualquier duda que pueda surgir sobre la aplicación de las mismas será resuelta por el jurado, cuya decisión será inapelable.&lt;br /&gt;Los participantes, en caso de litigio, se someterán a los tribunales y a las leyes de la República Dominicana.&lt;br /&gt;&lt;br /&gt;Para mayor informacion visitor la pagina de la Secretaria de Estado de Turismo &lt;a href="http://www.concursologosectur.com/idiomas/"&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;http://www.concursologosectur.com/idiomas/&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-3882168589863380412?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/3882168589863380412/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=3882168589863380412' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3882168589863380412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/3882168589863380412'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/11/concurso-internacional-crea-el-logotipo.html' title='Concurso Internacional Crea el Logotipo Turismo'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2293073026158220927</id><published>2009-10-29T10:04:00.001-04:00</published><updated>2010-02-23T11:11:57.133-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='3D'/><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Motion Graphics</title><content type='html'>&lt;span style="font-weight: bold;font-size:130%;"&gt;&lt;div&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="ES-DO"&gt;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;&lt;span class="Apple-style-span"  style="font-size:medium;"&gt;Hello people! hoy les traigo una pequeña recopilación de algunos videos. Este post consiste no es un conteo de los mejores videos, sino simplemente como el Motion Graphic ha sido usado por algunas marcas para promocionar o vender sus productos. Yo personalmente creo que en los 3 últimos años el Motion Graphic ha sido utilizado para agregarle un valor a la publicidad, ya que el resultado en la mayoría de los casos ha sido exitoso, no necesariamente exitoso en ventas, tal vez exitoso en visitas a un site, o exitoso en la distribución de el video entre otras cosas más… Disculpen la demora por el post, espero lo disfruten.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;1- Mc'Donald's - You So Want One&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6715820&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=6715820&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/6715820"&gt;Mc'Donald's - You So Want One&lt;/a&gt; from &lt;a href="http://vimeo.com/ryanlocke"&gt;Ryan Locke&lt;/a&gt; on &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;font-size:130%;"&gt;2- Telefónica ADSL&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="450" height="340"&gt;&lt;param name="movie" value="http://www.youtube.com/v/4uMRy6lTCs0&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/4uMRy6lTCs0&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="340"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;"&gt;3- Viva&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="movie" value="http://www.youtube.com/v/8qlRmE6KzdM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/8qlRmE6KzdM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;"&gt;4- HP  Hands&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="movie" value="http://www.youtube.com/v/cRjj-9kD4cU&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/cRjj-9kD4cU&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;5- HP Maestro&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6561264&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=6561264&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/6561264"&gt;HP "Maestro"&lt;/a&gt; from &lt;a href="http://vimeo.com/psyop"&gt;PSYOP&lt;/a&gt; on &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;"&gt;6- Coca-Cola Videogame&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="movie" value="http://www.youtube.com/v/7wt5FiZQrgM&amp;amp;hl=es&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/7wt5FiZQrgM&amp;amp;hl=es&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;"&gt;7- Hp Pavilion&lt;/span&gt;&lt;br /&gt;&lt;object height="340" width="450"&gt;&lt;param name="movie" value="http://www.youtube.com/v/DiMIuFrxYxE&amp;amp;hl=es&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/DiMIuFrxYxE&amp;amp;hl=es&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="450"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;8- Her Morning Elegance&lt;br /&gt;Este es solo un regalo! :)&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;div&gt;&lt;br /&gt;&lt;object width="450" height="340"&gt;&lt;param name="movie" value="http://www.youtube.com/v/2_HXUhShhmY&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/2_HXUhShhmY&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="340"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2293073026158220927?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2293073026158220927/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2293073026158220927' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2293073026158220927'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2293073026158220927'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/motion-graphics.html' title='Motion Graphics'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2866402063783948377</id><published>2009-10-16T16:50:00.014-04:00</published><updated>2009-10-16T18:15:45.694-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='Ilustración'/><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><category scheme='http://www.blogger.com/atom/ns#' term='Fotografía'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Buscando el impacto publicitario (Parte 2)</title><content type='html'>Hace ya varios días hemos publicado un post “Buscando el impacto publicitario (Parte 1)”. El propósito es hacer una secuencia de post para mostrar esos comerciales de tv, anuncios gráficos y contextuales que han tenido algún tipo de impacto, desde un impacto visual, emocional o psicológico, hasta un gran impacto publicitario en los medios.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;SISLEY Fashion&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjfaE-LwtI/AAAAAAAAAJ8/4lTpybiElkc/s1600-h/impacto1.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 271px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjfaE-LwtI/AAAAAAAAAJ8/4lTpybiElkc/s400/impacto1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393306192880321234" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;Durex Performa - Last longer&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Los condones Durex Performa contienen benzocaína (un suave anestésico), que ayuda a los hombres a durar más tiempo sin eyacular mientras sostienen relaciones sexuales. Para resaltar el beneficio del producto, la distribución fue limitada a la más grande exposición anual de Nueva Zelanda. Como resultado el stand fue inundado de personas y las ventas incrementaron en un 28%.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjgJ2TMCXI/AAAAAAAAAKE/CdNXUZ5pBvU/s1600-h/l1.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 247px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjgJ2TMCXI/AAAAAAAAAKE/CdNXUZ5pBvU/s400/l1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393307013575608690" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/StjghN6yoeI/AAAAAAAAAKM/iO43gVX8r54/s1600-h/l2.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 242px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/StjghN6yoeI/AAAAAAAAAKM/iO43gVX8r54/s400/l2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393307415052722658" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;Association of Women for Action and Research&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Campaña contra el abuso verbal a la mujer en Singapur&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/Stjjpk9OppI/AAAAAAAAAKU/A_WWmm6jSFw/s1600-h/abs.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 264px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/Stjjpk9OppI/AAAAAAAAAKU/A_WWmm6jSFw/s400/abs.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393310857210799762" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjkG0ssPcI/AAAAAAAAAKc/zrir8TyeLW0/s1600-h/abs2.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 264px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjkG0ssPcI/AAAAAAAAAKc/zrir8TyeLW0/s400/abs2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393311359652609474" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjkiyhQsTI/AAAAAAAAAKk/vd8ufLJblkA/s1600-h/abs3.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 264px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjkiyhQsTI/AAAAAAAAAKk/vd8ufLJblkA/s400/abs3.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393311840104132914" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;Suzuki Swift&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;b&gt;Pages BBDO&lt;/b&gt;, &lt;b&gt;Santo Domingo, República Dominicana&lt;/b&gt; Director Creativo General: R&lt;b&gt;odolfo Borrell&lt;/b&gt; / Copywriter: &lt;b&gt;Yaqui Nuñez&lt;/b&gt; / Director de Arte: Miguel P. / Ilustrador: &lt;b&gt;Radhames Germán&lt;/b&gt;&lt;div&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/Stjoi9GuOVI/AAAAAAAAAKs/WSqDDGgytCM/s1600-h/swf.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 264px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/Stjoi9GuOVI/AAAAAAAAAKs/WSqDDGgytCM/s400/swf.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393316240992123218" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;N24's point of view&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;N24 es un canal de televisión de noticias en Alemania, trata temas y reportajes sobre políticos, negocios y economía.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjqM4_we6I/AAAAAAAAAK0/xm6cRsXofZg/s1600-h/pov.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 284px; height: 400px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/StjqM4_we6I/AAAAAAAAAK0/xm6cRsXofZg/s400/pov.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393318060955302818" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;b&gt;Derechos Humanos&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;“Haz algo de ruido por los derechos humanos” esta campaña fue hecha en Hungría, para ayudar en la concientización del respeto a los derechos humanos a nivel internacional&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/Stjt4XKOsdI/AAAAAAAAAK8/SYu9uOa2Uf4/s1600-h/gb.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 284px; height: 400px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/Stjt4XKOsdI/AAAAAAAAAK8/SYu9uOa2Uf4/s400/gb.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393322106321547730" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Semos Photoshop lessons&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;Adobe Photoshop: tips, trucos, técnicas y tutoriales. Con estos conocimientos cualquiera puede lucir así.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/StjvVVSsUHI/AAAAAAAAALE/nkXPuSio4-8/s1600-h/pht.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 264px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/StjvVVSsUHI/AAAAAAAAALE/nkXPuSio4-8/s400/pht.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5393323703548006514" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2866402063783948377?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2866402063783948377/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2866402063783948377' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2866402063783948377'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2866402063783948377'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/buscando-el-impacto-publicitario-parte_16.html' title='Buscando el impacto publicitario (Parte 2)'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_GTkHp1bVvFA/StjfaE-LwtI/AAAAAAAAAJ8/4lTpybiElkc/s72-c/impacto1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8963288657114840812</id><published>2009-10-15T17:59:00.007-04:00</published><updated>2009-10-16T10:27:27.724-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>HTML y XHTML,  la diferencia</title><content type='html'>&lt;style type="text/css"&gt;&lt;br /&gt;&lt;!-- pre { background:transparent url(http://i284.photobucket.com/albums/ll35/observadorweb/codigo.png) no-repeat 0 0; width:99%; font-size:12px; padding:12px 0 0 0; margin:13px 0;}  pre code { overflow:auto; background-color:#F8F8F8; border-width:3px 1px; border-style:solid; border-color:#eee; color:#333; display:block; text-align:left; padding:5px;} --&gt;&lt;br /&gt;&lt;/style&gt;&lt;br /&gt;&lt;p align="justify"&gt;  Comparar &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; (Hypertext Markup Language o Lenguaje de  Marcado de Hipertexto) y &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; (Extensible Hypertext Markup Language o Lenguaje  Extensible de Marcado de Hipertexto) en un navegador podría ser como comparar  dos gemelos idénticos. Pero, si miramos su estructura de código, hay un punto  en cual podemos fijarnos donde se encuentra la diferencia. Básicamente esto es  debido a que &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; se deriva de &lt;strong&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; &lt;/strong&gt;y se conforma junto con los estándares de&lt;strong&gt; &lt;span style="color: rgb(51, 153, 153);"&gt;XML&lt;/span&gt;&lt;/strong&gt;. La mayor diferencia entre los dos es &lt;strong style="color: rgb(51, 153, 153);"&gt;lo estricto de XHTML&lt;/strong&gt;: Si alguien  programando en &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; se pierde en alguna parte de su estructura como por ejemplo  olvida cerrar una etiqueta o tag &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt;, el resultado en un navegador será optimo (casi  siempre), como si no hubiera cometido ningún error, en cambio con &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; la cosa  no es tan sencilla.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;La necesidad de &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; surge entonces del hecho de que  al ser &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; tan “&lt;em style="color: rgb(51, 153, 153);"&gt;complaciente&lt;/em&gt;” las páginas no siempre tenían el mismo aspecto en  diferentes navegadores.&lt;br /&gt;&lt;br /&gt;Veamos algunas características y reglas comparativas  entre &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML y XHTML&lt;/strong&gt;:&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QBkv__MdgNs/Sth8iLGOZAI/AAAAAAAAAB8/MG00TglvlqE/s1600-h/xhtml-html_comudo.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 392px; height: 400px;" src="http://1.bp.blogspot.com/_QBkv__MdgNs/Sth8iLGOZAI/AAAAAAAAAB8/MG00TglvlqE/s400/xhtml-html_comudo.jpg" alt="" id="BLOGGER_PHOTO_ID_5393197480312464386" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Los elementos vacíos deben cerrarse siempre:&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;br&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;br&amp;gt;&amp;lt;/br&amp;gt; o &amp;lt;br/&amp;gt; o  &amp;lt;br /&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p align="justify"&gt;Los elementos no vacíos también deben cerrarse  siempre:&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;Primer párrafo&amp;lt;p&amp;gt;Segundo  párrafo&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;Primer  párrafo&amp;lt;/p&amp;gt;&amp;lt;p&amp;gt;Segundo párrafo&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p align="justify"&gt;Los elementos anidados deben tener un correcto orden  de apertura/cierre (el que se abre último, debe cerrarse primero).&lt;br /&gt;&lt;br /&gt;Incorrecto:  &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;em&amp;gt;&amp;lt;strong&amp;gt;Texto&amp;lt;/em&amp;gt;&amp;lt;/strong&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto:  &lt;pre&gt;&lt;code&gt;&amp;lt;em&amp;gt;&amp;lt;strong&amp;gt;Texto&amp;lt;/strong&amp;gt;&amp;lt;/em&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Los valores de los atributos deben siempre ir  encerrados entre comillas (simples o dobles).&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;pre&gt;&lt;code&gt;&amp;lt;td rowspan=3&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;td rowspan="3"&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;td rowspan='3'&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p align="justify"&gt;Los nombres de elementos y atributos deben ir en  minúsculas.&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;A HREF="http://comudo.blogspot.com"&amp;gt;Comudo&amp;lt;/A&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;a  href="http://comudo.blogspot.com"&amp;gt;Comudoe&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p align="justify"&gt;No está permitida la minimización de atributos (se  usa el nombre del atributo como valor).&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;textarea  readonly&amp;gt;Solo-lectura&amp;lt;/textarea&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;textarea readonly="readonly"&amp;gt;Solo-lectura&amp;lt;/textarea&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;/p&gt;&lt;br /&gt;&lt;p align="justify"&gt;Los atributos desaprobados en HTML 4.01 no forman  parte de XHTML.&lt;br /&gt;&lt;br /&gt;Incorrecto: &lt;/p&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;font  color="#0000FF"&amp;gt;Blue text&amp;lt;/font&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;Correcto: &lt;pre&gt;&lt;code&gt;&amp;lt;span &amp;gt;Blue text&amp;lt;/span&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;br /&gt;  &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_QBkv__MdgNs/Sth8zSyiHEI/AAAAAAAAACE/oUv_yo2LU6Q/s1600-h/xhtml-html2_comudo.jpg"&gt;&lt;img src="http://2.bp.blogspot.com/_QBkv__MdgNs/Sth8zSyiHEI/AAAAAAAAACE/oUv_yo2LU6Q/s400/xhtml-html2_comudo.jpg" alt="" name="BLOGGER_PHOTO_ID_5393197774435130434" id="BLOGGER_PHOTO_ID_5393197774435130434" style="margin: 0pt 10px 10px 0pt; float: left; clear: right; cursor: pointer; width: 392px; height: 400px;" align="right" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt; &lt;/p&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;  &lt;br /&gt;&lt;br /&gt;El rigor y la racionalización general de los  estándares que pasaron de &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; a &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; estaban destinados a obtener la limpieza  del código que se necesita para mejorar aún más la &lt;strong style="color: rgb(51, 153, 153);"&gt;optimización&lt;/strong&gt; y rendimiento de  páginas web. &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; nos ha permitido también crear &lt;strong style="color: rgb(51, 153, 153);"&gt;código modular&lt;/strong&gt; que se puede  utilizar varias veces en varios proyectos.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;Parte del éxito de &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; se debe al el hecho de que fue  un lenguaje muy permisivo. Lo que sea que pusieras en el código, el navegador  trataba de hacerle sentido e interpretarlo.  Con el tiempo, la tecnología de los navegadores fue mejorando y el diseño de páginas  web se convirtió más complejo, la característica simple de &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt; empezó a perder  peso frente a la estructura &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt;.&lt;br /&gt;&lt;br /&gt;Actualmente la versión de &lt;strong style="color: rgb(51, 153, 153);"&gt;XHTML&lt;/strong&gt; es &lt;strong style="color: rgb(51, 153, 153);"&gt;1.0&lt;/strong&gt; y se espera el  lanzamiento de &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML 5&lt;/strong&gt;. El Consorcio internacional &lt;strong style="color: rgb(51, 153, 153);"&gt;World Wide Web ( W3C )&lt;/strong&gt;, publicó  en Enero de este año el primer borrador público de la quinta versión de &lt;strong style="color: rgb(51, 153, 153);"&gt;HTML&lt;/strong&gt;.  Algunas características de esta nueva versión son técnicamente similares a las  etiquetas: &lt;strong&gt;&lt;br /&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/strong&gt; y &lt;strong&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;span&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/strong&gt;pero tienen un significado semántico,  como por ejemplo &lt;strong&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;nav&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;/strong&gt; (bloque de navegación del sitio web) y  &lt;strong&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;footer&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/strong&gt;Otros elementos proporcionan nuevas funcionalidades a través de  una interfaz estandarizada, como los elementos &lt;pre&gt;&lt;code&gt;&amp;lt;audio&amp;gt; y &amp;lt;video&amp;gt;.&lt;/code&gt;&lt;/pre&gt;&lt;br /&gt;La evolución de HTML ha sido:&lt;br /&gt;&lt;br /&gt;&lt;strong style="color: rgb(51, 153, 153);"&gt;HTML 1.0&lt;br /&gt;&lt;br /&gt;HTML 2.0&lt;br /&gt;&lt;br /&gt;HTML 3.0&lt;br /&gt;&lt;br /&gt;HTML 3.2&lt;br /&gt;&lt;br /&gt;HTML 4.0&lt;br /&gt;&lt;br /&gt;XHTML 1.0&lt;/strong&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8963288657114840812?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8963288657114840812/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8963288657114840812' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8963288657114840812'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8963288657114840812'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/html-y-xhtml-la-diferencia.html' title='HTML y XHTML,  la diferencia'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_QBkv__MdgNs/Sth8iLGOZAI/AAAAAAAAAB8/MG00TglvlqE/s72-c/xhtml-html_comudo.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-416537592649001780</id><published>2009-10-06T10:42:00.014-04:00</published><updated>2009-10-06T12:05:28.880-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Buscando el impacto publicitario (Parte 1)</title><content type='html'>La &lt;b&gt;publicidad&lt;/b&gt; es una técnica destinada a difundir o informar al público sobre un bien o servicio a través de los &lt;b&gt;medios de comunicación&lt;/b&gt; con el objetivo de motivar al público hacia una acción de consumo. El consumo es el punto 1 cuando se piensa en publicidad, porque generalmente la publicidad tiene como fin que nosotros lleguemos al acto de compra de un producto o servicio.&lt;br /&gt;&lt;br /&gt;Pero es importante saber que la publicidad es un poco más que vender, la publicidad abarca muchas otras cosas. La publicidad también se usa para informar, prevenir, educar, concientizar, pero para llegar a la conclusión de que dicha publicidad ha sido efectiva, dicha publicidad debe tener un &lt;b&gt;impacto&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;En mi opinión la publicidad forma parte de lo que es el eje de las sociedades del mundo, porque siempre está presente en casi cada momento de cada una nuestras vidas, tal vez no sea común verlo de esta manera, pero es precisamente porque no toda publicidad cumple con su objetivo y por ende no toda publicidad logra impactar.&lt;br /&gt;&lt;br /&gt;En esta ocasión les dejo con algunos &lt;b&gt;ejemplos de publicidad&lt;/b&gt; que han buscado un impacto y lo han conseguido.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Sangre en las carreteras de Nueva Zelanda&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;La lluvia en Nueva Zelanda ha provocado muchos accidentes a consecuencia de la alta velocidad y la circulación fluida en la autopista. Como medida han colocado una impactante &lt;b&gt;valla&lt;/b&gt; referente a la lluvia y la conducción. Es una imagen de un niño, cuando comienza a llover la lluvia se tiñe de rojo y empieza a salir por los ojos, nariz y otras partes del rostro.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/SstZqq5c-xI/AAAAAAAAAJU/zFBpbGZwpfY/s1600-h/n1.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 279px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/SstZqq5c-xI/AAAAAAAAAJU/zFBpbGZwpfY/s400/n1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5389499968683571986" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/SstZ7BKbVzI/AAAAAAAAAJc/As1eiW4ZPDY/s1600-h/n2.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 281px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/SstZ7BKbVzI/AAAAAAAAAJc/As1eiW4ZPDY/s400/n2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5389500249538254642" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="450" height="340"&gt;&lt;param name="movie" value="http://www.youtube.com/v/uMV2is6oy_U&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=it&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/uMV2is6oy_U&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=it&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="340"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;div&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;WWF Brasil: Tsunami&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/SsthyuEqGkI/AAAAAAAAAJk/G9ibaaxP0Sw/s1600-h/wwftsunami-412x284.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 276px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/SsthyuEqGkI/AAAAAAAAAJk/G9ibaaxP0Sw/s400/wwftsunami-412x284.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5389508903067851330" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;embed src="http://adland.tv/sites/default/modules/swftools/shared/flash_media_player/player.swf" height="340" width="450" allowscriptaccess="always" allowfullscreen="true" flashvars="image=http%3A%2F%2Fadland.tv%2Fadland_video%2F148188%2F2224%2Fthumb.jpg&amp;amp;skin=http%3A%2F%2Fadland.tv%2Fsites%2Fdefault%2Fmodules%2Fadland_video%2Fmodieus.swf&amp;amp;respectduration=false&amp;amp;file=http%3A%2F%2Fadland.tv%2Fadland_video%2F148188%2F2224%2Fembed.mp4&amp;amp;plugins=viral-2"&gt;&lt;/embed&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Where's your child?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Esta es una publicidad para padres y niños en la piscina.&lt;br /&gt;Se llevo a cabo en Western Australia, para concientizar a los padres de que cuiden y supervisen a sus hijos mientras están en la piscina.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/SstpnJ5PDoI/AAAAAAAAAJ0/IW5UKlXYZ1s/s1600-h/watchwater.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 287px; height: 400px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/SstpnJ5PDoI/AAAAAAAAAJ0/IW5UKlXYZ1s/s400/watchwater.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5389517500470726274" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;Fashion Claims&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/Sstm0TGMKoI/AAAAAAAAAJs/9AUNuBSfIJ8/s1600-h/tiger_thumb.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/Sstm0TGMKoI/AAAAAAAAAJs/9AUNuBSfIJ8/s400/tiger_thumb.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5389514427744397954" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-416537592649001780?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/416537592649001780/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=416537592649001780' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/416537592649001780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/416537592649001780'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/buscando-el-impacto-publicitario-parte.html' title='Buscando el impacto publicitario (Parte 1)'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/SstZqq5c-xI/AAAAAAAAAJU/zFBpbGZwpfY/s72-c/n1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1970849668998838506</id><published>2009-10-05T14:49:00.002-04:00</published><updated>2009-10-05T14:56:20.109-04:00</updated><title type='text'>La marca verbal. Naming</title><content type='html'>La nueva rama del diseño de marcas es el diseño de marcas verbales. Si toda marca empieza por el nombre, ¿por qué los diseñadores y los creativos crean logos y símbolos y no comienzan por el principio? ¿Puede el diseñador gráfico, el creativo o el consultor crear nombres de marcas?&lt;br /&gt;&lt;br /&gt;La nueva rama del diseño de marcas gráficas es el diseño de marcas verbales. El diseñador, que es cada vez más generalista y le entusiasma abrirse a experiencias profesionales nuevas, ahora tiene en la creación de nombres de marcas (naming) la ocasión de aplicar su talento en la comunicación verbal.&lt;br /&gt;&lt;br /&gt;O tal vez es más exacto decir comunicación sonora, pues los nombres marcarios son, más que textos, o más que palabras, sonidos dotados de ciertas condiciones sensibles, muy semejantes a las de las marcas visuales.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Efectivamente, el nombre de marca participa de las mismas características que su forma gráfica.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Ha de ser:&lt;/span&gt;&lt;br /&gt;Original&lt;br /&gt;Pregnante&lt;br /&gt;Sencillo&lt;br /&gt;Recordativo&lt;br /&gt;Estético&lt;br /&gt;Directo&lt;br /&gt;Instantáneo,&lt;br /&gt;&lt;br /&gt;Y como la marca gráfica, el nombre no es traducible.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Contra los apriorismos mentales&lt;/span&gt;&lt;br /&gt;La única dificultad que se aparece a los diseñadores y creativos para abordar la concepción de nombres de marcas verbales son los frenos que ellos mismos se imponen. Hay aquí dos causas negativas. Primera, nunca se lo han propuesto hasta hoy, y nadie les ha explicado que quienes piensan con los ojos y crean formas visibles, también pueden crear formas audibles. Parece que no nos damos cuenta claramente de que las marcas verbales se crean para que los diseñadores las conviertan en marcas visuales.&lt;br /&gt;&lt;br /&gt;La segunda causa por la cual la gran mayoría de los diseñadores gráficos ni se plantea siquiera atreverse a crear un nombre de marca es la creencia conformista de que “este no es mi problema”. En las Facultades y en los Institutos de diseño no se enseña a crear marcas verbales. ¿Hasta cuándo? ¿Cuándo entenderemos que las marcas son bicanal, es decir, audio-visuales, de lo que todos somos actores, y que en la televisión encontramos diariamente el ejemplo más claro?&lt;br /&gt;&lt;br /&gt;Desde siempre he defendido la obertura de compás sin límites para abarcar nuevos campos de desarrollo para el profesional. Hay dos vías: atreverse o autolimitarse a practicar lo que tradicionalmente se ha entendido por “diseño gráfico”, es decir, el territorio “exclusivo” del espacio gráfico bidimensional, plano, neutro y mudo.&lt;br /&gt;&lt;br /&gt;Crear nombres de marcas es un trabajo mucho más propio del diseñador de logos y símbolos que implica un proceso de esquematización progresiva y de contrastes expresivos que del lingüista y el semiólogo. De hecho, crear nombres de marca no tiene nada que ver en absoluto con la redacción de textos (copy). &lt;blockquote&gt;Un nombre marcario es una concentración en el espacio sonoro como un logo lo es en el espacio gráfico. El nombre de marca no es un discurso ni un relato. La marca no es secuencial como un texto. Es instantánea, tanto verbal como visualmente. Comunica de inmediato.&lt;/blockquote&gt;Nadie me convencerá de que el trabajo de naming es más propio de lingüistas, semiólogos y gramáticos que de creativos y diseñadores o comunicadores visuales. Y es que crear nombres de marcas es un trabajo lógico y creativo de la imaginación visual-sonora. Y de estrategia comunicativa. Un nombre de marca se crea para ser visto, pero sobre todo para ser verbalizado: las marcas se piden por su nombre.&lt;br /&gt;&lt;br /&gt;Sabemos bien por estudios e investigaciones sobre percepción y memoria, que las marcas que vemos se fijan mucho más en el recuerdo que aquellas que escuchamos sin verlas. Sería impensable que pudiera existir una marca que sólo la conociéramos por la radio y por medios verbales sin que jamás pudiéramos verla. El poder de focalización y retención de las formas por la visión es muy superior al que posee el oído. Éste no puede discriminar y aislar un sonido dentro del conjunto de un campo sonoro, pues los recibe todos a la vez entremezclados. El ojo, en cambio, tiene una poderosa capacidad discriminatoria y separadora de los estímulos. La memoria visual es muy superior a la memoria auditiva. Pero si ambas se coordinan, el recuerdo es aún mayor. Por eso, sonido y grafismo se complementan en la marca.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Los secretos del “namer”&lt;/span&gt;&lt;br /&gt;Corrientemente, gran número de marcas eran pensadas en las mismas empresas por no profesionales (el namer es una figura relativamente reciente), lo cual nos indica que, en principio, todos podemos crear marcas verbales.&lt;br /&gt;&lt;br /&gt;La diferencia es que la intuición no basta. Menos aún en la actualidad, en que la explosión del naming se debe sin duda a la enorme competitividad de los mercados y al contínuo lanzamiento de productos y servicios, que necesitan una considerable producción de nuevos nombres marcarios, más sin duda que a ninguna dificultad especial para crearlos.&lt;br /&gt;&lt;br /&gt;Diseñar es infinitamente más difícil y complejo, porque requiere años de estudios, práctica, experiencia y aprendizaje permanente. Crear marcas verbales es cuestión de aprender unas técnicas mentales y practicar unos ejercicios al alcance de cualquier persona que desarrolla un trabajo de imaginación creativa o de estrategia comunicativa. Lo demás es ya una cuestión de práctica a ritmo de profesión y saber cómo evitar crear nombres que ya están registrados.&lt;br /&gt;&lt;br /&gt;Si el enorme desarrollo actual de las marcas está en la creación gráfica y la difusión por los medios visuales y audiovisuales, ¿por qué no hemos de asumir que el trabajo creativo de marcas empieza por el nombre, antes que por el logo, el símbolo y el manual de identidad? ¿Por qué no ofrecer un servicio completo a nuestros clientes? ¿Por qué no concebir y desarrollar, desde ahora, Programas de Marcas Globales con mayor valor añadido?&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic; color: rgb(102, 102, 102);font-size:85%;" &gt;Fuente: &lt;a href="http://www.mediosyempresas.com.ar/index.php?acc=0&amp;amp;notid=2789"&gt;&lt;span style="font-weight: bold;"&gt;Joan Costa&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;Creador y director de los Cursoson-line sobre Marcas&lt;br /&gt;Visita la web de Joan &lt;a href="http://www.joancosta.com/"&gt;desde aquí&lt;/a&gt;.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1970849668998838506?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1970849668998838506/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1970849668998838506' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1970849668998838506'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1970849668998838506'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/la-marca-verbal-naming.html' title='La marca verbal. Naming'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-354204221823560965</id><published>2009-10-01T10:35:00.002-04:00</published><updated>2009-10-01T10:45:47.812-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>HTML y CSS, la diferencia.</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_QBkv__MdgNs/SsS-2lBNX9I/AAAAAAAAABc/Y6EGhBKTJP0/s1600-h/3166324179_a09d6dc4e0.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 310px; height: 170px;" src="http://2.bp.blogspot.com/_QBkv__MdgNs/SsS-2lBNX9I/AAAAAAAAABc/Y6EGhBKTJP0/s320/3166324179_a09d6dc4e0.jpg" alt="" id="BLOGGER_PHOTO_ID_5387640899101351890" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; o Lenguaje de Hiper Texto Marcado es el estándar y el más básico de los lenguajes en uso para la creación de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;páginas web.&lt;/span&gt; Posee una estructura súper simple que le hace extremadamente fácil de manejar o de aprender en comparación con otros lenguajes. &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;CSS&lt;/span&gt; o Hojas de Estilos en Cascada es un lenguaje de estilos que puede ser aplicado a cualquier documento &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML &lt;/span&gt;o &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;XML&lt;/span&gt;, su propósito es simplificar la presentación, el formato, la distribución o cómo se muestran ciertos elementos de forma visual, de manera que sea independiente el contenido de la apariencia o &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;look and feel&lt;/span&gt; de una pagina web.&lt;br /&gt;&lt;br /&gt;Las etiquetas o “&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Tags&lt;/span&gt;” &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; son bastante simples y solo unas pocas se usan para aplicar formato a los contenidos. &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; es un lenguaje muy flexible ya que aun conteniendo errores en su código, las pagina se presentan en los &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;browsers &lt;/span&gt;sin mostrar ninguna anomalía. Esta “ventaja” hace que de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; sea muy sencillo de aprender y de crear paginas simples que contengan una cantidad de contenido relativamente sencilla.&lt;br /&gt;&lt;br /&gt;La hojas de estilos tienen la particularidad de incluir &lt;span style="color: rgb(51, 153, 153);"&gt;“paquetes”&lt;/span&gt; de código llamado &lt;span style="color: rgb(51, 153, 153);"&gt;“clases” &lt;/span&gt;que pueden ser reutilizables y ser aplicados a múltiples elementos dentro de una misma pagina web, así tendremos por ejemplo una clase llamada “&lt;span style="font-style: italic;"&gt;hipervinculo”&lt;/span&gt; que podrá ser aplicada a todos los elementos que contenga un enlace a una &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;url&lt;/span&gt; o &lt;span style="color: rgb(51, 153, 153); font-weight: bold;"&gt;correo electrónico&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;CSS&lt;/span&gt; fue desarrollado para simplificar el código en múltiples paginas, esto no significa que no pueda ser usado en paginas complejas, por el contrario es aquí donde se notaria mejor su importancia y los beneficios de usarlas.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;CSS &lt;/span&gt;es una herramienta que se ha convertido muy popular debido a su característica modular. Hace que la creación de una pagina web sea fácil y para nada problemática ya que como dijimos anteriormente separa el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;contenido&lt;/span&gt; de su presentación. Aunque &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;CSS&lt;/span&gt; se puede utilizar en paginas &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; esto no significa que no pueda ser usado en otros lenguajes como &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;XML,&lt;/span&gt; &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;XHTML&lt;/span&gt; incluso &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Actionscript&lt;/span&gt; para &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;animaciones Flash&lt;/span&gt;. Agregando a esto la combinación de &lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;HTML&lt;/span&gt; &lt;/span&gt;y &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;CSS&lt;/span&gt; nos permite también optimizar las páginas para un mejor &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;posicionamiento en los buscadores&lt;/span&gt;.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-354204221823560965?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/354204221823560965/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=354204221823560965' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/354204221823560965'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/354204221823560965'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/10/html-y-css-la-diferencia.html' title='HTML y CSS, la diferencia.'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_QBkv__MdgNs/SsS-2lBNX9I/AAAAAAAAABc/Y6EGhBKTJP0/s72-c/3166324179_a09d6dc4e0.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4418690278714833115</id><published>2009-09-29T11:14:00.023-04:00</published><updated>2009-09-29T14:25:24.513-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Ambient marketing</title><content type='html'>Es un tipo de publicidad que da mucho juego a la creatividad, se trata de utilizar medios convencionales del día a día, cualquier elemento del entorno y transformarlo en un reclamo para el consumidor.&lt;br /&gt;&lt;br /&gt;La gran ventaja de este tipo de publicidad es que el canal no está saturado y cuenta con el elemento sorpresa. El marketing de guerrilla es similar al ambient marketing salvo por el escalón que existe a nivel económico.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;¿Qué es el &lt;span style="font-weight: bold;"&gt;marketing de guerrilla&lt;/span&gt;? - Se trata de un método probado de lograr beneficios con un mínimo de dinero.&lt;span style="text-decoration: underline;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-style: italic;font-size:85%;"&gt;&lt;a href="http://www.gmarketing.com/"&gt;Jay Conrad Levinson &lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Las acciones de ambient marketing están cada vez está más de moda, por eso al igual que con los virales, no hay que olvidar que se puede llegar a caer en el “todo vale” y no sólo no impactar, que sería lo de menos, sino llegar a ser excesivamente intrusivo.&lt;br /&gt;&lt;br /&gt;Estas 25 acciones aunque algunas antiguas, son cuanto menos, curiosas.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#1 Have fun&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;La Agencia &lt;a href="http://www.jwt.com/"&gt;JWT&lt;/a&gt; ha inundado Singapur con varias series de pintadas que recuerdan a posiciones sexuales con el copy “Have fun”. Campaña publicitaria para la tienda &lt;a href="http://oohtique.com/"&gt;Oohtique.com&lt;/a&gt; dedicada a la venta de objetos “sensuales”.&lt;br /&gt;&lt;br /&gt;Este es un claro ejemplo de marketing de guerrilla por sencillez, creatividad, y sobre todo, haber conseguido cumplir sus objetivos por un bajo coste.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2297/2118531855_cf248d4938_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 389px;" src="http://farm3.static.flickr.com/2297/2118531855_cf248d4938_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#2 Entrar es fácil&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;En las estaciones de tren de Alemania está prohibido fumar desde septiembre salvo en los recuadros amarillos pintados en el suelo, pues bien, la agencia de Frankfurt &lt;a href="http://www.saatchi.de/local/jump.asp?OfficeID=24"&gt;Saatchi &amp;amp; Saatchi&lt;/a&gt; con la aprobación de la compañía nacional de ferrocarriles ha utilizado estos recuadros para pintar un laberinto en el suelo hasta llegar al cenicero.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2246/2121823611_28376da69c_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 776px;" src="http://farm3.static.flickr.com/2246/2121823611_28376da69c_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#3 Playboy&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Genial idea de la &lt;a href="http://www.greyarg.com.ar/"&gt;agencia Grey&lt;/a&gt;, Argentina, para la revista Playboy. Aquí otra &lt;a href="http://adsoftheworld.com/media/ambient/skin_cancer_towel?size=_original"&gt;idea similar&lt;/a&gt; sobre cáncer de piel que reza: “Please take care this summer”&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2195/2126187261_af8e5c8868_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 352px;" src="http://farm3.static.flickr.com/2195/2126187261_af8e5c8868_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#4 Falta una pieza&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;De nuevo en Singapur, otra agencia, &lt;a href="http://alchemypartnership.com/"&gt;Alchemy Partnership&lt;/a&gt;, utiliza este pequeño rompecabezas al que todos hemos jugado alguna vez para mandar un mensaje claro que capta la atención. Esta campaña de interés público la promueve Think Centre.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2193/2122633958_d86c6d10bd_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 379px;" src="http://farm3.static.flickr.com/2193/2122633958_d86c6d10bd_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2404/2122633774_ff3a495780_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 380px;" src="http://farm3.static.flickr.com/2404/2122633774_ff3a495780_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;"&gt;#5 A la venta&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Otra campaña de interés público, esta vez contra el tráfico infantil.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2019/2118562781_f07f0ab6b7_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 389px;" src="http://farm3.static.flickr.com/2019/2118562781_f07f0ab6b7_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2147/2119340132_f0a700d3ab_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 389px;" src="http://farm3.static.flickr.com/2147/2119340132_f0a700d3ab_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#6 Cirugía plástica Totonto&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2086/2126175761_f542cf93b5_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 438px;" src="http://farm3.static.flickr.com/2086/2126175761_f542cf93b5_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#7 Papa John’s Pizza&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Adaptación al medio de la agencia &lt;a href="http://www.saatchi.com/worldwide/ideas_gallery.asp"&gt;Saatchi &amp;amp; Saatchi&lt;/a&gt;, esta vez en Perú.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2410/2121946833_1080d199e0_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 425px;" src="http://farm3.static.flickr.com/2410/2121946833_1080d199e0_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2329/2121947061_98c5080271_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 425px;" src="http://farm3.static.flickr.com/2329/2121947061_98c5080271_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2299/2121946949_f9a59fd24b_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 425px;" src="http://farm3.static.flickr.com/2299/2121946949_f9a59fd24b_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2007/2121946725_afffa54ce5_o.jpg"&gt;&lt;img style="cursor: pointer; width: 600px; height: 600px;" src="http://farm3.static.flickr.com/2007/2121946725_afffa54ce5_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#8 Aspiradoras Hoover&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Un trabajo de estudiantes de la &lt;a href="http://www.miamiadschool.com/"&gt;Miami Ad School, Miami, EEUU&lt;/a&gt;. Es una lástima que muchas de las mejores ideas no lleguen a realizarse. Para que llegue el mensaje es necesario conocer que el producto que se anuncia son aspiradoras.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2281/2122750798_1a3598a579_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 799px;" src="http://farm3.static.flickr.com/2281/2122750798_1a3598a579_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#9 Y+ Yoga Center&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Muy conocida esta campaña que realizó la agencia &lt;a href="http://www.leoburnett.com/"&gt;Leo Burnett&lt;/a&gt; en Shanghai. &lt;a href="http://www.thecoolhunter.net/design/Y--YOGA-centre-Shanghai-has-its-pluses/"&gt;En este enlace&lt;/a&gt; podemos ver la decoración del centro.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2198/2123068330_ecaaa7330c_o.jpg"&gt;&lt;img style="cursor: pointer; width: 618px; height: 517px;" src="http://farm3.static.flickr.com/2198/2123068330_ecaaa7330c_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2148/2122121377_7870989a03_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 457px;" src="http://farm3.static.flickr.com/2148/2122121377_7870989a03_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#10 Día mundial contra el SIDA&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;El fondo de los enfermos de Dinamarca sale a la calle. El objetivo de esta burbuja de aire es concienciar a la sociedad del prejuicio que se les tiene a las personas afectadas con SIDA y el aislamiento social es uno de los peores efectos de contraer esta enfermedad contagiosa. Realizada el 1 de Diciembre, día mundial contra el SIDA&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2150/2122236911_128b3f9c46_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 441px;" src="http://farm3.static.flickr.com/2150/2122236911_128b3f9c46_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2008/2123013976_f45be89ca9_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 500px;" src="http://farm3.static.flickr.com/2008/2123013976_f45be89ca9_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#11 Vitae Shelters&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;ONG portuguesa. Ayuda para que nadie tenga que venir aquí a por comida.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2272/2123031864_c763a666d3_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 361px;" src="http://farm3.static.flickr.com/2272/2123031864_c763a666d3_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#12 Amnistía Internacional&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;De nuevo la agencia &lt;a href="http://www.saatchi.pl/"&gt;Saatchi &amp;amp; Saatchi&lt;/a&gt;. Esta vez ha realizado una campaña para &lt;a href="http://www.amnesty.org/es"&gt;Amnistía Internacional&lt;/a&gt; en Bielorrusia por la libertad de expresión.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2031/2122277233_f134f5a8ff_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 595px;" src="http://farm3.static.flickr.com/2031/2122277233_f134f5a8ff_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#13 Seramis&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Acción para aumentar las ventas del fertilizante para bambú Seramis&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2147/2123205292_d769c4d8bb_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 799px;" src="http://farm3.static.flickr.com/2147/2123205292_d769c4d8bb_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#14 Mc Donald’s&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Este gigante servilletero que contiene servilletas hechas con el material original de servilleta es la nueva acción ambient marketing de esta conocida cadena de hamburgueserías para promocionar la hamburguesa de 226 gramos Big `N´ Juicy.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2282/2127114284_42e55ffd61_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 399px;" src="http://farm3.static.flickr.com/2282/2127114284_42e55ffd61_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2194/2127114452_b8c735e982_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 399px;" src="http://farm3.static.flickr.com/2194/2127114452_b8c735e982_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#15 The Sopranos&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Tiene que ser un poquito desconcertante encontrarte un brazo colgando de un maletero… Es la acción que realizó la cadena de televisión &lt;a href="http://www.hbo.com/"&gt;HBO&lt;/a&gt; en taxis de Nueva York para promocionar su nueva serie &lt;a href="http://www.hbo.com/sopranos/"&gt;The Sopranos&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2067/2126373867_33bea462c4_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 476px;" src="http://farm3.static.flickr.com/2067/2126373867_33bea462c4_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#16 Mondo Pasta&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Divertida y original forma de promocionar los spaghetti de Mondo Pasta. A la agencia &lt;a href="http://next.jvm.de/site/index-jvm"&gt;Jung von Matt&lt;/a&gt; no se le ocurre ni más ni menos que colocar pegatinas de 2m en la proa de estos enormes barcos.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2176/2127166634_25846d9ef3_o.jpg"&gt;&lt;img style="cursor: pointer; width: 620px; height: 879px;" src="http://farm3.static.flickr.com/2176/2127166634_25846d9ef3_o.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;#17 Ultra Slim Sony Cyber-shot T1&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Ni idea de que agencia ha desarrollado esto. Pero desde luego es muy original y relativamente barato. Nueva cámara ultra delgada de Sony.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2055/2126409523_2a2f59c6dc_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 465px;" src="http://farm3.static.flickr.com/2055/2126409523_2a2f59c6dc_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#18 Pioneer Suspension&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;La agencia Y&amp;amp;R Everest, Mumbai, India ha realizado esta campaña a lo bestia, a mi parecer es incluso peligroso.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2017/2154985885_766b8c91ca_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 849px;" src="http://farm3.static.flickr.com/2017/2154985885_766b8c91ca_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#19 Ayúdanos a recibir más llamadas&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2093/2155032951_50d1d71366_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 827px;" src="http://farm3.static.flickr.com/2093/2155032951_50d1d71366_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2287/2155828274_e399fa7f8b_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 410px;" src="http://farm3.static.flickr.com/2287/2155828274_e399fa7f8b_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#20 Don´t drink and drive&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Ingeniosa forma de hacer llegar el mensaje de que si bebes, puedes acabar con el coche abollado.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2005/2169602673_fd35b98558_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 681px;" src="http://farm3.static.flickr.com/2005/2169602673_fd35b98558_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#21 Zoom de Leica Cameras&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;En Suiza la agencia &lt;a href="http://www.yr.com/"&gt;Young &amp;amp; Rubicam&lt;/a&gt; ha destacado el principal atributo de las cámaras Leica, su zoom óptico de 12x&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2416/2169617585_9ae674914f_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 420px;" src="http://farm3.static.flickr.com/2416/2169617585_9ae674914f_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2187/2169617773_ee0087b685_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 420px;" src="http://farm3.static.flickr.com/2187/2169617773_ee0087b685_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#22 Danny´s Car Wash&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Agencia: &lt;a href="http://santy.com/"&gt;Santy&lt;/a&gt; Esta empresa lava coches familiar de Phoenix repartió pegatinas en los vehículos de la zona con un presupuesto mínimo.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2016/2169641319_f5f325eeba_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 650px;" src="http://farm3.static.flickr.com/2016/2169641319_f5f325eeba_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#23 Macbook Pro - Ultra delgado&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Aunque se podría confundir con publicidad clasificada como “print” es sin duda “ambient” ya que aprovecha el medio para transformarse en “otra cosa”. Esta tipo de publicidad me suena haberlo visto antes, pero no quita que sea curiosa.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2298/2170449810_afc916c24f_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 439px;" src="http://farm3.static.flickr.com/2298/2170449810_afc916c24f_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#24 Ciudad inundada&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Agencia: &lt;a href="http://www.ddb.com/"&gt;Naga DDB&lt;/a&gt;, Malaysia. No permitas que este sea nuestro futuro, salva los bosques, detén el calentamiento global.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2264/2170466610_61b1c009e4_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 390px;" src="http://farm3.static.flickr.com/2264/2170466610_61b1c009e4_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span class="Apple-style-span"  style="font-size:large;"&gt;#25 Acné con gotelé&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Ganador de la medalla de bronce en el EPICA. Producto: Sebamed, Agencia: Saatchi &amp;amp; Saatchi, Beirut&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2088/2169689243_ec2456b4f9_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 508px;" src="http://farm3.static.flickr.com/2088/2169689243_ec2456b4f9_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm3.static.flickr.com/2064/2170483938_c2edf21ef9_o.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 620px; height: 477px;" src="http://farm3.static.flickr.com/2064/2170483938_c2edf21ef9_o.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span"  style="font-size:small;"&gt;Fuente original: &lt;a href="http://www.quierosercreativo.com/25-acciones-ambient-marketing/"&gt;quierosercreativo.com&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4418690278714833115?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4418690278714833115/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4418690278714833115' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4418690278714833115'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4418690278714833115'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/ambient-marketing.html' title='Ambient marketing'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4753502720211831419</id><published>2009-09-25T15:08:00.003-04:00</published><updated>2009-09-25T15:38:33.467-04:00</updated><title type='text'>Twitter por dentro. Un largo recorrido dentro del mundo de Twitter</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QBkv__MdgNs/Sr0XJADN7AI/AAAAAAAAABU/ztW_1jOGcNE/s1600-h/post_twitter_r1_c1.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 266px;" src="http://1.bp.blogspot.com/_QBkv__MdgNs/Sr0XJADN7AI/AAAAAAAAABU/ztW_1jOGcNE/s320/post_twitter_r1_c1.gif" alt="" id="BLOGGER_PHOTO_ID_5385486172804738050" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;72.5% de todos los usuarios se agregaron durante los primeros cinco meses del 2009.&lt;/li&gt;&lt;li&gt;85.3% de todos los usuarios de Twitter hacen menos de un post (Tweet) por día.&lt;/li&gt;&lt;li&gt;21% de todos los usuarios nunca han hecho un post o tweet.&lt;/li&gt;&lt;li&gt;93.6% de los usuarios tienen menos de 100 followers mientras que el 92.4% sigue menos de 100 personas.&lt;/li&gt;&lt;li&gt;New York tiene la mayor cantidad de usuarios seguido por Los Angeles, Toronto, San Francisco y Boston mientras que Detroit ha sido la ciudad de más rápido crecimiento dentro de los cinco primeros meses del año 2009.&lt;/li&gt;&lt;li&gt;Mas del 50% de todos los Tweets se publican usando aplicaciones externas, a través de la web o dispositivos móviles.&lt;/li&gt;&lt;li&gt;53% de los usuarios son mujeres contra un 47% para los hombres.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Sysomos Inc. una de las firmas lideres en analítica sobre redes sociales a nivel mundial ha producido este interesantísimo y muy completo estudio sobre el crecimiento de Twitter y cómo los usuarios lo están usando.&lt;br /&gt;&lt;br /&gt;El estudio se realizó en un universo de 11.5 millones de cuentas de Twitter y contiene importantes datos sobre la tendencia de Twitter, su crecimiento, estudios demográficos, actividades de los followers, entre otros.&lt;br /&gt;&lt;br /&gt;Accesa los detalles de este importante estudio aquí: &lt;a href="http://sysomos.com/twitter/"&gt;http://sysomos.com/twitter/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Además puedes descargarlo en formato PDF aquí: &lt;a href="http://sysomos.com/docs/Inside-Twitter-BySysomos.pdf"&gt;http://sysomos.com/docs/Inside-Twitter-BySysomos.pdf&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4753502720211831419?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4753502720211831419/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4753502720211831419' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4753502720211831419'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4753502720211831419'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/twitter-por-dentro-un-largo-recorrido.html' title='Twitter por dentro. Un largo recorrido dentro del mundo de Twitter'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_QBkv__MdgNs/Sr0XJADN7AI/AAAAAAAAABU/ztW_1jOGcNE/s72-c/post_twitter_r1_c1.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4499264241543787581</id><published>2009-09-25T10:42:00.005-04:00</published><updated>2009-09-25T11:10:19.057-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Google no usa “Keywords Meta Tags” para el web ranking</title><content type='html'>Si eres o fuiste diseñador web, si haces &lt;span style="font-weight: bold;"&gt;&lt;a href="http://www.searchmedia.es/servicios/que_es_seo.asp?idsec=3"&gt;SEO&lt;/a&gt;&lt;/span&gt; (Optimización para Motores de Búsqueda) posiblemente el titulo de este post sea muy chocante para ti. El 21 de septiembre google hace público un video donde Matt Cutts “Google Software Engineer” explica que google no le da importancia a los Keywords sembrados en tu página, para traer los resultados del motor de búsqueda.&lt;br /&gt;&lt;br /&gt;Matt Cutts, plantea que si existen dos sites, (A – B), El site &lt;span style="font-weight: bold;"&gt;A&lt;/span&gt; coloca sus metakeywords, pero de paso también entra al site &lt;span style="font-weight: bold;"&gt;B&lt;/span&gt; y copia los metakeywords que tiene el site “B” ya insertados, y los coloca en su site (&lt;span style="font-style: italic;"&gt;A&lt;/span&gt;), entonces cuando un usuario haga una búsqueda en google sobre el site “&lt;span style="font-weight: bold;"&gt;B&lt;/span&gt;”, en los resultados también aparecerá referencia sobre el site &lt;span style="font-weight: bold;"&gt;A&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Esa mala práctica es conocida en SEO (Optimización para Motores de Búsqueda) como “&lt;a href="http://www.seotalk.es/black-hat-seo/"&gt;black Hat&lt;/a&gt;”, pero al parecer esto siempre ha sido un mito porque google nunca ha usado los metakeywords para traer los resultados, más bien ellos le asumen el verdadero valor a la descripción del site.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/SrzcVcurO2I/AAAAAAAAAJM/yp071I6XTpU/s1600-h/comudo_google2.gif"&gt;&lt;img style="cursor: pointer; width: 400px; height: 81px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/SrzcVcurO2I/AAAAAAAAAJM/yp071I6XTpU/s400/comudo_google2.gif" alt="" id="BLOGGER_PHOTO_ID_5385421515475598178" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/SrzcMWIThHI/AAAAAAAAAJE/Wds9F5Shy4c/s1600-h/comudo_google.gif"&gt;&lt;img style="cursor: pointer; width: 400px; height: 337px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/SrzcMWIThHI/AAAAAAAAAJE/Wds9F5Shy4c/s400/comudo_google.gif" alt="" id="BLOGGER_PHOTO_ID_5385421359085225074" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Si te estas preguntanto…Entonces puedo quitar los keywords de mi pagina?&lt;br /&gt;yo respondería “&lt;span style="font-weight: bold; color: rgb(255, 0, 0);"&gt;No&lt;/span&gt;”, porque también existen otros motores de búsqueda como Yahoo, Bing, y otros más que a pesar de que google sea el más popular, todavía se siguen usando, además de que google en cualquier momento podría “si” prestarle atención a los Metakeywords.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;Fuente: &lt;a href="http://googlewebmastercentral.blogspot.com/"&gt;Webmaster Central Blog&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4499264241543787581?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4499264241543787581/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4499264241543787581' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4499264241543787581'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4499264241543787581'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/google-no-usa-keywords-meta-tags-para.html' title='Google no usa “Keywords Meta Tags” para el web ranking'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_GTkHp1bVvFA/SrzcVcurO2I/AAAAAAAAAJM/yp071I6XTpU/s72-c/comudo_google2.gif' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8713936597527538837</id><published>2009-09-25T09:25:00.002-04:00</published><updated>2009-09-25T09:31:18.411-04:00</updated><title type='text'>10 cosas que no te enseñan en tu escuela de diseño</title><content type='html'>El paso del mundo académico al laboral es siempre difícil, particularmente para quienes trabajamos en el campo del diseño porque nos vemos obligados a aprender las condiciones en las que se trabaja sobre la marcha.&lt;br /&gt;&lt;br /&gt;Este post recoge 10 cosas que habitualmente no te enseñan pero deberías saber para dar el salto al mundo profesional.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;1. Tu diploma no te ayuda a encontrar trabajo&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Pero tu portafolio sí. Por supuesto que es bueno tener una educación en diseño y un título que lo pruebe, pero cuando se trata de obtener dinero de tus clientes ellos quieren ver de lo que eres capaz, no un diploma.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;2. El buen diseño lleva tiempo, no fijar fechas límites muy ajustadas&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Cuando estás en la escuela de diseño los profesores fijan las fechas de entrega de los trabajos y tratan de darte el tiempo suficiente. Tu jefe o tu cliente no serán como tu profesores de diseño, intentarán empujarte para que seas más productivo y te darán el tiempo mínimo para completar la tarea. Todos mis peores diseños fueron creados cuando acepté trabajar bajo fechas límites irreales.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;3. Tus clientes no creen que eres un artista&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Ellos solos piensan que los vas a ayudar a vender más. Eso no significa que no debas darle un buen diseño, solo significa que tienes que ser convincente cuando tratas de darle un toque más artístico a tu trabajo. He estado muy frustrado con esto apenas salí de la escuela, pero aprendí a manejarlo educando a mis clientes o adaptándome a ellos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;4. Hay que ser capaz de manejar críticas irrelevantes&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Cuando estás en la escuela se aprende mucho al ser criticado por profesores y compañeros. Obviamente estas personas tienen muchas habilidades en el diseño, a veces más que tu mismo. Es mucho más duro manejar las críticas sobre tu trabajo cuando provienen de personas que no tienen una educación en diseño. Puedes estar seguro que escucharás cosas insensatas y tendrás que saber manejarlas.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;5. Deberías hacer copias de seguridad de tus datos regularmente&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;La mayoría de las personas aprende esto de manera ardua, cuando su PC se avería. Usualmente esto sucede en el peor momento, antes de una reunión con el cliente o algo similar. Si te parece que esto no está relacionado con el diseño estás totalmente equivocado.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;6. Comenzar a hacer contactos desde ahora&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Sé sociable, aunque fueras el mejor diseñador, nadie podrá saberlo si la gente no tiene la suerte de conocerte. No necesitas estar siempre en eventos relacionados con tu trabajo, aunque sea un equipo deportivo, de teatro o cualquier cosa que te guste, lo más importante es encontrarte con gente que tenga ideas parecidas. Cuando estés con gente, no te sobrevalores ni hables sobre trabajo todo el tiempo, pero estate seguro de no perder una oportunidad cuando pienses que alguien puede necesitar tu talento.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;7. Asegúrate de que tus clientes firmen un contrato&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;A veces esto es molesto, especialmente cuando piensas que puedes tener confianza con el cliente, pero esto te ahorrarte muchos problemas. Deberías hacer un hábito el firmar con tus clientes un contrato simple y exhaustivo antes de comenzar a trabajar.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;8. Aprender diseño es un proceso continuo.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Tener un diploma no significa que tu formación en diseño esté completa, o casi. Como diseñador deberías estar al día de las últimas tendencias, actualizaciones de software y novedades del sector.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;9. Ser un buen diseñador no es solo una cuestión de talento&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Como decía Picasso "Cuando me llegue la inspiración, que me encuentre trabajando"&lt;br /&gt;Creo en la suerte y en la inspiración, y siempre intento encuentrarla mientras trabajo o ,si no, siempre dispongo de una pequeña libreta de apuntes. Por eso, como diseñador se necesita leer, trabajar, experimentar constantemente, es la única manera de dejar que tu talento natural explote.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;10. Tu impresora va a dejar de funcionar cuando más la necesitas&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;¿Necesitas imprimir tu diseño para encontrarte con tu cliente? Hay muchas posibilidades que tu impresora decida no imprimir en ese momento. Asegúrate de tener algunos amigos o socios de trabajo que te puedan ayudar en estos casos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic; color: rgb(102, 102, 102);font-size:85%;" &gt;Fuente: &lt;a href="http://elnerol.deviantart.com/"&gt;elnerol.deviantart.com&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8713936597527538837?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8713936597527538837/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8713936597527538837' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8713936597527538837'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8713936597527538837'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/10-cosas-que-no-te-ensenan-en-tu.html' title='10 cosas que no te enseñan en tu escuela de diseño'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2152825254569093496</id><published>2009-09-21T17:13:00.005-04:00</published><updated>2009-09-21T19:11:51.773-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='E-Commerce'/><title type='text'>Paginas Web, el precio que los clientes están dispuestos a pagar</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;blockquote&gt;Es responsabilidad del diseñador incluir en sus propuestas las ventajas o lo beneficios que pudieran resultar en oportunidades de negocios y que esa inversión por parte del cliente se pueda retornar, claro, su puesta en marcha y seguimiento siempre dependerá de la gestión del cliente mismo.&lt;/blockquote&gt;&lt;br /&gt;Se puede decir que a partir del año 1998 es que en la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;República Dominicana&lt;/span&gt; el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño web&lt;/span&gt; se empieza a desarrollar como negocio. Las empresas privadas comienzan a contemplar o tener la necesidad de tener &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;presencia en la internet&lt;/span&gt;. Personalmente pienso que en ese entonces la mayoría de las empresas no lo veían como una inversión sino como un gasto sin &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;retorno de la inversión (ROI)&lt;/span&gt;, lo hacían mas por la moda de estar presente en internet que por una necesidad real.&lt;br /&gt;&lt;br /&gt;No se veía la inversión en un web site como una &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;herramienta mercadológica&lt;/span&gt; o de negocios sino como un simple escaparate que se tenia colgado en la internet. Todavía en el 2004 era muy difícil encontrar a empresas que estuvieran dispuestas a destinar un presupuesto para la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;optimización&lt;/span&gt; y el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;rediseño&lt;/span&gt; de su página web con el objetivo de convertirla en una herramienta para maximizar o expandir sus negocios, mercadear sus productos y/o servicios, o como valor agregado de seguimiento y soporte a sus &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;clientes actuales y potenciales&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Crear un sitio web a un nivel profesional exige una serie de pasos básicos que se deben cumplir en un proceso que se comprende de varias etapas, el cliente debe ser parte integral de este proceso y su participación determinara el fin o los objetivos. Desde contestar unas cuantas preguntas que serán cruciales para determinar las &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;secciones del sitio,&lt;/span&gt; &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;jerarquizar&lt;/span&gt; dichas secciones, diseñar la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;navegación&lt;/span&gt;, definir los objetivos del sitio (informativo, un sitio transaccional o de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;e-commerce&lt;/span&gt;, wiki, etc) cómo se posicionará, el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño&lt;/span&gt;, la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;interface,&lt;/span&gt; etc., todo esto se hará posible, primero en una hoja de papel, esto comprende la etapa de  para continuar con la de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;planeación&lt;/span&gt;,&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt; pre producción&lt;/span&gt;, &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;producción&lt;/span&gt;, &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;testeo&lt;/span&gt; y &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;puesta on-line&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic; color: rgb(51, 153, 153);"&gt;Cuando no se crea un sitio web  con estos requisitos obviamente significa que tendríamos menos trabajo, menos trabajo debe resultar en un menor costo por parte del cliente.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Lo que pretendo ilustrar aquí, es que el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;cliente&lt;/span&gt; tendrá siempre 2 opciones: Tener un sitio profesional o tener un sitio &lt;span style="font-style: italic;"&gt;amateur&lt;/span&gt;. Hemos vistos muchísimos casos de empresas de renombre con un sitio web que realmente no se corresponde con &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;el prestigio de la marca&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Desde el punto de vista del cliente, el precio a pagar por un sitio web tiene que ver con el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;manejo profesional&lt;/span&gt; o no del suplidor, sea &lt;span style="color: rgb(51, 153, 153); font-weight: bold;"&gt;empresa&lt;/span&gt; o &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;independiente&lt;/span&gt; (&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;freelance&lt;/span&gt;), su experiencia (&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;portafolio&lt;/span&gt;), su propuesta, garantías, etc. Es responsabilidad del &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseñador &lt;/span&gt;incluir en sus propuestas las &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;ventajas &lt;/span&gt;o lo &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;beneficios&lt;/span&gt; que pudieran resultar en &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;o&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;portunidades de negocios&lt;/span&gt; y que esa &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;inversión&lt;/span&gt; por parte del cliente se pueda retornar, claro, su puesta en marcha y seguimiento siempre dependerá de la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;gestión&lt;/span&gt; del cliente mismo.  Es a partir de aquí donde el cliente apreciará el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;valor real&lt;/span&gt; de su sitio web y considerará los costos del &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;diseño&lt;/span&gt; y &lt;span style="color: rgb(51, 153, 153); font-weight: bold;"&gt;mantenimiento&lt;/span&gt; como una &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;inversión&lt;/span&gt; con beneficios a mediano o largo plazo.&lt;br /&gt;&lt;br /&gt;En general, la mayoría de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;empresarios&lt;/span&gt; considera muchas veces exorbitantes &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;los costos de un sitio web&lt;/span&gt; y muchos no entienden por qué, siendo algo intangible, no les resultan razonables los números de nuestra &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;cotización&lt;/span&gt;. Por ejemplo, una señora que importa obras de arte decide expandir su negocio, quiere montar un a tienda en línea, colocar sus productos con fotos, descripciones, precios, manejar un inventario, realizar pagos o &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;transacciones en línea &lt;/span&gt;y demás hierbas aromáticas. Si lo comparamos con la realidad física, la señora tendría que hacer una inversión en local comercial, almacén, decoración de la tienda, &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;distribución&lt;/span&gt;,  instalaciones de línea telefónica, fax y equipos para los &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;promoción,pagos por tarjeta de crédito&lt;/span&gt; además de la contratación del personal. No sé exactamente cuál sería el total de la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;inversión &lt;/span&gt;pero si estoy seguro que excedería los RD$200,000. Esta señora contaba con un presupuesto de RD$50,000 para el proyecto web y no estaba dispuesta a pagar ni un solo centavo más. Cuando recibió la propuesta y conoció el &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;alcance&lt;/span&gt; que podría tener cambió de opinión. Tres meses mas tarde ya estaba realizando sus primeras &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;ventas en línea&lt;/span&gt; a través de su flamante sitio de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;e-commerce&lt;/span&gt; con una inversión de RD$260,000.&lt;br /&gt;&lt;br /&gt;En conclusión, puede que resulte curioso pero, opino que el precio que están dispuestos a pagar los clientes por nuestro trabajo dependerá de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;nosotros mismos&lt;/span&gt;.&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2152825254569093496?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2152825254569093496/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2152825254569093496' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2152825254569093496'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2152825254569093496'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/paginas-web-el-precio-que-los-clientes.html' title='Paginas Web, el precio que los clientes están dispuestos a pagar'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8608895592250908829</id><published>2009-09-17T12:19:00.003-04:00</published><updated>2009-09-17T13:04:19.679-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Web 3.0</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/SrJieZ_cnqI/AAAAAAAAAI8/V8ifyyywejQ/s1600-h/web3.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/SrJieZ_cnqI/AAAAAAAAAI8/V8ifyyywejQ/s400/web3.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5382472779173764770" /&gt;&lt;/a&gt;&lt;br /&gt;En la actualidad es muy común hablar de la web 2.0. A diario escuchamos el termino o lo vemos en un sin número de sitios en internet. Las redes sociales, blogs, microblogging, la tendencia a la globalización de la información, son aspectos que destacan o distinguen a la web 2.0 de su antecesor la web 1.0.&lt;br /&gt;&lt;br /&gt;Pero ya en la actualidad aproximadamente desde el 2006 se viene hablando de otra tendencia más prometedora con relación a la web, y esta es la web 3.0.&lt;br /&gt;&lt;br /&gt;La web 3.0 promete transformar no sólo nuestra experiencia web, sino toda nuestra cotidianidad. Cuando utilizo el término 3.0, me refiero específicamente a una tendencia en donde los contenidos son accesibles por múltiples aplicaciones, la aparición de la inteligencia artificial, la web semántica y la web 3D. En la web 3.0 se pretende describir el camino evolutivo de la inteligencia artificial aunque para muchas personas suena algo muy lejos de la realidad pero “la iniciativa está hecha”.&lt;br /&gt;&lt;br /&gt;La web 3.0 y su teoría plantea ser desarrollada como un lenguaje universal en donde se le permite a los usuarios tener un mayor alcance y mejor manejo de la información, permitiéndonos un acceso con mayor rapidez a la información, de hecho encontrarla mucho más rápido. Esto permitiría que la información se propague mucho más rápido de comunidad en comunidad.&lt;br /&gt;&lt;br /&gt;El objetivo principal de esta tendencia conocida como web 3.0 es crear un medio universal que permita el intercambio de datos y brindar un mayor significado, se pretende que las maquinas tomen un papel importante en esta tendencia.&lt;br /&gt;&lt;br /&gt;Como todos opinamos de manera diferente se habla mucho de que pasara con la internet actual, las aplicaciones existentes, los motores de búsqueda, pero eso es algo que por el momento solo podemos especular, porque hasta el momento sabemos y estamos acostumbrados a que las tecnologías evolucionan, algunas se adaptan al cambio, otras simplemente desaparecen.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8608895592250908829?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8608895592250908829/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8608895592250908829' title='2 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8608895592250908829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8608895592250908829'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/web-30.html' title='Web 3.0'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_GTkHp1bVvFA/SrJieZ_cnqI/AAAAAAAAAI8/V8ifyyywejQ/s72-c/web3.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6045168290834669551</id><published>2009-09-13T12:48:00.004-04:00</published><updated>2009-09-13T12:52:07.490-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><title type='text'>15 países participan en Bienal de Videoarte en Santiago</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://dominicanoshoy.com/typo3temp/pics/2d78034e30.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 209px;" src="http://dominicanoshoy.com/typo3temp/pics/2d78034e30.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Quince países de América Latina, Europa y el Caribe participan en la IV Bienal Interamericana de Videoarte, que se celebra hasta el próximo 26 de septiembre en la ciudad de Santiago, en el norte de República Dominicana.&lt;br /&gt;&lt;br /&gt;La bienal, que comenzó a celebrarse en 2002, cuenta con los auspicios del Banco Interamericano de Desarrollo (BID), dijo hoy a Efe Ana Azcona, responsable de prensa del Centro Cultural León, en cuyas instalaciones tiene lugar el certamen artístico.&lt;br /&gt;&lt;br /&gt;Según Azcona, el certamen busca ampliar el debate acerca de los problemas económicos y sociales que afectan a América Latina y el Caribe.&lt;br /&gt;&lt;br /&gt;También estimular a los artistas de América Latina y Europa a que desplieguen su creatividad y expongan puntos de vista que refuercen la toma de conciencia y la comprensión de esos problemas, y establecer un marco de referencia para la promoción del vídeo artístico como forma de expresión en la región.&lt;br /&gt;&lt;br /&gt;En esta versión de la bienal se recibieron 201 obras de 15 países, aunque solo se seleccionaron 25.&lt;br /&gt;&lt;br /&gt;Dos videoartistas de la República Dominicana resultaron finalistas en el certamen, Limber Vilorio y Raúl Morilla, explicó la ejecutiva del Centro Cultural León.&lt;br /&gt;&lt;br /&gt;El proceso de selección de estas obras fue realizado por un jurado internacional compuesto por los especialistas en arte latinoamericano Bélgica Rodríguez, de Venezuela, y Germán Rubiano Caballero, de Colombia.&lt;br /&gt;&lt;br /&gt;Los vídeos finalistas y premiados en la Bienal Interamericana de Videoarte recorren numerosos países de América Latina, Estados Unidos y Europa.&lt;br /&gt;&lt;br /&gt;Azcona subrayó que debido a su constante política de cooperación interinstitucional el Centro Cultural León fue escogido por el Centro Cultural del BID como sede temporal de esa muestra desde su segunda edición.&lt;br /&gt;&lt;span style="font-size:78%;"&gt;&lt;br /&gt;Fuente: &lt;a style="color: rgb(51, 153, 153);" href="http://dominicanoshoy.com"&gt;dominicanoshoy.com&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6045168290834669551?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6045168290834669551/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6045168290834669551' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6045168290834669551'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6045168290834669551'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/15-paises-participan-en-bienal-de.html' title='15 países participan en Bienal de Videoarte en Santiago'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2685693738287039356</id><published>2009-09-11T17:44:00.003-04:00</published><updated>2009-09-11T17:47:01.892-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>11S memory</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm4.static.flickr.com/3521/3907376241_0ddec69f2a.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 500px; height: 337px;" src="http://farm4.static.flickr.com/3521/3907376241_0ddec69f2a.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2685693738287039356?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2685693738287039356/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2685693738287039356' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2685693738287039356'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2685693738287039356'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/11s-memory.html' title='11S memory'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://farm4.static.flickr.com/3521/3907376241_0ddec69f2a_t.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1377574180354488565</id><published>2009-09-09T00:50:00.005-04:00</published><updated>2009-09-09T01:26:40.358-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Marketing'/><category scheme='http://www.blogger.com/atom/ns#' term='E-Commerce'/><title type='text'>Comenzando a utilizar Google Adwords</title><content type='html'>&lt;a href="http://1.bp.blogspot.com/_GTkHp1bVvFA/Sqc0cVJuMCI/AAAAAAAAAIs/Li_d7oAj5vE/s1600-h/ga.gif"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 235px; height: 120px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/Sqc0cVJuMCI/AAAAAAAAAIs/Li_d7oAj5vE/s400/ga.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5379325941236248610" /&gt;&lt;/a&gt;&lt;br /&gt;Google Adwords no es nada mas y nada menos que una herramienta de google que sirve para colocar publicidad (contextual, grafica y video) de tu negocio o empresa en Internet.&lt;br /&gt;&lt;br /&gt;Tú como dueño de empresa pagas por cada clic (CPC – Cost per clic) que un usuario hace sobre tu anuncio. Existe otra manera de facturación que es &lt;strong&gt;CPM&lt;/strong&gt; (costo por mil impresiones), pero se ha comprobado que los clientes de google adwords prefieren el &lt;strong&gt;CPC&lt;/strong&gt; (cost per clic) porque ha demostrado ser más efectivo.&lt;br /&gt;&lt;br /&gt;Los anuncios de adword son los que aparecen destacados al principio de los resultados de google (siempre con un color de fondo para identificarlos) y los que aparecen en la parte superior derecha de los resultados.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://4.bp.blogspot.com/_GTkHp1bVvFA/Sqc0pYfByZI/AAAAAAAAAI0/J-20TPe3RrA/s1600-h/adwords.gif"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 193px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/Sqc0pYfByZI/AAAAAAAAAI0/J-20TPe3RrA/s400/adwords.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5379326165469219218" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Estos anuncios aparecen cuando un usuario hace una búsqueda en google. Si colocas en google la frase “Dominican Hotels” pues los anuncios que desplegara serán relacionados a lo que has colocado en el motor de búsqueda. Esto es nada mas y nada menos porque los anunciantes ya han definido cuando sus anuncios deben aparecer, esto se logra colocando “keywords” o palabras claves para que tu anuncio solo se muestre a usuarios que están interesados en los productos que tu empresa vende.&lt;br /&gt;&lt;br /&gt;Google adwords permite colocar estas palabras claves, como también permite colocar palabras claves “negativas” y su función es “NO” mostrar tu anuncio cuando un usuario coloque esas palabras en el motor de búsqueda.&lt;br /&gt;&lt;br /&gt;Google además de esto permite que elijas los sitios en Internet donde te interesa mostrar tus anuncios, este punto es de suma importancia porque de este modo puedes hacer una segmentación más cercana a la realidad de donde esta tú público meta. Puedes aprovechar esto para servir tus anuncios exclusivamente en aquellos sitios que visitan tus consumidores o futuros clientes.&lt;br /&gt;&lt;br /&gt;Google adwords te da la facilidad de segmentación; puedes elegir los países donde quieres mostrar tus anuncios, incluso puedes elegir ciudades especificas, puedes elegir idioma, horario entre otras muchas opciones que hace de la herramienta una potente maquina para las empresas que necesitan tener presencia en Internet.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;un video que lo explica todo:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/iaDP2TbsGWo&amp;hl=es&amp;fs=1&amp;"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/iaDP2TbsGWo&amp;hl=es&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Google adwords&lt;/strong&gt; tiene varios sitio de entrenamiento donde se puede adquirir mucha información valiosa para introducirte en este gran mundo del marketing online.&lt;br /&gt;&lt;br /&gt;- &lt;strong&gt;&lt;a href="http://adwords-es.blogspot.com/"&gt;Blog oficial de Google Adwords (español)&lt;/a&gt; &lt;/strong&gt;&lt;br /&gt;- &lt;a href="http://www.google.com/adwords/learningcenter/"&gt;&lt;strong&gt;Adwords Learning Center&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;- &lt;a href="http://www.google.es/intl/es/adwords/webinars/index.html"&gt;&lt;strong&gt;Seminario Google Adwords&lt;/strong&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1377574180354488565?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1377574180354488565/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1377574180354488565' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1377574180354488565'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1377574180354488565'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/comenzando-utilizar-google-adwords.html' title='Comenzando a utilizar Google Adwords'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_GTkHp1bVvFA/Sqc0cVJuMCI/AAAAAAAAAIs/Li_d7oAj5vE/s72-c/ga.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7071854133165691331</id><published>2009-09-08T23:59:00.004-04:00</published><updated>2010-02-23T11:12:39.399-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='3D'/><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Next Limit en EmprendedoresTV</title><content type='html'>&lt;strong&gt;&lt;a href="http://emprendedorestv.com/"&gt;Emprendedores Tv&lt;/a&gt;&lt;/strong&gt; es una iniciativa de la Fundación Banesto Sociedad y Tecnología. Un canal de televisión por Internet pensado y dirigido íntegramente a los emprendedores y a todas las pequeñas y medianas empresas españolas.&lt;br /&gt;&lt;br /&gt;Algunos de los objetivos de emprendedores TV son:&lt;br /&gt;&lt;br /&gt;Fomentar y prestigiar el espíritu emprendedor y la labor de las pequeñas y medianas empresas como motor imprescindible para el crecimiento futuro de la economía y la creación de puestos de trabajo.&lt;br /&gt;&lt;br /&gt;Servir de punto de encuentro de todas las personas con iniciativa empresarial y de las pequeñas y medianas empresas. Todos ellos podrán compartir en el canal sus experiencias y aprender de los mejores casos reales de éxito.&lt;br /&gt;&lt;br /&gt;En esta oportunidad nos han traido una pequeña entrevista con la empresa española “Next Limit”.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;a href="http://nextlimit.com/"&gt;Next Limit&lt;/a&gt;&lt;/strong&gt; es una empresa creada por dos jóvenes recién licenciados hace menos de diez años y que cuenta con clientes como IBM, Ford, BBC, NASA, Pixar,  Walt Disney.&lt;br /&gt;&lt;br /&gt;Esta empresa en el 2008 fue galardonada por la Academia de las Artes y las Ciencias de Holliwood en su 80 edición de los premios Oscar al premio “Technical Achievement Award por su programa “RealFlow”, un software de recreación de fluidos con el que han conseguido mejorar la animación y realización de efectos visuales en la industria cinematografica.&lt;br /&gt;&lt;br /&gt;Su primer trabajo para la industria del cine fue en “Perdidos en el Espacio” (Lost in Space) donde su software “RealFlow se utilizó para realizar explosiones esterales.&lt;br /&gt;&lt;br /&gt;Desde entonces han estado presentes con su programa de simulación RealFlow, en películas como:&lt;br /&gt;&lt;br /&gt;- El Señor de los Anillos: El retorno del Rey (donde hicieron fluir la lava de El monte del Destino)&lt;br /&gt;- Ice Age 2&lt;br /&gt;- Charlie y la Fábrica de Chocolate&lt;br /&gt;- Chicken Little&lt;br /&gt;- 300&lt;br /&gt;-Poseidon&lt;br /&gt;- Matriz&lt;br /&gt;- Final Fantasy&lt;br /&gt;- X-Men 3&lt;br /&gt;- El Codigo Da Vinci&lt;br /&gt;- The Curious Case of Benjamin Button&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;A continuación un video&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/vHj8L-bk8eE&amp;amp;hl=es&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/vHj8L-bk8eE&amp;amp;hl=es&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7071854133165691331?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7071854133165691331/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7071854133165691331' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7071854133165691331'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7071854133165691331'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/next-limit-en-emprendedorestv.html' title='Next Limit en EmprendedoresTV'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-5001629816613061282</id><published>2009-09-08T23:10:00.002-04:00</published><updated>2009-09-08T23:19:59.555-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Fotografía'/><title type='text'>Concurso de fotografía “Rally Foto Cultura 09”</title><content type='html'>El &lt;strong&gt;Rally Foto Cultura 2009&lt;/strong&gt; es un concurso fotográfico organizado por el Centro Cultural de España – AECID, Photoimagen, y Diario Libre.&lt;br /&gt;&lt;br /&gt;El rally esta dirigido tanto a profesionales como a aficionados a la fotografía y tendrá lugar en la Ciudad Colonial de Santo Domingo.&lt;br /&gt;&lt;br /&gt;Los temas elegidos para las fotografías serán proporcionadas a los participantes en el momento de iniciar el rally.&lt;br /&gt;&lt;br /&gt;La inscripción se realizara en el Centro Cultural de España. El periodo de inscripción comienza el día 1ro de Septiembre y termina el 18 de septiembre a las 8 de la noche.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;a href="http://www.photoimagenrd.com/convocatoria.php"&gt;clic aquí para adquirir mas información&lt;/a&gt;&lt;/strong&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-5001629816613061282?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/5001629816613061282/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=5001629816613061282' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5001629816613061282'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/5001629816613061282'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/concurso-de-fotografia-rally-foto.html' title='Concurso de fotografía “Rally Foto Cultura 09”'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-634901812489438432</id><published>2009-09-07T16:54:00.003-04:00</published><updated>2009-09-07T17:05:51.389-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Como Crear un Buen Brief Creativo para un Proyecto de Diseño</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QBkv__MdgNs/SqVzrECp_JI/AAAAAAAAAAs/Rrd-EOU4-2E/s1600-h/3710178855_eeb1f34418.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 240px; height: 320px;" src="http://1.bp.blogspot.com/_QBkv__MdgNs/SqVzrECp_JI/AAAAAAAAAAs/Rrd-EOU4-2E/s320/3710178855_eeb1f34418.jpg" alt="" id="BLOGGER_PHOTO_ID_5378832513620376722" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;&lt;blockquote&gt;Cómo lograr el diseño anhelado, ese diseño perfecto que tenemos en nuestra cabeza?&lt;br /&gt;La respuesta es… &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;el brief creativo&lt;/span&gt;.&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Tanto para el cliente como para el diseñador el brief creativo es lo que le garantizará (o por lo menos lo acercará más) el éxito de su proyecto.&lt;br /&gt;&lt;br /&gt;En este Post analizaremos como escribir un brief creativo para un proyecto de diseño que resultara en beneficio tanto del cliente como del diseñador, pero primero, vamos a empezar definiendo &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Brief Creativo&lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Qué es un Brief Creativo?&lt;/span&gt;&lt;br /&gt;Antes que nada debemos decir que el brief creativo es un resumen que elaboraremos con la información suministrada por &lt;span style="font-weight: bold;"&gt;el cliente&lt;/span&gt; relativa a su empresa o servicio, es algo tan vital para cualquier &lt;span style="font-weight: bold;"&gt;diseño&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;campaña&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;anuncio&lt;/span&gt;, etc., como la(s) herramienta(s) que usaremos, nos proveerá la información necesaria para elaborarlo de la forma mas fiel a los &lt;span style="font-weight: bold;"&gt;objetivos del cliente,&lt;/span&gt; excediendo al final nuestras propias expectativas.&lt;br /&gt;&lt;br /&gt;El &lt;span style="font-weight: bold;"&gt;brief creativo&lt;/span&gt; se enfoca de manera primaria en los &lt;span style="font-weight: bold;"&gt;objetivos de negocios&lt;/span&gt; del proyecto además de enfrentar y analizar los posibles problemas que tiene que resolver el diseñador sin perder &lt;span style="font-weight: bold;"&gt;la estética del diseño&lt;/span&gt; en si, esa es nuestra responsabilidad como &lt;span style="font-weight: bold;"&gt;diseñadores&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;El brief creativo también le permite al cliente referenciar exactamente cualquier necesidad de comunicación, cualquier detalle, cualquier sugerencia antes de empezar a trabajar en el proyecto.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Cómo escribir un buen Brief Creativo?&lt;/span&gt;&lt;br /&gt;El cliente provee el 90% de la información que considera necesaria… el 10% restante será el que completemos con las siguientes preguntas:&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Qué hace su negocio, que o cuales actividades realiza, a que se dedica?&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Lo más recomendable, es que el cliente asuma que no sabemos absolutamente nada sobre su compañía. En esta parte debemos ser claros y concisos.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Cuál es la historia de su compañía?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Cuáles son los objetivos de la compañía, por qué?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Cuál es el objetivo del nuevo proyecto de diseño?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Qué está el cliente tratando de comunicar y por qué?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Está el cliente tratando de vender mas productos o servicios o simplemente darlos a conocer?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Cuáles son sus competidores y en qué lugar se encuentra respecto a ellos?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Quiere hacer un total rediseño o simplemente actualizar su material promocional?&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;*Es muy importante que el cliente nos provea material promocional existente.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Cuál es el mercado meta, sus datos demográficos, socioeconómicos, edad, genero, gustos, actitudes, estilos de vida, salario, etc.?&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Si tiene diferentes audiencias &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;segmentar&lt;/span&gt; es lo recomendable y ordénalos en orden de importancia.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Qué imágenes usaremos, ilustración, fotografía… o no usaremos?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Definir el mensaje, Redactar títulos, subtitulo, body copy, etc.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Además de toda esta información debemos analizar también algo muy importante:&lt;br /&gt;&lt;span style="color: rgb(51, 153, 153);"&gt;Realmente necesita el cliente lo que cree o quiere?&lt;/span&gt;&lt;br /&gt;A veces el cliente cree necesitar una campaña y hasta destinar un presupuesto para su elaboración cuando su problema realmente se puede resolver con un anuncio suelto.&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Es aquí donde entra nuestra conciencia.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-634901812489438432?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/634901812489438432/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=634901812489438432' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/634901812489438432'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/634901812489438432'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/como-crear-un-buen-brief-creativo-para.html' title='Como Crear un Buen Brief Creativo para un Proyecto de Diseño'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_QBkv__MdgNs/SqVzrECp_JI/AAAAAAAAAAs/Rrd-EOU4-2E/s72-c/3710178855_eeb1f34418.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8455461875125079768</id><published>2009-09-03T16:26:00.004-04:00</published><updated>2009-09-03T16:48:12.956-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Tendencia de la Web</title><content type='html'>&lt;div style="text-align: justify;"&gt;&lt;blockquote&gt;Si hay que plantearse qué vendrá después de la Web 2.0, dos de las tendencias que se han identificado y que se comentan en numerosas páginas de Internet son los metaversos o mundos virtuales y la inteligencia artificial gracias al etiquetado o Web semántica.&lt;/blockquote&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;En contra de lo que pudiera parecer, la Web 2.0 no es una nueva versión de la Web, ni un protocolo de comunicaciones, ni un nuevo lenguaje de programación.&lt;br /&gt;La Web 2.0 es una nueva filosofía de hacer las cosas.&lt;br /&gt;&lt;br /&gt;Gracias a las facilidades, evolución y gratuidad de las tecnologías que antes eran inaccesibles para la mayoría de los usuarios, se están fomentando las redes sociales y la participación activa. El website se convierte en una plataforma que posibilita la interrelación entre usuarios, miembros activos de una comunidad que comparte un interés o necesidad afín. Gracias a esto, el usuario tiene un papel activo: ya no sólo accede a la información, sino que además aporta contenidos&lt;br /&gt;y conocimiento.&lt;br /&gt;&lt;br /&gt;Se produce, por tanto, una descentralización de Internet en la que cada cliente es, al mismo tiempo, servidor (creador de contenidos). Así, cuantas más personas accedan al servicio, mayor será el valor para el resto de los usuarios (efecto red).&lt;br /&gt;&lt;br /&gt;Hay tres principios que pueden definir la Web 2.0:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Comunidad&lt;/span&gt;: el usuario aporta contenidos, interactúa con otros usuarios, crea redes de conocimiento, etc.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Tecnología&lt;/span&gt;: un mayor ancho de banda permite transferir información a una velocidad antes inimaginable. En lugar de paquetes de software, es posible tener servicios web y cada terminal puede ser cliente y servidor al mismo tiempo, en cualquier lugar del mundo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Arquitectura modular&lt;/span&gt;: favorece la creación de aplicaciones complejas de forma más rápida y a un menor coste.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Básicamente, mientras que en la Web 1.0 los usuarios son destinatarios de la tecnología, de los contenidos y de los negocios, en la Web 2.0 también colaboran en el desarrollo de la tecnología (software de fuente abierta), producen los contenidos (blogosfera) y participan del negocio (Google Adsense). Aunque todavía no está muy clara su puesta en marcha y existen dudas sobre&lt;br /&gt;cuándo llegará, lo cierto es que la propagación del término Web 3.0 se ha disparado y se prevé que, en un futuro no muy lejano, las redes virtuales sean lo suficientemente inteligentes como para hacer una composición semántica de las páginas web.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;En el futuro, la Web será un mundo virtual inteligente, en la que los avatares se moverán y actuarán en función de los datos y hábitos de cada persona. El concepto de información estática, como son los libros, los artículos y las imágenes, cambiará y se transformará en flujo de conocimiento.&lt;br /&gt;&lt;br /&gt;Los avatares serán los encargados de hacer llegar a cada usuario el tipo de noticia y la publicidad de productos que sean de su interés, de educar en materias que reporten mayor utilidad y de favorecer relaciones entre personas con las mismas afinidades e intereses. Será una Web participativa, inteligente y eficaz, que ahorrará tiempo al usuario y le proporcionará un flujo de conocimiento ilimitado.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:78%;"&gt;Fuente: El Negocio de las Redes Sociales - Resumen Ejecutivo&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8455461875125079768?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8455461875125079768/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8455461875125079768' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8455461875125079768'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8455461875125079768'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/tendencia-de-la-web.html' title='Tendencia de la Web'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7717892152609245502</id><published>2009-09-02T13:43:00.004-04:00</published><updated>2009-09-02T13:53:38.040-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Ilustración'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Recordando Cannes 2008 [AIDES: Explore Just Protect Yourself]</title><content type='html'>&lt;span style="font-weight:bold;"&gt;AIDES (Asociación de lucha contra el VIH-SIDA y las hepatitis) en Cannes 2008.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Las campañas sociales de AIDES siempre son para admirarse. Y efectivamente se va haciendo costumbre que año con año las veamos ganar en los principales certámenes publicitarios mundiales, como en este caso la más nueve ejecución en Outdoor (que para muchos, seguro debería ser Press -y seguro lo será, porque seguro así nació-), se echa al bolsillo un bronce.&lt;br /&gt;&lt;br /&gt;Es también una tradición el distinguible tono que utilizan estas campañas, y en esta ocasión &lt;a href="http://www.tbwa.com/"&gt;TBWA/París&lt;/a&gt; nos regala una maravilla de la ilustración perfectamente cuidada, con mucho chiste y detalle, que se subieron al tercer peldaño de la premiación el día 17 de junio 2008.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/Sp6wwBjjFdI/AAAAAAAAAIc/rjzJJpjZL-M/s1600-h/cannes1.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/Sp6wwBjjFdI/AAAAAAAAAIc/rjzJJpjZL-M/s400/cannes1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5376929344224695762" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/Sp6w-5zXkwI/AAAAAAAAAIk/jZA0104Mq8o/s1600-h/cannes2.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 265px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/Sp6w-5zXkwI/AAAAAAAAAIk/jZA0104Mq8o/s400/cannes2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5376929599841604354" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7717892152609245502?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7717892152609245502/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7717892152609245502' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7717892152609245502'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7717892152609245502'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/recordando-cannes-2008-aides-explore.html' title='Recordando Cannes 2008 [AIDES: Explore Just Protect Yourself]'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/Sp6wwBjjFdI/AAAAAAAAAIc/rjzJJpjZL-M/s72-c/cannes1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-9169303210020925281</id><published>2009-09-02T13:00:00.004-04:00</published><updated>2010-02-23T11:13:18.900-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='3D'/><category scheme='http://www.blogger.com/atom/ns#' term='Animación'/><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><title type='text'>Alan Camilo [Un talento Brasileño]</title><content type='html'>Alan camilo es un joven brasileño de 28 años de edad ubicado en Río de Janeiro. Es una animador 3D que ha trabajando en proyecto sumamente interesantes en su país. Uno de sus últimos proyectos realizados fue el video de seguridad de los cines UCI. El video fue producido por Seagulls Fly usando la imagen de Charlie Chaplin.&lt;br /&gt;&lt;br /&gt;Veamos algunos trabajos de Alan Camilo:&lt;br /&gt;&lt;br /&gt;&lt;object width="400" height="230"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6284753&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=6284753&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="230"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/6284753"&gt;Charles Chaplin 3d - Vídeo de Segurança UCI&lt;/a&gt; from &lt;a href="http://vimeo.com/seagullsfly"&gt;Seagulls Fly&lt;/a&gt; on &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CRÉDITOS:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Productor: Seagulls Fly&lt;br /&gt;Track: Jingle Manga&lt;br /&gt;Director: FlavioMac y serendipityguy&lt;br /&gt;Guión: alittlebitcharlotte&lt;br /&gt;Animación 3D: Alan Camilo&lt;br /&gt;3D Artists: Gabriel loques, FlavioMac, Fabrício Moraes, Alan Camilo, Fernando Reule, Gustavo Duval, Raoni Nery Felipe Lobo, Luiz Felippe Azevedo,&lt;br /&gt;Post-Producción: FlavioMac&lt;br /&gt;Storyboard: Mark Potter&lt;br /&gt;Concept Art: alittlebitcharlotte, Marco Potter&lt;br /&gt;Escrito por: Patricia Pagel, Luciana Jordania y alittlebitcharlotte&lt;br /&gt;Producción: Luciana Jordania y Juliana Ferreira&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Chaplin Rig&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="400" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/FfFrHzahzmk&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/FfFrHzahzmk&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Demo Reel 2009&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;object width="400" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/y42FGJ8DV6M&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowScriptAccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/y42FGJ8DV6M&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Si quieres conocer mas sobre este artista visita los siguientes links.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;a href="http://www.trickorscript.com/alancamilo/AlanCamilo_Resume.html"&gt;Resumen&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.camiloalan.blogspot.com/"&gt;&lt;span style="font-weight:bold;"&gt;Blog&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://twitter.com/alancamilo"&gt;&lt;span style="font-weight:bold;"&gt;Twitter&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-9169303210020925281?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/9169303210020925281/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=9169303210020925281' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/9169303210020925281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/9169303210020925281'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/alan-camilo-un-talento-brasileno.html' title='Alan Camilo [Un talento Brasileño]'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2986073766465059616</id><published>2009-09-02T12:33:00.004-04:00</published><updated>2009-09-02T12:52:45.870-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Pepsi vs Coca Cola [Evolución de imagen]</title><content type='html'>Evolución de imagen de estas marcas desde 1886 hasta la actualidad. Es super interesante ver como han evolucionado gráficamente estas dos marcas a través de la historia, ambas tratando de crear la imagen perfecta para que el mundo se sienta completamente identificado con el producto. Desde mi punto de vista Coca Cola ha experimentado menos cambios en su imagen a diferencia de Pepsi.&lt;br /&gt;&lt;br /&gt;Coca Cola ha conseguido mantenerse con una tipografía desde 1940, aunque en 1985 no es exactamente la misma. Por el contrario Pepsi desde 1898 hasta 1950 mantuvo una similitud en el estilo y la imagen, pero haciendo cambios tipográficos en su marca, a continuación la imagen.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/Sp6g-q8K80I/AAAAAAAAAIU/S3BD06LtrdA/s1600-h/pep-coke.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 133px; height: 400px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/Sp6g-q8K80I/AAAAAAAAAIU/S3BD06LtrdA/s400/pep-coke.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5376912003665949506" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2986073766465059616?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2986073766465059616/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2986073766465059616' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2986073766465059616'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2986073766465059616'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/09/pepsi-vs-coca-cola-evolucion-de-imagen.html' title='Pepsi vs Coca Cola [Evolución de imagen]'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_GTkHp1bVvFA/Sp6g-q8K80I/AAAAAAAAAIU/S3BD06LtrdA/s72-c/pep-coke.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2418276139772575553</id><published>2009-08-31T14:27:00.005-04:00</published><updated>2010-02-23T11:14:13.653-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Publicidad'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Comercial Cactus - BHD</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QBkv__MdgNs/SpwWmWGxiQI/AAAAAAAAAAc/w_njfbQdKdU/s1600-h/preview_320_260_1.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 260px;" src="http://1.bp.blogspot.com/_QBkv__MdgNs/SpwWmWGxiQI/AAAAAAAAAAc/w_njfbQdKdU/s320/preview_320_260_1.jpg" alt="" id="BLOGGER_PHOTO_ID_5376196903198361858" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;En Julio del 2008, la agencia &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;JWT&lt;/span&gt; nos trajo este comercial realizado para su cliente Banco BHD. El mensaje, que puede catalogarse de muy emotivo se centra en el valor de atreverse al cambio, en este caso, el personaje principal (un &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Hombre-Cactus&lt;/span&gt;) lo consigue mediante su deseo de superación y claro está, mediante el ahorro, consiguiendo de esta manera transmitir el mensaje de incentivar el ahorro en el banco y transmitir la seguridad en hacerlo con el BHD.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;El Hombre-Cactus muy bien logrado por la productora &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Blowups Films&lt;/span&gt; de Argentina es un empleado de una empresa privada que es hasta cierto modo rechazado por la sociedad ya sea por su apariencia o simplemente por el daño que pudieran causar sus espinas. Una niña le hace una muestra de afecto (le regala un marshmallow) que se convierte en una idea de cambio, en el fondo es su deseo poder ser parte e interactuar con esa sociedad y mediante su esfuerzo y sus ahorros en el banco, se lleva a cabo y empieza a ser aceptado por todos.&lt;br /&gt;&lt;br /&gt;La frase de cierre de este comercial de 50 segundos es: “&lt;span style="font-style: italic; color: rgb(51, 153, 153);"&gt;Cualquiera que sea tu sueño lo cuidamos&lt;/span&gt;”.&lt;br /&gt;&lt;br /&gt;Una parte muy emotiva y que para mi tiene un gran valor humano es la fotografía y el beso en el elevador,  al final del comercial, donde antes nadie se atrevía a subir cuando veían al personaje principal,  lo que le agrega un toque de sentimiento humano ya que el personaje se siente ver el fruto de su esfuerzo. En mi opinión muy bien logrado desde el punto de vista de post producción mezclando la &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;animación 3D&lt;/span&gt; con los actores. Me parece con esta historia de valores el mensaje trasciende y llega a todo público.&lt;br /&gt;&lt;br /&gt;La producción hace se cuidando mucho la permanencia de la marca en el top of mind del espectador evitando un problema que sucede con muchos anuncios de producción interesante: el espectador recuerda el protagonista o la historia no así el producto.&lt;br /&gt;“&lt;span style="font-style: italic;"&gt;Viste el anuncio de los delfines??? Ta aperísssimoo!!!, de que producto es?...  no me acuerdo.&lt;/span&gt;”&lt;br /&gt;&lt;br /&gt;Que bueno saber que contamos con buena publicidad que nace de mentes creativas nacionales y con clientes que saben apreciarlo y creen en sus propuestas.&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/PWqJpbZ-ON8&amp;amp;hl=en&amp;amp;fs=1&amp;amp;"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/PWqJpbZ-ON8&amp;amp;hl=en&amp;amp;fs=1&amp;amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;Anunciante: &lt;span style="color: rgb(0, 0, 0);"&gt;Banco BHD&lt;/span&gt;&lt;br /&gt;Producto: BHD&lt;br /&gt;Agencia de Publicidad: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;JWT República Dominicana&lt;/span&gt;&lt;br /&gt;Director General Creativo: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Mike Alfonseca&lt;/span&gt;&lt;br /&gt;Director Creativo: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Mike Alfonseca/Liko Natera&lt;/span&gt;&lt;br /&gt;Director de Cuenta: Gerardo Martijena&lt;br /&gt;Director Arte: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Alvaro Chan/Liko Natera&lt;/span&gt;&lt;br /&gt;Redactor: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Mike Alfonseca&lt;/span&gt;&lt;br /&gt;Productora: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Blowup Films&lt;/span&gt;&lt;br /&gt;Realizador: Cristian Bernard&lt;br /&gt;Banda Musical: Mario García (EME Producciones)&lt;br /&gt;Post Producción: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Barraca Post&lt;/span&gt;&lt;br /&gt;Director Fotografía: José Cajaraville&lt;br /&gt;País: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;República Dominicana&lt;/span&gt;&lt;br /&gt;Categoría: Bancos&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2418276139772575553?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2418276139772575553/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2418276139772575553' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2418276139772575553'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2418276139772575553'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/comercial-cactus-bhd.html' title='Comercial Cactus - BHD'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_QBkv__MdgNs/SpwWmWGxiQI/AAAAAAAAAAc/w_njfbQdKdU/s72-c/preview_320_260_1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6646253112805242346</id><published>2009-08-28T17:43:00.003-04:00</published><updated>2009-08-28T17:50:00.401-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Multimedia'/><category scheme='http://www.blogger.com/atom/ns#' term='Flash'/><title type='text'>Donde aprender Multimedia en Santo Domingo?</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_QBkv__MdgNs/SphQt9g4FKI/AAAAAAAAAAU/GFDzqU_3QoU/s1600-h/sdq.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 239px; height: 240px;" src="http://2.bp.blogspot.com/_QBkv__MdgNs/SphQt9g4FKI/AAAAAAAAAAU/GFDzqU_3QoU/s320/sdq.gif" alt="" id="BLOGGER_PHOTO_ID_5375134905803478178" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;En Santo Domingo podemos contar con un Centro de Aprendizaje que ofrece diferentes cursos de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Web y Multimedia&lt;/span&gt; impartidos por profesionales y expertos en el área Multimedia,  se trata de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;SDQ Training Center&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Ubicados en la calle Lea de Castro, #256, Edif. TEGUIAS 5to piso, Gascue, SDQ Training Center posee una excelente oferta académica además de contar con instructores expertos y certificados en sus respectivas áreas por &lt;a style="font-weight: bold; color: rgb(51, 153, 153);" href="http://www.adobe.com/support/certification/ace.html"&gt;Adobe Certified Expert Program&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;SDQ Training Center ofrece cursos de alta calidad en &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;tecnología multimedia&lt;/span&gt;, tomando las áreas de: &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Diseño, Web, 3D, Video y Audio&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Actualmente su oferta académica es:&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;•    PHP &amp;amp; MySQL&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Maya     Maya&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe Flash CS4 &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe Photoshop CS4 &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe InDesign CS4 &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    HTML y CSS &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    3D Studio Max&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe Premiere CS4 &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe After Effects CS4 &lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe Illustrator CS4&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    Adobe Photoshop CS4&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;•    ActionScript 3&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Para más información accede al sitio web  de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;SDQ Training Center&lt;/span&gt;: &lt;a style="color: rgb(51, 153, 153);" href="http://www.sdq.com.do/"&gt;http://www.sdq.com.do&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6646253112805242346?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6646253112805242346/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6646253112805242346' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6646253112805242346'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6646253112805242346'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/donde-aprender-multimedia-en-santo.html' title='Donde aprender Multimedia en Santo Domingo?'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_QBkv__MdgNs/SphQt9g4FKI/AAAAAAAAAAU/GFDzqU_3QoU/s72-c/sdq.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-8970188468246168375</id><published>2009-08-27T11:58:00.003-04:00</published><updated>2009-09-16T11:29:38.232-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>Chat online que traduce tu conversaciones</title><content type='html'>&lt;blockquote&gt;&lt;a href="http://www.babelwith.me/"&gt;BabelWith.Me&lt;/a&gt; es una herramienta basada en web, de modo que no necesita instalar ningún software para utilizarlo. Sólo iniciar una conversación, invitar a la gente a unirse, y hablar con personas de todo el mundo.&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Este chat facilita invitar a la gente a unirse a la conversación. Inmediatamente vas a  obtener una dirección URL especial para tu chat que puedes compartir con tus  amigos, funciona en aproximadamente 45 idiomas y es completamente gratuito. Un punto interesante es que tu conversación se actualiza automáticamente mientras escribes, las personas recibirán el chat en su idioma de preferencia, esta aplicación fue desarrollada por &lt;a href="http://www.lifechurch.tv/"&gt;LifeChurch.tv&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.babelwith.me/"&gt;&lt;span style="font-weight:bold;"&gt;BabelWith.Me&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/Spat8b_twBI/AAAAAAAAAH0/SXfqsck47ew/s1600-h/babel.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 149px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/Spat8b_twBI/AAAAAAAAAH0/SXfqsck47ew/s400/babel.jpg" class="floatbox" border="0" alt=""id="BLOGGER_PHOTO_ID_5374674459132018706" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-8970188468246168375?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/8970188468246168375/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=8970188468246168375' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8970188468246168375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/8970188468246168375'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/chat-online-que-traduce-tu.html' title='Chat online que traduce tu conversaciones'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_GTkHp1bVvFA/Spat8b_twBI/AAAAAAAAAH0/SXfqsck47ew/s72-c/babel.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-7358403655410785863</id><published>2009-08-27T00:50:00.002-04:00</published><updated>2009-08-27T00:56:24.484-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='E-Commerce'/><title type='text'>Campañas de Email (Claves para entender el nuevo marketing)</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/SpYRHgT4MYI/AAAAAAAAAHs/1ya9JWl2oeI/s1600-h/1.0.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 308px; height: 162px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/SpYRHgT4MYI/AAAAAAAAAHs/1ya9JWl2oeI/s400/1.0.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5374502025943331202" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Este es un extracto del libro “del 1.0 al 2.0: Claves para entender el nuevo marketing”, con la dirección y edición de “Eva Sanagustín” y 18 autores. Este libro se publica bajo la licencia de “Creative Commons”, al final podrás encontrar el link para descargar una versión pdf del libro completo.&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;El uso del email como herramienta de marketing online se ha consolidado como una de las técnicas más eficientes para comunicarse con usuarios y clientes. Utilizado correctamente, el email marketing es una técnica extremadamente potente y efectiva para construir relaciones con tus clientes basadas en el valor y la confianza. Sin embargo, puede ser un arma de doble filo, ya que utilizado de una manera incorrecta puede ser destructivo para la imagen de tu empresa y puede llevarte a la pérdida de clientes y potenciales clientes.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;¿Qué es el permission-based email marketing?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Antes de nada debemos aclarar la definición de permission-based email marketing, o email marketing de permiso. Es importante saber que existen 2 modalidades diferentes de email marketing. La primera es aquella en la que se envían promociones de forma masiva a personas que en ningún momento solicitaron recibirla y la segunda son aquellas campañas que se envían a personas que dieron su permiso para ser contactadas por email. La primera de estas modalidades es lo que se conoce como spam. El envío de estas campañas garantiza la destrucción de la reputación y legitimidad de cualquier empresa. La regla nº1 y más importante para convertirte en un gran email marketer es no enviar campañas a aquellos que no te han dado su permiso para hacerlo.&lt;br /&gt;&lt;br /&gt;La segunda modalidad, el email marketing de permiso, es utilizada diariamente y de forma efectiva por miles de empresas para aumentar el valor de su marca, incrementar las ventas y construir una mejor relación con sus clientes. La diferencia es que estas empresas están enviando sus campañas a personas que sí han solicitado recibirlas. Existen diversas maneras de obtener el permiso de tus suscriptores:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;• Doble Opt-in.&lt;/span&gt; Con este sistema el usuario te solicitará su registro en el listado y se le envía un email de confirmación de su identidad. Hasta que ese email no sea confirmado, no pasará a formar parte de tu lista. Es tu mejor opción para construir una lista de calidad.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;• Opt-in.&lt;/span&gt; En esta ocasión el usuario solicita su registro en tu listado pero no has de confirmar su registro.&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;&lt;br /&gt;• Opt-out.&lt;/span&gt; En este caso el usuario no solicita su registro. Se le añade a la lista y luego se le envía un email con instrucciones de cómo darse de baja. En ningún caso te recomiendo esta técnica. La importancia de aportar valor Durante las últimas décadas las empresas han confiado en la publicidad tradicional como melodías pegadizas en la radio, anuncios de televisión, anuncios en prensa escrita, correo directo, telemarketing y muchas otras. La técnica consiste en interrumpir al televidente, radioyente o lector para convencerle de que compre nuestro producto.&lt;br /&gt;&lt;br /&gt;Sin embargo los consumidores cada vez están más inmunizados contra este tipo de publicidad, por lo que prácticamente no le prestan atención o han encontrado maneras de evitarla. Cada vez es más complicado atraer la atención de los consumidores y la mejor manera de dar a conocer tus productos o servicios es aportando valor al mensaje.&lt;br /&gt;&lt;br /&gt;En el caso del email marketing el axioma de valor – atención se cumple a la perfección. Para construir una sólida base de suscriptores que den su permiso para recibir tus campañas de email o newsletter, es fundamental que aportes una buena dosis de valor, ya sea mediante la producción de contenidos que sean de interés para el lector o con descuentos especiales en una gama de productos que sabes que interesa al suscriptor.&lt;br /&gt;&lt;br /&gt;Es precisamente esta combinación de valor + permiso lo que hace que el email marketing tenga un altísimo porcentaje en su ratio de conversión por visitante y te permita desarrollar y fortalecer la relación con tus clientes, pudiendo transformar a un comprador casual, en un cliente fiel y evangelizador de tu marca.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.box.net/shared/tgoujqjm72"&gt;&lt;span style="font-weight:bold;"&gt;Descarge el libro completo&lt;/span&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-7358403655410785863?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/7358403655410785863/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=7358403655410785863' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7358403655410785863'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/7358403655410785863'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/campanas-de-email-claves-para-entender.html' title='Campañas de Email (Claves para entender el nuevo marketing)'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_GTkHp1bVvFA/SpYRHgT4MYI/AAAAAAAAAHs/1ya9JWl2oeI/s72-c/1.0.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6940238511357269329</id><published>2009-08-27T00:23:00.009-04:00</published><updated>2009-08-28T16:37:44.890-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><category scheme='http://www.blogger.com/atom/ns#' term='Tecnologia'/><title type='text'>Apple Table</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpYLMheOEqI/AAAAAAAAAG8/m3ArzVEQ2OE/s1600-h/appletablet1.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 136px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpYLMheOEqI/AAAAAAAAAG8/m3ArzVEQ2OE/s400/appletablet1.gif" alt="" id="BLOGGER_PHOTO_ID_5374495515084722850" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Apple lanzará  un nuevo producto…El “Apple Table. Un artículo en el "Financial times" el mes pasado demandó que la empresa se precipitaba para estirar el dispositivo a tiempo para la Navidad.&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;¿Pero en realidad a que se parecerá el Apple Table? Hasta ahora, ninguna de las fotos del producto final han salido a la luz, pero esto no ha evitado que muchos usuarios hallan imaginado el producto, con un carácter distintivo de diseño liso y minimalista como es el de Apple. De hecho, la idea de una Apple Table ha estado de boca en boca por mucho tiempo, tanto así que algunos admiradores de Apple se han aventurado a construir una imagen de su propio Apple Table.&lt;br /&gt;&lt;br /&gt;Algunas imagenes para ustedes:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_GTkHp1bVvFA/SpYLXP3-Y-I/AAAAAAAAAHE/kvpeG6wSpn8/s1600-h/apple_table.jpg"&gt;&lt;img style="cursor: pointer; width: 400px; height: 227px;" src="http://3.bp.blogspot.com/_GTkHp1bVvFA/SpYLXP3-Y-I/AAAAAAAAAHE/kvpeG6wSpn8/s400/apple_table.jpg" alt="" id="BLOGGER_PHOTO_ID_5374495699339469794" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Diseños Conceptuales&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;MacBook Touch&lt;/span&gt; (Diseño de &lt;a href="http://www.tofslie.com/"&gt;Edwin Tofslie&lt;/a&gt;)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/SpYMlncbFJI/AAAAAAAAAHM/_UFXZTXxjFI/s1600-h/macbooktouch.gif"&gt;&lt;img style="cursor: pointer; width: 400px; height: 281px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/SpYMlncbFJI/AAAAAAAAAHM/_UFXZTXxjFI/s400/macbooktouch.gif" alt="" id="BLOGGER_PHOTO_ID_5374497045696156818" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Apple NetBook&lt;/span&gt; (Ilustración de Adam Benton)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpYOXLnYPnI/AAAAAAAAAHU/M9esG6u8s6s/s1600-h/macformatappletablet1.jpg"&gt;&lt;img style="cursor: pointer; width: 336px; height: 400px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpYOXLnYPnI/AAAAAAAAAHU/M9esG6u8s6s/s400/macformatappletablet1.jpg" alt="" id="BLOGGER_PHOTO_ID_5374498996731002482" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_GTkHp1bVvFA/SpYOuffoOxI/AAAAAAAAAHc/jET-PZ1XCsc/s1600-h/macformatappletablet2.jpg"&gt;&lt;img style="cursor: pointer; width: 400px; height: 237px;" src="http://2.bp.blogspot.com/_GTkHp1bVvFA/SpYOuffoOxI/AAAAAAAAAHc/jET-PZ1XCsc/s400/macformatappletablet2.jpg" alt="" id="BLOGGER_PHOTO_ID_5374499397204196114" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;MacBook Touch&lt;/span&gt; (Diseño de Gizmodo)&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/SpYPU7bAc3I/AAAAAAAAAHk/o1Z9zQHTDUQ/s1600-h/macbooktouchmockup.gif"&gt;&lt;img style="cursor: pointer; width: 400px; height: 340px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/SpYPU7bAc3I/AAAAAAAAAHk/o1Z9zQHTDUQ/s400/macbooktouchmockup.gif" alt="" id="BLOGGER_PHOTO_ID_5374500057536033650" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6940238511357269329?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6940238511357269329/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6940238511357269329' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6940238511357269329'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6940238511357269329'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/apple-table.html' title='Apple Table'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_GTkHp1bVvFA/SpYLMheOEqI/AAAAAAAAAG8/m3ArzVEQ2OE/s72-c/appletablet1.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-2708676952904442785</id><published>2009-08-26T22:43:00.007-04:00</published><updated>2010-02-23T11:14:34.634-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Video'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Grafico'/><title type='text'>Creación de portada de revista [Video]</title><content type='html'>&lt;a href="http://www.peterbelanger.com/"&gt;Meter Belanger&lt;/a&gt; fotógrafo graduado de “Rhode Island School of Design (BFA, Photography)” es un destacado y exitoso fotógrafo el cual ha trabajado con marcas como Apple, Sony, Johnson &amp;amp; Johnson, Dwell Magazine y Macworld. Ha llevado acabo la creación de un video donde muestra el proceso desde la fotografía hasta el diseño grafico aplicado a la imagen final. El resultado es la portada de la revista &lt;a href="http://www.macworld.com/"&gt;Macworld&lt;/a&gt;. La cámara usada para la fotografía fue Canon 5D Mark II con un 24mm-70mm zoom.&lt;br /&gt;&lt;br /&gt;&lt;object height="400" width="470"&gt;&lt;param name="allowfullscreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5989754&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=1&amp;amp;color=ff9933&amp;amp;fullscreen=1"&gt;&lt;embed src="http://vimeo.com/moogaloop.swf?clip_id=5989754&amp;amp;server=vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=1&amp;amp;color=ff9933&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="400" width="470"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;p&gt;&lt;a href="http://vimeo.com/5989754"&gt;Cover creation&lt;/a&gt; from &lt;a href="http://vimeo.com/peterbelanger"&gt;Peter Belanger&lt;/a&gt; on &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt;.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-2708676952904442785?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/2708676952904442785/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=2708676952904442785' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2708676952904442785'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/2708676952904442785'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/creacion-de-portada-de-revista-video.html' title='Creación de portada de revista [Video]'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1597811111721154378</id><published>2009-08-26T18:10:00.005-04:00</published><updated>2009-08-26T18:21:14.649-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web'/><title type='text'>Hora de conocer a ‘Meme’, el 'Twitter' de Yahoo.</title><content type='html'>&lt;blockquote&gt;Twitter, Tumblr, redes sociales… Es todo una tendencia a la que la gente de yahoo ha decidido unirse lanzando un sitio de microblogging en español llamado &lt;a href="http://meme.yahoo.com"&gt;Yahoo! Meme&lt;/a&gt;.&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Este sitio de microblogging pretende competir con los ya mencionados ‘Twitter y Tumblr y otros servicios similares’.&lt;br /&gt;&lt;br /&gt;Yahoo meme, fue lanzado en marzo originalmente para el mercado portuguez y a llegado ahora en español para el mercado latinoamericano. El usuario puede crear una cuenta y empezar con un blog vacío que puede llenar con texto, imágenes, vídeos, música y una mezcla de todo.&lt;br /&gt;&lt;br /&gt;Todo lo que se puede añadir al blog, aparte del contenido, es un título, una descripción de 100 caracteres, y una imagen o  avatar. Además se puede crear un espacio para comentarios bajo el contenido del blog.&lt;br /&gt;&lt;br /&gt;A continuación les dejo unas imágenes de las interface de &lt;a href="http://meme.yahoo.com"&gt;Yahoo meme&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_GTkHp1bVvFA/SpW0NhQWi-I/AAAAAAAAAGk/3kvttoG8rnI/s1600-h/meme1.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 254px;" src="http://4.bp.blogspot.com/_GTkHp1bVvFA/SpW0NhQWi-I/AAAAAAAAAGk/3kvttoG8rnI/s400/meme1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5374399874694810594" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpW0ZW4kZiI/AAAAAAAAAGs/M-9fDIGAm0U/s1600-h/meme2.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 247px;" src="http://1.bp.blogspot.com/_GTkHp1bVvFA/SpW0ZW4kZiI/AAAAAAAAAGs/M-9fDIGAm0U/s400/meme2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5374400078069130786" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1597811111721154378?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1597811111721154378/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1597811111721154378' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1597811111721154378'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1597811111721154378'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/hora-de-conocer-meme-el-twitter-de.html' title='Hora de conocer a ‘Meme’, el &apos;Twitter&apos; de Yahoo.'/><author><name>Felix Cruz</name><uri>http://www.blogger.com/profile/11740590050693955401</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_GTkHp1bVvFA/SpW0NhQWi-I/AAAAAAAAAGk/3kvttoG8rnI/s72-c/meme1.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-4503857729811939263</id><published>2009-08-25T23:27:00.015-04:00</published><updated>2009-08-28T16:39:33.075-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Comunidades Sociales, Redes Virtuales o Social Network</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://upload.wikimedia.org/wikipedia/commons/c/c7/SNA_segment.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 334px; height: 130px;" src="http://upload.wikimedia.org/wikipedia/commons/c/c7/SNA_segment.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;div style="text-align: justify;"&gt;&lt;blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;La idea de comunidad ha sido el corazón de la web desde sus orígenes. Durante muchos años, los científicos han utilizado la Internet para compartir datos, cooperar en investigaciones e intercambiar mensajes. En esencia, los científicos formaron comunidades de investigación que existían ya no en un terreno físico sino en la Internet.&lt;/blockquote&gt;En los últimos años, millones de usuarios de todo el mundo comenzaron a explorar la Internet y servicios comerciales online tales como Prodigy y America Online. Muchos pasaron a integrar algunas de las comunidades que han surgido para satisfacer las necesidades del consumidor en materia comunicación, información y entretenimiento.&lt;br /&gt;&lt;br /&gt;Una de las consecuencias del impacto de las nuevas tecnologías de la comunicación sobre la sociedad viene dada por su carácter invasivo. &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Internet se ha convertido en un fenómeno masivo.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;En el amplio mundo de la red se repiten y recrean situaciones de nuestra vida cotidiana. Una de ellas es la formación (mas o menos espontanea) de grupos de personas. La mayoría de nosotros tenemos la experiencia de conformación de esos grupos como forma de c&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;ompartir, facilitar, conseguir objetivos&lt;/span&gt;. Quien no recuerda los grupos en la universidad, los cuales a veces eran la única forma de entregar una práctica a aquel profesor “que no cojía corte”. Mas adelante y ya como profesionales integrados a la vida productiva se nos hace necesario formar o agregarnos a comunidades con intereses colectivos.&lt;br /&gt;&lt;br /&gt;A pesar de que también se les designa como “&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;congregaciones electrónicas&lt;/span&gt;” “&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;comunidades en línea&lt;/span&gt;” , el término más usado es el de c&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;omunidad virtual&lt;/span&gt;. Podriamos resumir el concepto de comunidad virtual como un grupo de personas con intereses comunes que comparten y se relacionan siguiendo ciertas reglas y a través de la internet.&lt;br /&gt;&lt;br /&gt;Una comunidad virtual puede adquirir un gran valor y ser una recopilación poderosa e influyente, es por eso que el objetivo de &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;emprendedores de la web&lt;/span&gt; esta enfocado a este tipo de “negocios virtuales” ya que puede resultar en una poderosa base de datos de información. Sus usuarios son el “alma” de la comunidad ya que rigen el curso del contenido, de los intereses, los temas, etc. En el concepto de Web 2.0 las comunidades virtuales o Social Network adquieren cada día mayor relevancia. En nuestro país se puede decir que existen pocas comunidades virtuales, la mayoría están enfocadas al entretenimiento (uepa.com, elcorito.com), e informacion (remolacha.net) otras a la tecnología, también las hay de carácter educativo.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Tipos:&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* Foros de discusión&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* E-mail y E-mail groups&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* News groups&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* Chat&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* Múltiple User Dimension&lt;/span&gt;: es un sistema que permite a sus usuarios convertirse en el personaje que deseen y visitar mundos imaginarios en los que participar junto a otros individuos en juegos u otro tipo de actividad.&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* Gestores de contenido&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* Sistemas Peer to Peer&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;* BBS o Bulletin Board System&lt;/span&gt; (Sistema de Tablón de Anuncios)&lt;br /&gt;&lt;br /&gt;En un proximo Post analizaremos la mas recientes Redes Sociales como Flickr, Facebook, Twitter, etc. y sus efectos en la sociedad y los negocios.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-4503857729811939263?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/4503857729811939263/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=4503857729811939263' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4503857729811939263'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/4503857729811939263'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/comunidades-o-redes-virtuales-o-social.html' title='Comunidades Sociales, Redes Virtuales o Social Network'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-6393793375122997628</id><published>2009-08-25T21:15:00.012-04:00</published><updated>2009-12-01T11:23:21.381-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño Web'/><category scheme='http://www.blogger.com/atom/ns#' term='RECURSOS'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML-CSS'/><title type='text'>Empezar a usar CSS</title><content type='html'>&lt;a href="http://1.bp.blogspot.com/_GTgu1qWfJ_c/SphEvEHOgNI/AAAAAAAAACs/7htpJ1fDSPM/s1600-h/cascade-wallpaper.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375121730615279826" src="http://1.bp.blogspot.com/_GTgu1qWfJ_c/SphEvEHOgNI/AAAAAAAAACs/7htpJ1fDSPM/s320/cascade-wallpaper.jpg" style="cursor: pointer; float: left; height: 240px; margin: 0pt 10px 10px 0pt; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;blockquote&gt;Con este Post pretendo iniciar una serie de consejos para quienes se inician en el mundo de las hojas de estilos CSS. Este mundo nos da resultados sorprendentes y muy beneficiosos, pero…&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Empezar a codificar las hojas de estilos puede ser totalmente frustrante, segun mi experiencia esto se debe a que nos precipitamos a tener resultados antes de sentarnos a pensar sobre cómo funcionan o enternder &lt;span style="color: #339999;"&gt;la escencia de CSS&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Vamos a comenzar a entender:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;¿Que es CSS?&lt;/span&gt;&lt;br /&gt;Las Hojas de Estilo en Cascada (Cascading Style Sheets), son un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;¿Para qué sirve?&lt;/span&gt;&lt;br /&gt;CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la hoja de estilos CSS afectará a todas las páginas vinculadas en las que aparezca ese elemento.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;¿Cómo funciona?&lt;/span&gt;&lt;br /&gt;CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #3366ff;"&gt;h1 {color: red;}&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #3366ff;"&gt;h1&lt;/span&gt; es el selector&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #3366ff;"&gt;{color: red;}&lt;/span&gt; es la declaración&lt;br /&gt;&lt;br /&gt;El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.&lt;br /&gt;&lt;br /&gt;Puedes ver la &lt;a href="http://comudo.blogspot.com/2009/11/empezar-usar-css-segunda-parte.html"&gt;segunda parte de este Post Aqui.&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-6393793375122997628?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/6393793375122997628/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=6393793375122997628' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6393793375122997628'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/6393793375122997628'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/empezar-usar-css.html' title='Empezar a usar CSS'/><author><name>Bismarck Carreras</name><uri>http://www.blogger.com/profile/11658842700376835591</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_GTgu1qWfJ_c/SphEvEHOgNI/AAAAAAAAACs/7htpJ1fDSPM/s72-c/cascade-wallpaper.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5550839891907485782.post-1194874446033401465</id><published>2009-08-25T17:09:00.001-04:00</published><updated>2009-08-26T22:41:23.181-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Diseño'/><title type='text'>Conferencia Design Thinking RD: Sistemas de Reciclaje</title><content type='html'>&lt;blockquote&gt;Design Thinking, una comunidad que ofrece capacitación en pensamiento de diseño, una metodología de resolución de problemas y de descubrimiento de oportunidades de innovación centrado en las necesidades latentes del ser humano, esta vez nos trae un taller: ‘&lt;span style="font-weight: bold;"&gt;Design Thinking RD: Sistemas de Reciclaje&lt;/span&gt;’. Este se llevara a cabo el 28 de agosto 2009 a las 7:00PM en el Auditorio García de la Concha del Instituto Tecnológico de Santo Domingo (INTEC).&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Esta será una conferencia completamente gratuita a la que podrán asistir todos aquellos que reserven su cupo vía telefónica o e-mail. . En dicha conferencia los expositores compartiran con la comunidad los resultados obtenidos a través del taller ‘Design Thinking: Sistemas de Reciclaje’ impartido en Casa Chavón previo a la actividad.&lt;br /&gt;&lt;br /&gt;En la presentación podrán apreciar como utilizaron dicha metodología para obtener soluciones que servirán para enfrentar uno de los obstáculos más cruciales de la sociedad dominicana, el manejo adecuado de los desechos.&lt;br /&gt;&lt;br /&gt;Durante la presentación se trataran los siguientes temas, que pueden ser de su interés:&lt;br /&gt;&lt;br /&gt;- Prácticas sostenibles&lt;br /&gt;&lt;br /&gt;- Manejo de desechos en el área de industria y comercio, en los hogares y en las áreas públicas&lt;br /&gt;&lt;br /&gt;- Logística de gestión de desechos&lt;br /&gt;&lt;br /&gt;- Recuperación de recursos&lt;br /&gt;&lt;br /&gt;- Tecnologías involucradas en la recuperación y manejo adecuado de recursos&lt;br /&gt;&lt;br /&gt;- Sistemas de ‘desecho a energía’ [Waste-to-energy] (Energías alternativas)&lt;br /&gt;&lt;br /&gt;Design Thinking es una colaboración de Indhira Rojas y el Grupo Multidisciplinario&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5550839891907485782-1194874446033401465?l=comudo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://comudo.blogspot.com/feeds/1194874446033401465/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=5550839891907485782&amp;postID=1194874446033401465' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1194874446033401465'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5550839891907485782/posts/default/1194874446033401465'/><link rel='alternate' type='text/html' href='http://comudo.blogspot.com/2009/08/conferencia-design-thinking-rd-sistemas.html' title='Conferencia Design Thinking RD: Sistemas de Reciclaje'/><author><name>Usuarios 2.0</name><uri>http://www.blogger.com/profile/10524505399774940140</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://4.bp.blogspot.com/_GTgu1qWfJ_c/So3KD38lesI/AAAAAAAAAAM/Pb0H8B-PmZI/S220/twitter_profile_pic.gif'/></author><thr:total>0</thr:total></entry></feed>
