codigo de la spaguinas

28
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; }

Upload: kmilitha-estrada

Post on 08-Jul-2015

93 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Codigo de la spaguinas

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;

}

Page 2: Codigo de la spaguinas

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>

Page 3: Codigo de la spaguinas

<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

Page 4: Codigo de la spaguinas

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

Page 5: Codigo de la spaguinas

<!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 -->

Page 6: Codigo de la spaguinas

<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 />

Page 7: Codigo de la spaguinas

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,

Page 8: Codigo de la spaguinas

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>

Page 9: Codigo de la spaguinas

<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>

Page 10: Codigo de la spaguinas

<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>

Page 11: Codigo de la spaguinas

<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>

Page 12: Codigo de la spaguinas

</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>

Page 13: Codigo de la spaguinas

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" -->

Page 14: Codigo de la spaguinas

<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;

}

Page 15: Codigo de la spaguinas

#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;

}

Page 16: Codigo de la spaguinas

#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];}}

}

Page 17: Codigo de la spaguinas

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];}

}

Page 18: Codigo de la spaguinas

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>

Page 19: Codigo de la spaguinas

<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

)">

Page 20: Codigo de la spaguinas

<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)

">

Page 21: Codigo de la spaguinas

<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 />

Page 22: Codigo de la spaguinas

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 />

Page 23: Codigo de la spaguinas

</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>

Page 24: Codigo de la spaguinas

<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 />

Page 25: Codigo de la spaguinas

</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>

Page 26: Codigo de la spaguinas

<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>

Page 27: Codigo de la spaguinas

<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>

Page 28: Codigo de la spaguinas