miércoles, 18 de abril de 2012

Ejercicio KompZer.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Libertines</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link href="libs.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.tools.min.js"></script>
<script src="js/libs.js"></script>
</head>

<body onload1="preloadImages('images/buy_tkts_hover.jpg','images/buy_merch_hover.jpg')">

<div id="content">
<div id="logo"><a href="/"><img src="images/logo.jpg" width="960" height="158" border="0"/></a></div>
<!-- guys info -->
<div id="guys">
<table width="960" height="223" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/libs_01.jpg" width="140" height="223" /></td>
<td>
<img src="images/john.jpg" name="john" width="169" height="223" border="0" id="john"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
John
<div class="tooltip_links">
<a class="tooltip_a" href= "PedroCalderas" "><div class="tooltip_link tooltip_my"></div></a>
<a class="tooltip_a" href= "PedroCalderas" ><div class="tooltip_link tooltip_w"></div></a>
</div>
</div>
</div>
</td>
<td>
<img src="images/carl.jpg" name="carl" width="155" height="223" border="0" id="carl"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Carl
<div class="tooltip_links
</div>
</div>
</td>
<td>
<img src="images/gary.jpg" name="gary" width="141" height="223" border="0" id="gary"/>
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Gary
<div class="tooltip_links">
<a class="tooltip_a" href=
</div>
</div>
</td>
<td>
<img src=" name="peter" width="154" height="223" border="0" id="peter" />
<div class="tooltip">
<div class="tooltip_content">
Follow<br>
Peter
<div class="tooltip_links">

</div>
</div>
</div>
</td>
<td>
<img src="images/libs_06.jpg" width="201" height="223" /></td>
</tr>
</table></div>
<!-- ends -->

<div id="libs"></div>
<!-- nav -->
<div id="nav">
<div class="home"><a href="/"><img src="img alt="" width="115" height="47" border="0"/></a></div>
<div class="works" target="_blank"><img src="works" alt="" width="115" height="39" border="0"/></a></div>
<div class="shop"><a href="crossme" target="_blank"><img src="works" alt="" width="95" height="43" border="0"/></a></div>
<div class="live"><a href="live.php"><img src="images/btn_live.png" alt="" width="171" height="44" border="0"/></a></div>
<div class="gallery"><a href="gallery.php"><img src="images/btn_gallery.png" alt="" width="127" height="71" border="0"/></a></div>
<div class="discog"><a href="discog.php"><img src="images/btn_discog.png" alt="" width="172" height="44" border="0"/></a></div>
<div class="links"><a href="links.php"><img src="images/btn_links.png" alt="" width="173" height="87" border="0"/></a></div>
<div class="fb"><a href= "PedroCalderas"  target="_blank"><img src="images/fbshare.png" width="70" height="25" /></a>
</div>
</div>
<!-- nav ends -->

<!--content -->
<div id="feed">
<div class="feed-items">
<div class="feed-item">
<a href=><img src=" PedroCalderas"  border="0"/></a>
carlbaratmusic: Bumped into my old friend @willdirtytruth in sau Paulo, he opened up for me. Dirty truth. X </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas"  border="0"/></a>
carlbaratmusic: Happy Easter, wishing you all a fecund festival of fertility... I, my friends, am off to South America x </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas"  border="0"/></a>
carlbaratmusic: I'm told Roger's splendid libertines film hits the silver screen tomorrow... x </div>
<div class="feed-item">
<a href=><img src= "PedroCalderas" border="0"/></a>
carlbaratmusic: RT @RogerSargo: http://t.co/L5XZYESb Nearly at 100%!! </div>
</div></div>

<div id="reunion">
<strong>25th The Forum Kentish Town<br />
27 Leeds Festival <br />
28 Reading Restival</strong><br />

<a href= "PedroCalderas"  target="_blank">Register NOW</a> for your chance to buy 2 tickets to this exclusive show. You have until 6pm on Friday 13th August to register. Winners will be randomly selected on Monday 16th August and sent a unique presale passcode and link to purchase tickets. Successful applicants will then have until 10am on Wednesday 18th August to redeem codes and purchase tickets. <a href=" "PedroCalderas"  target="_blank">Terms</a>
<div id="tckts"><a href= "PedroCalderas" target="_blank"><img src= "PedroCalderas"  width="251" height="118" border="0" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href=works target="_blank"><img src="" name="buytkts" width="248" height="89" border="0" id="buytkts" onmouseover="MM_swapImage('buytkts','','images/buy_tkts_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</div>

<div id="vid">
<object width="340" height="220"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13905400&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="340" height="220"></embed></object>
<div id="store">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><a href=" "PedroCalderas"  target="_blank"><img src="images/hdr_shop.jpg" width="235" height="118" border="0" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td rowspan="2"><a href= "PedroCalderas"  target="_blank"><img src="images/t-shirts.jpg" width="134" height="229" border="0" /></a></td>
</tr>
<tr>
<td valign="top"><a href="PedroCalderas" target="_blank"><img src="images/buy_merch.jpg" name="buymerch" width="235" height="89" border="0" id="buymerch" onmouseover="MM_swapImage('buymerch','','images/buy_merch_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>
</div>


<!-- content ends -->
</div>
<script>

$("#john").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });

$("#carl").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });
$("#gary").tooltip({

// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });

$("#peter").tooltip({
// tweak the position
offset: [80, 130],

// use the "slide" effect
effect: 'slide'

}).dynamic({ bottom: { direction: 'up', bounce: true } });
</script>
</body>
</html>

martes, 17 de abril de 2012

Hernando Barragán: Software Arte

El texto nos aclara como es que un software funciona. Explicando así la relación y el papel que desempeñaría el programador en este.
Después entra en una serte de citas sobre los nuevos medios de arte y sus infinitas posibilidades, habla de la aceptación y repulsión de estos nuevos medios en el mundo del arte. Hace una comparación entre la manera de trabajar de un software y los procesos artísticos. En conclusión Barragán dice que el software artístico tiene como objetivo dejar de ser solo la herramienta de trabajo y así convertirse en  objeto de trabajo en si.
En mi opinión se están gestando resultados importantes ya desde hace mucho tiempo con estos medios, ya sea como herramienta o como fuente de trabajo y el debate artístico que se genera entre estos me parece inútil, pues estos medios están facilitando una gran cantidad de posibilidades..

lunes, 9 de abril de 2012

Nuevos Medios en el Arte.

El texto sigue las ideas innovadoras acerca de la representación y el uso libre del material en el cubismo, el futurismo y el surrealismo, sobre todo en la obra de Duchamp, los artistas abandonaron este estricto apego a las jerarquías tradicionales de los medios de comunicación y experimentaron con distintos medios, incluyendo el tecnológico, que sirve mejor a sus propósitos. En los últimos cincuenta años, especialmente, las ideas sobre el tiempo y la duración se ha restituido la narrativa en el arte, a través de cine y video, la teatralidad de los acontecimientos, el rendimiento y el arte de instalación, la fotografíamanipulada digitalmente, y la realidad virtual.En mi opinión es interesante la cantidad de posibilidades a las que se puede llegar con estos nuevos medios y a las que se llegará en un futuro.

lunes, 2 de abril de 2012

El Arte del Ruido - Luis Russolo

Me gustó mucho con que claridad Russolo a principios de siglo habla de la composición musical a partir de ruidos, y también los artefactos que diseñó para hacer posible sus composiciones futuristas. Los músicos futuristas deben ampliar y enriquecer cada vez más el campo de los sonidos. Esto responde a una necesidad de nuestra sensibilidad. De hecho, en los compositores geniales de hoy notamos una tendencia hacia la más complicadas disonancias. Al apartarse progresivamente del sonido puro, casi alcanzan el sonido-ruido. Esta necesidad y esta tendencia no podrán ser satisfechas sino añadiendo y sustituyendo los sonidos por los ruidos.
Los músicos futuristas deben sustituir la limitada variedad de los timbres de los instrumentos que hoy posee la orquesta por la infinita variedad de los timbre de los ruidos, reproducidos con apropiados mecanismos.