Successfully reported this slideshow.

Codigo de la spaguinas

237 views

Published on

  • Be the first to comment

  • Be the first to like this

Codigo de la spaguinas

  1. 1. Codigo primera paguina <!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"><!-- InstanceBegin template="/Templates/platilla.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Musica Bienbenidos</title> <!-- InstanceEndEditable --> <link href="pagina .css" rel="stylesheet" type="text/css" /> <!-- InstanceBeginEditable name="head" --> <style type="text/css"> a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; }
  2. 2. a:active { text-decoration: none; } </style> <!-- InstanceEndEditable --> </head> <body> <div class="container"> <div class="header"><!-- end .header --> <div class="red_ariba"></div> <h1>cantantes </h1> </div> <div class="sidebar1"> <ul class="nav"> <li>inicio</li> <li>musica</li> <li>cantantes</li> <li>genero</li> </ul> </div>
  3. 3. <div class="content"> <div class="content_content"> <h2><!-- InstanceBeginEditable name="titulo" -->Musica Bienbenidos<!-- InstanceEndEditable --></h2> <!-- InstanceBeginEditable name="contenido" --> <p>Las definiciones parten desde el seno de las culturas, y así, el sentido de las expresiones musicales se ve afectado por cuestiones psicológicas, sociales, culturales e históricas. De esta forma, surgen múltiples y diversas definiciones que pueden ser válidas en el momento de expresar qué se entiende por música. Ninguna, sin embargo, puede ser considerada como perfecta o absoluta.</p> <p>Una definición bastante amplia determina que música es <em>sonoridad organizada</em> (según una formulación perceptible, coherente y significativa). Esta definición parte de que —en aquello a lo que consensualmente se puede denominar &quot;música&quot;— se pueden percibir ciertos patrones del &quot;flujo sonoro&quot; en función de cómo las propiedades del sonido son aprendidas y procesadas por los humanos (hay incluso quienes consideran que también por los animales).</p> <p>Hoy en día es frecuente trabajar con un concepto de música basado en tres atributos esenciales: que utiliza <strong>sonidos </strong>, que es un producto<strong>humanos</strong> (y en este sentido, artificial) y que predomina la función <strong>estetica</strong>. Si tomáramos en cuenta solo los dos primeros elementos de la definición, nada diferenciaría a la música del lenguaje. En cuanto a la función &quot;estética&quot;, se trata de un punto bastante discutible; así, por ejemplo, un &quot;jingle&quot; publicitario no deja de ser música por cumplir una función no estética (tratar de vender una mercancía). Por otra parte, hablar de una función &quot;estética&quot; presupone una idea de la música (y del arte en general) que funciona en forma autónoma, ajena al funcionamiento de la sociedad, tal como la vemos en la teoría del arte del filósofo <a
  4. 4. href="http://es.wikipedia.org/wiki/Immanuel_Kant" title="Immanuel Kant">Immanuel Kant</a>.</p> <!-- InstanceEndEditable --></div> <!-- end .content --></div> <div class="footer"> <p>Este .footer contiene la declaración position:relative; para dar a Internet Explorer 6 hasLayout para .footer y provocar que se borre correctamente. Si no es necesario proporcionar compatibilidad con IE6, puede quitarlo.</p> <!-- end .footer --></div> <!-- end .container --></div> </body> <!-- InstanceEnd --></html> Código segunda pagina
  5. 5. <!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"><!-- InstanceBegin template="/Templates/platilla.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf- 8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Cantantes Mas Destacados</title> <!-- InstanceEndEditable --> <link href="pagina .css" rel="stylesheet" type="text/css" /> <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> </head> <body> <div class="container"> <div class="header"><!-- end .header -->
  6. 6. <div class="red_ariba"></div> <h1>cantantes </h1> </div> <div class="sidebar1"> <ul class="nav"> <li>inicio</li> <li>musica</li> <li>cantantes</li> <li>genero</li> </ul> </div> <div class="content"> <div class="content_content"> <h2><!-- InstanceBeginEditable name="titulo" -->Cantantes Mas Destacados <!-- InstanceEndEditable --></h2> <!-- InstanceBeginEditable name="contenido" --> <p align="center"><strong>Juanes</strong><br /> Juan Esteban Aristizabal Vásquez, más conocido como Juanes, es un cantante colombiano de Rock latino y rock en español, que fusiona diversos ritmos musicales</p> <p align="center"><strong>Maná</strong><br />
  7. 7. Maná es una banda mexicana de pop rock. Está formada por Fernando Olvera, Juan Calleros, Alejandro González y Sergio Vallín</p> <p align="center"><br /> <strong>Luis Fonsi</strong><br /> Luis Alfonso Rodríguez López-Cepero, más conocido como Luis Fonsi, es un cantante, compositor, actor, músico y productor puertorriqueño.</p> <p align="center"><br /> <strong>Ricardo Arjona</strong><br /> Ricardo Arjona Morales, conocido como Ricardo Arjona, es un cantautor guatemalteco y exjugador de baloncesto y profesor de escuela.</p> <p align="center"><strong><br /> Carla Morrison</strong><br /> Carla Patricia Morrison Flores, es una cantante mexicana más conocida como Carla Morrison.</p> <p align="center"><br /> <strong>Shakira</strong><br /> Shakira Isabel Mebarak Ripoll, más conocida como Shakira, es una cantautora, productora discográfica, bailarina, modelo, diseñadora de moda, empresaria, actriz de televisión, música,
  8. 8. filántropa y embajadora de buena voluntad de la UNICEF colombiana<br /> Ricardo MontanerRicardo Montaner, seudónimo de Héctor Eduardo Reglero Montaner, es un cantautor venezolano-argentino- Colombiano.</p> <p align="center"><br /> <strong>Maelo Ruiz</strong><br /> Ismael Ruiz Hernández, conocido como Maelo Ruiz, nació un 22 de octubre de 1966 en Nueva York.</p> <p align="center"><br /> <strong>Gilberto Santa Ros</strong><br /> Gilberto Santa Rosa Cortés, más conocido como &quot;el caballero de la salsa&quot;, es un cantante de este género tropical como también de baladas románticas.</p> <table width="420" border="3" cellpadding="3" class="istrumentos"> <tr> <th colspan="3" scope="col">istrumentos </th> </tr> <tr> <td width="117">gitarra</td> <td width="137">bateria</td>
  9. 9. <td width="128">flauta</td> </tr> <tr> <td>biolin</td> <td>triangulo</td> <td>piano</td> </tr> </table> <p>FORMULARIO DE CONTACTOS </p> <form id="form1" name="form1" method="post" action="musica.php"> <table width="600" border="0" cellspacing="2" cellpadding="4"> <tr> <th width="178" align="left" scope="col"><label for="nombre">Nombre:</label></th> <th width="400" align="left" scope="col"> <input name="nombre" type="text" id="nombre" size="25" /></th> </tr> <tr> <td><label for="gmail">Email:</label></td>
  10. 10. <td><input name="gmail" type="text" id="gmail" size="25" /> </td> </tr> <tr> <td><label for="telefono">Telefono:</label></td> <td><input name="telefono" type="text" id="telefono" size="25" /></td> </tr> <tr> <td><label for="ciudad">Ciudad:</label></td> <td><input name="ciudad" type="text" id="ciudad" size="25" /></td> </tr> <tr> <td height="75">Edad Del Grupo</td> <td><p> <input type="radio" name="edad" id="11a40" value="11a40" /> <label for="12 a30"> </label> <label for="11a40">De 11 a 40 Años</label> </p>
  11. 11. <p> <input type="radio" name="radio" id="12 a30" value="12 a30" /> <label for="12 a30">De 12 a 30 Años </label> <label for="11a40"><br /> </label> </p></td> </tr> <tr> <td colspan="2"><input type="checkbox" name="aula" id="aula" /> <label for="aula">no asistir a la aula educatiba solo niños </label></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td>
  12. 12. </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> </form> <!-- InstanceEndEditable --></div> <!-- end .content --></div> <div class="footer"> <p>Este .footer contiene la declaración position:relative; para dar a Internet Explorer 6 hasLayout para .footer y provocar que se borre correctamente. Si no es necesario proporcionar compatibilidad con IE6, puede quitarlo.</p> <!-- end .footer --></div> <!-- end .container --></div> </body> <!-- InstanceEnd --></html>
  13. 13. Tercera página <!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"><!-- InstanceBegin template="/Templates/platilla.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" -->
  14. 14. <title>Tipos y Generos De Musica</title> <!-- InstanceEndEditable --> <link href="pagina .css" rel="stylesheet" type="text/css" /> <!-- InstanceBeginEditable name="head" --> <style type="text/css"> #pop { background-color: #C36; padding: 2px; margin-top: 40px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px; border: 2px solid #0FF; } #rap { background-color: #C69; border: 2px solid #0FF; }
  15. 15. #ska { border: 2px solid #0CC; } #reggae { border: 2px solid #0FC; } #blues { border: 2px solid #0CC; } #jazz { border: 2px solid #0FC; } #clasica { border: 2px solid #3CC; } #reggaeton { border: 2px solid #3CF; }
  16. 16. #salsa { border: 2px solid #3CC; } #cumbia { border: 2px solid #3CC; } #gato { border: 2px solid #3CC; } </style> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }
  17. 17. function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }
  18. 18. function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } </script> <!-- InstanceEndEditable --> </head> <body onload="MM_preloadImages('imagen/rap.jpg','imagen/pop 2.jpg','imagen/ska.jpg','imagen/regee.jpg','imagen/blues.jpg ','imagen/jazz.jpg','imagen/musica clasica.jpg','imagen/regeton.jpg','imagen/salsa.jpg','imagen/ cumbia.jpg','imagen/pop.jpg')"> <div class="container"> <div class="header"><!-- end .header --> <div class="red_ariba"></div> <h1>cantantes </h1> </div>
  19. 19. <div class="sidebar1"> <ul class="nav"> <li>inicio</li> <li>musica</li> <li>cantantes</li> <li>genero</li> </ul> </div> <div class="content"> <div class="content_content"> <h2><!-- InstanceBeginEditable name="titulo" -->Tipos y Generos De Musica<br /> <!-- InstanceEndEditable --></h2> <!-- InstanceBeginEditable name="contenido" --> <div onmouseover="MM_swapImage('pop','','imagen/rap.jpg',1) "> <div onmouseover="MM_swapImage('pop','','imagen/pop.jpg',1 )">
  20. 20. <div align="center">Pop:<br /> </div> <p><br /> Musica Pop es aquella que, al margen de la instrumentacion y tecnologica aaplicada para su creacion, conserva la estructura formal &quot;verso -estribillo - verso&quot;, ejecutada de un modo sencillo, melodico, pegadizo,y normalmente asimilable para el gran publico.<br /> </p> </div> </div> <h3><img src="imagen/pop.jpg" name="pop" width="272" height="154" id="pop" onmouseover="MM_swapImage('pop','','imagen/pop2.jpg', 1)" /><br /> </h3> <div> <div onmouseover="MM_swapImage('pop','','imagen/rap.jpg',1) ">
  21. 21. <div align="center">Rap:<br /> </div> <p><br /> El rap es el elemento musical vocal principal de la cultura hip hop.la historia no ha empezado a decir que desde un principio era el MC elque presentaba y acompañaba al DJ, que era, realmente la estrella delespectaculo.</p> </div> </div> <p><br /> <br /> </p> <div> <div onmouseover="MM_swapImage('pop','','imagen/ska.jpg',1) "> <div align="center">Ska:<br /> </div> <p><br />
  22. 22. El ska comenzo con un estilo musical originario de Jamaica, donde florecio durante la primera mitad de la decada de 1960 y que derivaprincipalmente de la fusion de la musica negra americana de la epoca muy conocida que se dio con los ritmos populares propiamente.</p> </div> <br /> <br /> </div> <div onmouseover="MM_swapImage('pop','','imagen/regee.jpg', 1)"> <div align="center">Reggae:<br /> </div> <p><br /> Eles un genero reggae musical de origen jamaiquino (el adjetivojamaicano se aplica a las personas). El termino reggae algunas veces esusado ampliamente para referirse a la mayor a de los ritmosjamaiquinos, incluyendo ska, dub y rocksteady<br /> <br />
  23. 23. </p> </div> <div onmouseover="MM_swapImage('pop','','imagen/blues.jpg', 1)"> <div align="center">Blues:<br /> </div> <p><br /> El Blues es un estilo musical vocal e instrumental,que fue basado en lautilizacion de notas de blues y de un patron repetitivo, que sueleseguir una estructura de doce compases.<br /> <br /> </p> </div> <div onmouseover="MM_swapImage('pop','','imagen/jazz.jpg',1) "> <div align="center">Jazz:<br /> </div>
  24. 24. <p><br /> El jazz es un estilo musical que enpezo a nacer a finales del siglo XIX enEstados Unidos y que se expande de forma global a lo largo de todo elsiglo XX.<br /> <br /> </p> </div> <div onmouseover="MM_swapImage('pop','','imagen/musica clasica.jpg',1)"> <div align="center">Musica clasica:<br /> </div> <p><br /> El clasicismo se comenzo a notar en la musical a comienzos de 1750 (muerte de J. S.Bach) y termina en 1820 aproximadamente. La musica clasica propiamentedicha coincide con la epoca llamada clasicismo, que en otras artes setrata del redescubrimiento y copia de los clasicos del arte grecoromano, que era considerado tradicional o ideal. </p> </div> <p><br />
  25. 25. </p> <div onmouseover="MM_swapImage('pop','','imagen/regeton.jp g',1)"> <div align="center">Reggaeton:<br /> </div> <p><br /> El reggaeton fue una parte que (tambien reggaeton y regueton) es un genero musicalvariante del raggamuffin, que a su vez desciende del reggae jamaiquino,influenciado por el hip hop de las zonas de Miami, Los angeles y NuevaYork latino. </p> </div> <p><br /> <br /> </p> <div onmouseover="MM_swapImage('pop','','imagen/salsa.jpg', 1)"> <div align="center">Salsa:<br /> </div>
  26. 26. <p><br /> (La salsa es un genero musical )de musica afro caribeña latinoamericana,que surgio en Nueva York. Fue creado por inmigrantes latinoamericanos,especialmente de Cuba, Puerto Rico y Republica Dominicana, que en los años sesenta mezclaron ritmos tradicionales latinos con elementos deljazz segun el ejemplo del mambo y del cha- cha-cha. <br /> </p> </div> <p><br /> </p> <div onmouseover="MM_swapImage('pop','','imagen/cumbia.jp g',1)"> <div align="center">Cumbia:<br /> </div> <br /> La cumbia es un estilo o genero de musica tradicional de Colombia y Panama, y unbaile popular de distintos paises latinoamericanos.</div>
  27. 27. <p>&nbsp;</p> <p><img src="imagen/gatomusic.gif" name="gato" width="252" height="279" id="gato" /></p> <!-- InstanceEndEditable --></div> <!-- end .content --></div> <div class="footer"> <p>Este .footer contiene la declaración position:relative; para dar a Internet Explorer 6 hasLayout para .footer y provocar que se borre correctamente. Si no es necesario proporcionar compatibilidad con IE6, puede quitarlo.</p> <!-- end .footer --></div> <!-- end .container --></div> </body> <!-- InstanceEnd --></html>

×