SlideShare uma empresa Scribd logo
1 de 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;
}
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>
<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
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
<!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 -->
<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 />
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,
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>
<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>
<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>
<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>
</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>
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" -->
<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;
}
#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;
}
#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];}}
}
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];}
}
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>
<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
)">
<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)
">
<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 />
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 />
</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>
<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 />
</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>
<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>
<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>
Codigo de la spaguinas

Mais conteúdo relacionado

Destaque (8)

Aida perez (4)
Aida perez (4)Aida perez (4)
Aida perez (4)
 
Desastres naturales: sismos
Desastres naturales: sismosDesastres naturales: sismos
Desastres naturales: sismos
 
Manual del servicio al cliente
Manual del servicio al clienteManual del servicio al cliente
Manual del servicio al cliente
 
18
1818
18
 
20
2020
20
 
17
1717
17
 
19
1919
19
 
22
2222
22
 

Mais de Kmilitha Estrada (20)

Segunda página en dreamweaver
Segunda  página en dreamweaverSegunda  página en dreamweaver
Segunda página en dreamweaver
 
Primera página en dreamweaver
Primera página en dreamweaverPrimera página en dreamweaver
Primera página en dreamweaver
 
Primero metemos las fotos las importamos flash
Primero metemos las fotos las importamos  flashPrimero metemos las fotos las importamos  flash
Primero metemos las fotos las importamos flash
 
Maquetacion2
Maquetacion2Maquetacion2
Maquetacion2
 
Maquetacion+
Maquetacion+Maquetacion+
Maquetacion+
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Kmii
KmiiKmii
Kmii
 
Kmii
KmiiKmii
Kmii
 
Kmilitha 1.
Kmilitha 1.Kmilitha 1.
Kmilitha 1.
 
Kmilithaa4
Kmilithaa4Kmilithaa4
Kmilithaa4
 
Kmilitha3
Kmilitha3Kmilitha3
Kmilitha3
 
Kmilitha 2
Kmilitha 2Kmilitha 2
Kmilitha 2
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Kmilitha
KmilithaKmilitha
Kmilitha
 
Cami clic de pelicula
Cami clic de peliculaCami clic de pelicula
Cami clic de pelicula
 
Camila botones
Camila botonesCamila botones
Camila botones
 
Mantenimientod e un computador
Mantenimientod e un computadorMantenimientod e un computador
Mantenimientod e un computador
 
Cate tqm
Cate tqmCate tqm
Cate tqm
 
Como crear botones pulsantes
Como crear botones pulsantesComo crear botones pulsantes
Como crear botones pulsantes
 

Codigo de la spaguinas

  • 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. 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. <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. 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. <!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. <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. 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. 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. <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. <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. <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. </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. 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. <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. #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. #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. 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. 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. <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. <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. <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. 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. </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. <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. </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. <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. <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>