Está en la página 1de 9

<!

DOCTYPE HTML> <html> <head> <title>Weblog de Jose Vicente Carratala</title> <meta name="description" content="Weblog de Jose Vicente Carratala"/> <meta name="keywords" content="weblog, blog, Jose Vicente Carratala, diseo, mutimedia"/> <link rel="stylesheet" type="text/css" href="css/estilo.css"> </head> <body> <div id="cajaheader">

</div> <div id="principal" itempscope itemtype="http://www.datavocabulary.org/person"> <header> <div id="logo"><img src="foto/tux.png"></div> <h1><span itemprop="name">German Dario Castro</span></h1> <h2><span itemprop="title"> Creativo Multimedia</span></h2> <nav> <ul> <li><a href="index.html"><canvas id="iconoinicio" width="50" height="50"></canvas><br/>Inicio</a></li> <li><a href="noticias.html"><canvas id="icononoticias" width="50" height="50"></canvas><br/>Noticias</a></li>

<li><a href="sobreyo.html"><canvas id="iconosobreyo" width="50" height="50"></canvas><br/>Sobre mi</a></li> <li><a href="contacto.html"><canvas id="iconocontacto" width="50" height="50"></canvas><br/>Contacto</a></li> </ul> </nav> </header> <div id="contenido"> <section id="sobremi"> <span itemprop="photo"><div="mifoto"></div><!--<img src="foto/german.jpg">--></span> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>

</section> <aside> <h5>Posts previos</h5> <ul> <li><a href=""><time>2011-10-01</time> /Feliz ao nuevo</a></li> <li><a href=""><time>2012-06-20</time> /Titulo de articulo</a></li> <li><a href=""><time>2009-09-13</time> /Titulo de articulo</a></li> <li><a href=""><time>2008-11-19</time> /Titulo articulo</a></li>

</ul> </aside> <section> <article> <div id="logo1"><img src="foto/logo1.jpg"></div> <time>2013-10-11</time> <h3>Titulo del Post</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> </article> <article> <div id="logo2"><img src="foto/logo2.jpg"></div> <time>2013-10-11</time> <h3>NUEVO ALBUM MUSICAL</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> <audio src="audio" controls="controls" preload="preload"> tu navegador no soporta video. haz clic<a href="">aqui</a>para descargar un navegador </audio> </article> <article>

<div id="logo3"><img src="foto/logo3.jpg"></div> <time>2013-10-11</time> <h3>VIDEO DE LA PELICULA</h3> <h4>Subtitulo del post</h4> <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p> <video controls="controls" width="300px" height="150px"> <sourse src="video" type="video/ogg"> <sourse src="video" type="video/ogg"> <sourse src="video" type="video/ogg"> tu navegador no soporta video. haz clic<a href="">aqui</a>para descargar un navegador </video> </article> </section> </div> <footer> <h6> <div class="vcard"> </div> <div><span class="name">German Dario Castro</span>-<span class="locality">Pereira</span>-<span class="region">Risaralda</span>-<span class="postalcode">547</span></div> <div><span

class="tel">3006869058</span>-<span class="email">dariokastro@hotmail.com</span></div> (c) 2011 - Web German Dario Castro</h6> <script type="text/javascript"> if(localStorage.pagecount) {localStorage.pagecount = Number (localStorage.pagecount) +1;}else{localStorage.pagecount=1;} document.write("Has visitado la pagina "+localStorage.pagecount+" veces"); </script> <br> <script type="text/javascript"> if(sessionStorage.pagecount) {sessionStorage.pagecount = Number (sessionStorage.pagecount) +1;}else{sessionStorage.pagecount=1;} document.write("Has visitado la pagina "+ sessionStorage.pagecount+" veces"); </script>

</footer> </div> </body> </html>

<script type="text/javascript">

var micolor="Black"; var ocolor="Grey"; var escala=0.5;

// dibujo icono inicio var c=document.getElementById("iconoinicio"); var cxt=c.getContext("2d");

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*40,0, Math.PI*2,true); cxt.closePath; cxt.fill();

cxt.fillStyle=("white"); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*30,0, Math.PI*2,true); cxt.closePath; cxt.fill();

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

//dibujo icono de noticias var c=document.getElementById("icononoticias"); var cxt=c.getContext("2d");

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*50,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

//dibujo icono sobre mi

var c=document.getElementById("iconosobremi"); var cxt=c.getContext("2d");

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

cxt.fillStyle=(micolor); cxt.beginPath();

cxt.arc(escala*50,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

//dibujo icono de contacto var c=document.getElementById("iconocontacto"); var cxt=c.getContext("2d");

cxt.fillStyle=(ocolor); cxt.beginPath(); cxt.arc(escala*50-10,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath; cxt.fill();

cxt.fillStyle=(ocolor); cxt.beginPath(); cxt.arc(escala*50-10,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50+10,escala*25,escala*20,0, Math.PI*2,true); cxt.closePath;

cxt.fill();

cxt.fillStyle=(micolor); cxt.beginPath(); cxt.arc(escala*50+10,escala*90,escala*40,Math.PI, Math.PI*2,false); cxt.closePath; cxt.fill();

</script>