Grupo:2IG
NDICE:
Descripcion de la propuesta e informacoin Del negocio correspondiente al sitio------3
Codigo y descripcion de las paginas de el sitio---------------------------------------------4
codigo de index.html--------------------------------------------------------------------4
Descripcin del contenido de index.html -------------------------------------------13
codigo de ENERGIA SOLAR.html--------------------------------------------------14
Descripcion del contenido de ENERGIA SOLAR.html---------------------------20
codigo:de ENERGIA EOLICA.html:-----------------------------------------------21
Descripcion del contenido deENERGIA EOLICA.html-------------------------29
codigode VENTAJAS.html-----------------------------------------------------------42
Descripcion del contenido de VENTAJAS.html----------------------------------53
codigode Contacto.html---------------------------------------------------------------54
Descripcion del contenido de Contacto .html-------------------------------------59
Bibliografa------------------------------------
index.html(pagina de inicio):
cdigo:
<!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>Documento sin ttulo</title>
<style type="text/css">
#Contenedor {
position: absolute;
width: 97%;
height: 500%;
z-index: 1;
}
#apDiv2 {
position: center;
width: 702px;
height: 329px;
z-index: 2;
}
#marquesina1 {
position: absolute;
width: 100%;
height: 3%;
z-index: 2;
top: 496px;
left: 2px;
}
#menu {
position: absolute;
width: 100%;
height: 182px;
z-index: 2;
left: 386px;
top: 585px;
}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#imagen1 {
position: absolute;
width: 60%;
height: 14%;
z-index: 2;
left: 6px;
top: 766px;
}
#texto1 {
position: absolute;
width: 35%;
height: 372px;
z-index: 2;
top: 853px;
left: 696px;
}
#imagen2 {
position: absolute;
width: 438px;
height: 7.8%;
z-index: 2;
left: 439px;
top: 1689px;
}
#texto2 {
position: absolute;
width: 415px;
height: 277px;
z-index: 2;
left: 3px;
top: 1692px;
}
#video {
position: absolute;
width: 72%;
height: 5%;
z-index: 3;
left: 144px;
top: 12px;
}
#marquesina2 {
position: absolute;
width: 100%;
height: 82px;
z-index: 4;
left: 1px;
top: 1575px;
}
#marquesina3 {
position: absolute;
width: 100%;
height: 71px;
z-index: 2;
left: 7px;
top: 1984px;
}
#imagen3 {
position: absolute;
width: 60%;
height: 5%;
z-index: 5;
top: 2069px;
left: 8px;
}
#texto3 {
position: absolute;
width: 357px;
height: 466px;
z-index: 6;
top: 2068px;
left: 617px;
}
</style>
<link href="botonessociales.css" rel="stylesheet" type="text/css" />
</head>
<body background="imagenes/fondoweb.jpg">
<div id="Contenedor">
<div id="marquesina1">
<h1><marquee behavior=alternate bgcolor=#99ffff>QUE SON LAS ENERGIAS
RENOVABLES</font></marquee></h1>
</div>
<div id="menu" style="text-align:center;">
<UL class="nav">
<LI><A href="indexito.html">Inicio</A></LI>
<LI><A href="">Tipos De Eenergias Renovables</A>
<UL>
<LI><A href="ENERGIA SOLAR.html">ENERGIA
SOLAR</A></LI>
<LI><A href="ENERGIA EOLICA.html">ENERGIA
EOLICA</A></LI>
<UL>
</UL>
</LI>
</UL>
</LI>
<LI><A href="VENTAJAS.html">Ventajas</A>
</LI>
<LI><A href="Contacto.html">Contacto</A></LI>
</UL>
</div>
<div id="imagen1"><img src="imagenes/ventajs y desventajs energia renobable/37.jpg"
width="656" height="700" alt="imagen de las distintas fuentes de energias renovables" /></div>
<div id="texto1">
<p style="color: #FFFFFF">Las energas renovables son energas limpias que contribuyen a
cuidar el medio ambiente. Frente a los efectos contaminantes y el agotamiento de los combustibles
fsiles, las energas renovables son ya una alternativa. En Erenovable os hablamos ahora de la
Energa solar, elica, biomasa, energa geotrmica, energa hidroelctrica, hidrgeno, energa de los
ocanos y mucho mas. <br />
Las energas renovables proceden de fuentes naturales que son inagotables. Energas
procedentes de fuentes como el sol, el aire, el agua, biomasa etctera. <br />
ENERGIA SOLAR.html :
cdigo:
<!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>Documento sin ttulo</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#apDiv2 {
position: center;
width: 702px;
height: 329px;
z-index: 2;
}
#marquesina1 {
position: absolute;
width: 100%;
height: 3%;
z-index: 2;
top: 396px;
left: 2px;
}
#apDiv4 {
position: absolute;
width: 100%;
height: 182px;
z-index: 2;
left: 387px;
top: 481px;
}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#imagen4 {
position: absolute;
width: 40%;
height: 5%;
z-index: 2;
left: 40px;
top: 732px;
}
#texto1 {
position: absolute;
width: 35%;
height: 6%;
z-index: 2;
top: 736px;
left: 584px;
}
#imagen2 {
position: absolute;
width: 4%;
height: 6%;
z-index: 2;
left: 519px;
top: 1388px;
}
#texto2 {
position: absolute;
width: 415px;
height: 277px;
z-index: 2;
left: 34px;
top: 1386px;
}
#video {
position: absolute;
width: 72%;
height: 5%;
z-index: 3;
left: 144px;
top: 12px;
}
#marquesina2 {
position: absolute;
width: 100%;
height: 82px;
z-index: 4;
left: -5px;
top: 1267px;
}
#marquesina3 {
position: absolute;
width: 100%;
height: 71px;
z-index: 2;
left: -5px;
top: 1889px;
}
#apDiv12 {
position: absolute;
width: 30%;
height: 5%;
z-index: 5;
top: 1958px;
left: 45px;
}
#texto3 {
position: absolute;
width: 357px;
height: 490px;
z-index: 6;
top: 1960px;
left: 564px;
}
</style>
<link href="botonessociales.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv14 {
position: absolute;
width: 728px;
height: 469px;
z-index: 2;
left: 412px;
top: 2614px;
}
</style>
</head>
<body background="imagenes/fondoweb.jpg">
<div id="apDiv1">
<div id="marquesina1">
<h1><marquee behavior=alternate bgcolor=#99ffff><strong>Ventajas de la energa
Solar</strong></marquee></h1>
</div>
<div id="apDiv4">
<UL class="nav">
<LI><A href="indexito.html">Inicio</A></LI>
<LI><A href="Tipos de energia renobable.html">Tipos De Eenergias
Renovables</A>
<UL>
<LI><A href="ENERGIA SOLAR.html">ENERGIA
SOLAR</A></LI>
<LI><A href="ENERGIA EOLICA.html">ENERGIA
EOLICA</A></LI>
<LI><A href="ENERGIA
GEOTERMICA.html">ENERGIA GEOTERMICA</A></LI>
<UL>
</UL>
</LI>
</UL>
</LI>
<LI><A href="VENTAJAS.html">Ventajas</A>
</LI>
<LI><A href="Contacto.html">Contacto</A></LI>
</UL>
</div>
<div id="imagen4"> <img src="imagenes/ventajs y desventajs energia renobable/23.jpg"
width="400" height="330" alt=""/>
</div>
<div id="texto1">
<p style="color: #FFFFFF">
<br>
La Energa solar es la que llega a la Tierra en forma de radiacin electromagntica (luz, calor y rayos
ultravioleta principalmente) procedente del Sol, donde ha sido generada por un proceso de fusin
nuclear. El aprovechamiento de la energa solar se puede realizar de dos formas: por conversin trmica
de alta temperatura (sistema fototrmico) y por conversin fotovoltaica (sistema fotovoltaico).
<br>
La conversin trmica de alta temperatura consiste en transformar la energa solar en energa trmica
almacenada en un fluido. Para calentar el lquido se emplean unos dispositivos llamados colectores.
<br>
La conversin fotovoltaica consiste en la transformacin directa de la energa luminosa en energa
elctrica. Se utilizan para ello unas placas solares formadas por clulas fotovoltaicas (de silicio o de
germanio).
<br>
Ventajas: Es una energa no contaminante y proporciona energa barata en pases no
industrializados.
<br>
Inconvenientes: Es una fuente energtica intermitente, ya que depende del clima y del nmero de
horas de Sol al ao. Adems, su rendimiento energtico es bastante bajo
</p>
</div>
<div id="imagen2"> <img src="imagenes/ventajs y desventajs energia renobable/22.jpg"
width="450" height="433" alt=""/>
</div>
<div id="texto2"><p style="color: #FFFFFF">La energa solar es una de las alternativas ms
sostenibles para la produccin de energa . Este es un hecho conocido, pero qu nuevas aplicaciones
damos a una de las energas renovables ms importantes de nuestra vida? Si tenemos en cuenta
queGreenpeace estima que la energa solar fotovoltaica podr suministrar electricidad a dos tercios de
la poblacin en 2030, y que el Consejo Mundial de Energa cree que el ao 2100 el 70 % de la energa
consumida ser de origen solar, no est de ms repasar algunas de las aplicaciones ms provechosas
de esta renovable:</p>
<br>
<p style="color: #FFFFFF"><font color="red"><strong>Electricidad <font></strong></p>
</p>
<p style="color: #FFFFFF">Esta es la aplicacin ms bsica de todas: gracias a un panel
fotovoltaico, usted puede aprovechar la energa del sol para generar electricidad. sta le servir para
alimentar, por ejemplo, el consumo (o al menos parte de l) de energa de su hogar, su hotel, o su
empresa. Su panel puede almacenar lo generado en bateras o estar directamente conectado a la
red.</p>
</div>
<div id="video" align="center"><span style="text-align:center;">
<video src="ENERGA SOLAR - DOCUMENTAL COMPLETO.mp4" width="640"
height="360"controls="controls" autoplay="autoplay" preload="preload"></video>
</span></div>
<p> </p>
<div id="marquesina2"><h1><marquee behavior=alternate bgcolor=#99ffff>
Como se puede utilizar la energa solar?
</marquee></h1>
</div>
<div id="marquesina3"> <h3><marquee behavior=alternate bgcolor=#99ffff>ALGUNAS VENTAJAS
DE LAS ENERGAS RENOVABLES
</marquee>
</h3></div>
<div id="apDiv12"><img src="imagenes/ventajs y desventajs energia renobable/29.jpg" width="328"
height="500" alt=""/></div>
<p> </p>
<p> </p>
<div id="texto3"> <p style="color: #FFFFFF">
<font color="red"> <strong>Agua Caliente </strong></font>
calefaccin.
<font color="red"><strong>Calefaccin y fro solar</strong></font>
Llamamos 'fro solar' al aire acondicionado ecolgico, que, gracias al consumo de energas limpias
puede representar un ahorro de hasta un 70% de la energa. La energa solar se emplea para producir
este aire acondicionado<em> eco</em> a travs de dos mtodos: se recolecta mediante paneles
fotovoltaicos que activan los equipos de fro, o mediante colectores solares que son ellos mismos
quienes producen la energa trmica a baja temperatura.
Eso para el verano. En invierno, la calefaccin tambin puede ser <em>solar</em>, como
comentbamos en el apartado anterior: gracias a sistemas solares trmicos, donde se calienta el agua,
que se puede acumular para calefacciones, o incluso para piscinas temperadas.
Por otro lado, hay quienlo tiene todo en uno, con paneles solares capaces de almacenar energa y
convertirla en fro o calor, segn se necesite.
<br>
<br>
<br>
<br>
</p></div>
<div class="social">
<ul>
<li><a href="http://www.facebook.com/" target="_blank" class="iconfacebook"></a>FACEBOOK</li>
<li><a href="http://www.twitter.com/" target="_blank" class="icontwitter"></a>TWITTER</li>
<li><a href="http://www.googleplus.com/" target="_blank" class="icongoogleplus"></a>GOOGLEPLUS</li>
<li><a href="http://www.pinterest.com/" target="_blank" class="iconpinterest"></a>PINTEREST</li>
<li><a href="mailto:pedroguillermo1998@gmail.com" class="iconmail"></a></li>
</ul>
</div>
</div>
</body>
</html>
ENERGIA EOLICA.html:
codigo:
<!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>Documento sin ttulo</title>
<style type="text/css">
#Contenedor {
position: absolute;
width: 97%;
height: 470%;
z-index: 1;
}
#apDiv2 {
position: center;
width: 702px;
height: 329px;
z-index: 2;
}
#apDiv3 {
position: absolute;
width: 100%;
height: 3%;
z-index: 2;
top: 496px;
left: 2px;
}
#menu {
position: absolute;
width: 100%;
height: 182px;
z-index: 2;
left: 351px;
top: 594px;
}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv5 {
position: absolute;
width: 53%;
height: 14%;
z-index: 2;
left: 6px;
top: 766px;
}
#apDiv6 {
position: absolute;
width: 35%;
height: 12%;
z-index: 2;
top: 828px;
left: 685px;
}
#apDiv7 {
position: absolute;
width: 56%;
height: 12%;
z-index: 2;
left: 436px;
top: 1381px;
}
#apDiv8 {
position: absolute;
width: 35%;
height: 13%;
z-index: 2;
left: -1px;
top: 1386px;
}
#apDiv9 {
position: absolute;
width: 72%;
height: 5%;
z-index: 3;
left: 144px;
top: 12px;
}
#apDiv10 {
position: absolute;
width: 100%;
height: 82px;
z-index: 4;
left: -9px;
top: 1277px;
}
#apDiv11 {
position: absolute;
width: 100%;
height: 71px;
z-index: 2;
left: 1px;
top: 1874px;
}
#apDiv12 {
position: absolute;
width: 59%;
height: 14%;
z-index: 5;
top: 1978px;
left: 0px;
}
#apDiv13 {
position: absolute;
width: 25%;
height: 12%;
z-index: 6;
top: 1977px;
left: 654px;
}
</style>
<link href="botonessociales.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position: absolute;
width: 100%;
height: 115px;
z-index: 2;
left: 0px;
top: 2483px;
}
#apDiv4 {
position: absolute;
width: 75%;
height: 8%;
z-index: 2;
left: 284px;
top: 2673px;
}
#apDiv14 {
position: absolute;
width: 264px;
height: 343px;
z-index: 2;
left: 20px;
top: 2665px;
}
#apDiv15 {
position: absolute;
width: 50%;
height: 14%;
z-index: 2;
top: 3089px;
}
#apDiv16 {
position: absolute;
width: 200px;
height: 355px;
z-index: 2;
left: 572px;
top: 615px;
}
#apDiv17 {
position: absolute;
width: 302px;
height: 466px;
z-index: 2;
left: 644px;
top: 3089px;
}
</style>
</head>
<body background="imagenes/fondoweb.jpg">
<div id="Contenedor">
<div id="apDiv3">
<h1><marquee behavior=alternate bgcolor=#99ffff>Ventajas de la energa
elica</font></marquee></h1>
</div>
<div id="menu" style="text-align:center;">
<UL class="nav">
<LI><A href="indexito.html">Inicio</A></LI>
<LI><A href="">Tipos De Eenergias Renovables</A>
<UL>
<LI><A href="ENERGIA SOLAR.html">ENERGIA
SOLAR</A></LI>
<UL>
</UL>
</LI>
</UL>
</LI>
<LI><A href="VENTAJAS.html">Ventajas</A>
</LI>
<LI><A href="Contacto.html">Contacto</A></LI>
</UL>
</div>
<div id="apDiv5"><img src="imagenes/ventajs y desventajs energia renobable/5.jpg" width="600"
height="480" alt="imagen de las distintas fuentes de energias renovables" /></div>
<div id="apDiv6">
<p style="color: #FFFFFF">Al igual que la energa solar es totalmente renovable ya que su fuente es
el viento.
Tambin se trata de una <strong>energa limpia</strong>, casi tanto como la energa solar y mucho ms
que los combustibles fsiles. La energa elica no contribuye al cambio climtico ni al efecto
invernadero.
Los <strong>aerogeneradores</strong> son cada vez ms modernos y eficientes y son capaces de
producir mayor cantidad de energa. Incluso existe en la actualidad una isla en Hong Kong cuya energa
al 100% es producida por una sola turbina.
La energa elica tambin es susceptible de ser usada tanto a pequea como a gran escala, si bien en la
mayora de pases tan solo se usa para generar electricidad a nivel industrial. </p>
</div>
<div id="apDiv7"><img src="imagenes/ventajs y desventajs energia renobable/24.jpg" width="630"
height="419" alt="imagenes de lamparas de luz con imagenes de las distintas fuentes de energia
renovable en su interior" /></div>
<div id="apDiv8"> <p style="color: #FFFFFF">Uno de los principales inconvenientes a los que se
enfrenta la energa elica es la situacin de los aerogeneradores. En primer lugar, la localizacin de
estos es importante ya que debe ser en una zona donde sople el viento y donde no
existan <strong>barreras naturales o artificiales</strong> a su paso.
Asimismo, los aerogeneradores provocan un importante <strong>impacto paisajstico</strong> y son
susceptibles de bajas entre las aves y alteraciones en sus migraciones. Una de las soluciones para evitar
este impacto paisajstico son los <strong>aerogeneradores marinos</strong>. Estos se sitan al menos 3
Km mar adentro. Sin embargo, est demostrado que las vibraciones que producen tambin pueden
alterar el ecosistema marino. Adems, es mucho ms caro (se necesita mucho ms cableado e
infraestructuras ms complicadas) transportar esa energa.
A pesar de los inconvenientes que pueden presentar, los puntos positivos de las energas renovables
pesan mucho ms. Adems, son unas energas en pleno desarrollo, que en el futuro irn mejorando sus
procesos y siendo cada vez ms eficientes. Y es que este tipo de energas son el futuro, viendo lo rpido
que hemos agotado los recursos fsiles.
</p></div>
<div id="apDiv9" align="center"><embed src="Energia Eolica.mp4" width="720" height="480"
autostrat="true" ></embed></div>
<p> </p>
<div id="apDiv10"><h1><marquee behavior=alternate bgcolor=#99ffff>
<strong>Desventajas de la energa elica</strong>
</marquee>
</h1>
</div>
<div id="apDiv11"><h1> <marquee behavior=alternate bgcolor=#99ffff>HISTORIA DE LA
ENERGIA EOLICA</marquee></h1></div>
<div id="apDiv12"><img src="imagenes/ventajs y desventajs energia renobable/25.jpg" width="630"
height="488" alt="imagen sobre energai eolica" /></div>
<p> </p>
<p> </p>
<div id="apDiv13">
<p style="color: #FFFFFF">
La energa elica se ha utilizado histricamente para tareas mecnicas que requeran de mucho esfuerzo
fsico, como era moler grano o elevar agua de pozos. En estos casos la energa final que se usaba era la
energa mecnica, sin embargo, con el paso de los aos el objetivo que se buscaba era el de producir
energa elctrica a partir del viento.
La generacin de energa elctrica a partir de energa elica tuvo lugar en Dinamarca hacia 1890,
cuando se realizaron los primeros experimentos con aerogeneradores, llegando a producir hasta 200 kw
(profesor La Cour).
Desde el ao 1995 hasta nuestros das hemos visto crecer exponencialmente la energa elica en todo el
mundo, destacando los pases como Espaa, Dinamarca, Holanda y Alemania.</p>
</div>
<div class="social">
<ul>
<li><a href="http://www.facebook.com/" target="_blank" class="iconfacebook"></a>FACEBOOK</li>
<li><a href="http://www.twitter.com/" target="_blank" class="icontwitter"></a>TWITTER</li>
<li><a href="http://www.googleplus.com/" target="_blank" class="icongoogleplus"></a>GOOGLEPLUS</li>
<li><a href="http://www.pinterest.com/" target="_blank" class="iconpinterest"></a>PINTEREST</li>
<li><a href="mailto:pedroguillermo1998@gmail.com" class="iconmail"></a></li>
</ul>
</div>
<div id="apDiv1"><h1><marquee behavior=alternate bgcolor=#99ffff>CONDICIONES DE UNA
LOCALIZACION PARA UN PARQUE EOLICO</marquee></h1></div>
<div id="apDiv4"><img src="imagenes/ventajs y desventajs energia renobable/6.jpg" width="800"
height="276" alt=""/></div>
<div id="apDiv14"><p style="color: #FFFFFF">
Para que la <strong>energa elica</strong> se establezca en una localizacin concreta,
mediante<strong>parques elicos</strong>, el lugar de instalacin debe cumplir una serie de requisitos.
Para empezar a evaluar el terreno donde irn instalados los <strong>aerogeneradores</strong>, primero
hay que realizar una campaa de medicin de <strong>viento</strong> a diferentes alturas (tanto
direccin del viento, como velocidad de viento; esto es conocido como la rosa de los vientos) que durar
como mnimo un ao. De esta manera, se sabr cmo debe ser la disposicin de los aerogeneradores
para obtener la mayor energa elica posible. Adems, esta campaa de medicin servir para corroborar
que la ubicacin es adecuada para instalar un parque elico.
</p></div>
<div id="apDiv15"><img src="imagenes/ventajs y desventajs energia renobable/5.jpg" width="600"
height="480" alt=""/></div>
<div id="apDiv17"><p style="color: #FFFFFF">
VENTAJAS.html
CODIGO:
<!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>Documento sin ttulo</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 100%;
height: 5000px;
z-index: 1;
}
#apDiv2 {
position: center;
width: 702px;
height: 329px;
z-index: 2;
}
#marquesina1 {
position: absolute;
width: 100%;
height: 3%;
z-index: 2;
top: 396px;
left: 2px;
}
#apDiv4 {
position: absolute;
width: 100%;
height: 182px;
z-index: 2;
left: 387px;
top: 481px;
}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#imagen4 {
position: absolute;
width: 40%;
height: 5%;
z-index: 2;
left: 1px;
top: 748px;
}
#texto1 {
position: absolute;
width: 35%;
height: 6%;
z-index: 2;
top: 780px;
left: 642px;
}
#imagen2 {
position: absolute;
width: 4%;
height: 6%;
z-index: 2;
left: 519px;
top: 1218px;
}
#texto2 {
position: absolute;
width: 415px;
height: 277px;
z-index: 2;
left: 24px;
top: 1218px;
}
#video {
position: absolute;
width: 72%;
height: 5%;
z-index: 3;
left: 144px;
top: 12px;
}
#marquesina2 {
position: absolute;
width: 100%;
height: 82px;
z-index: 4;
left: 0px;
top: 1076px;
}
#marquesina3 {
position: absolute;
width: 100%;
height: 71px;
z-index: 2;
left: -4px;
top: 1561px;
}
#apDiv12 {
position: absolute;
width: 30%;
height: 5%;
z-index: 5;
top: 1697px;
left: 58px;
}
#texto3 {
position: absolute;
width: 357px;
height: 490px;
z-index: 6;
top: 1694px;
left: 559px;
}
</style>
<link href="botonessociales.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv14 {
position: absolute;
width: 728px;
height: 469px;
z-index: 2;
left: 412px;
top: 2614px;
}
#apDiv3 {
position: absolute;
width: 100%;
height: 115px;
z-index: 2;
left: 3px;
top: 2278px;
}
#apDiv5 {
position: absolute;
width: 293px;
height: 348px;
z-index: 2;
left: 11px;
top: 2432px;
}
#apDiv6 {
position: absolute;
width: 200px;
height: 115px;
z-index: 2;
left: 461px;
top: 2444px;
}
#apDiv7 {
position: absolute;
width: 620px;
height: 368px;
z-index: 2;
left: 9px;
top: 2841px;
}
#apDiv8 {
position: absolute;
width: 284px;
height: 291px;
z-index: 2;
left: 642px;
top: 2846px;
}
#apDiv9 {
position: absolute;
width: 200px;
height: 115px;
z-index: 2;
left: 434px;
top: 3372px;
}
#apDiv10 {
position: absolute;
width: 238px;
height: 115px;
z-index: 2;
left: 59px;
top: 3356px;
}
</style>
</head>
<body background="imagenes/fondoweb.jpg">
<div id="apDiv1">
<div id="marquesina1">
<h1><marquee behavior=alternate bgcolor=#99ffff><strong>VENTAJAS Y
DESVENTAJAS</strong></marquee></h1></div>
<div id="apDiv4">
<UL class="nav">
<LI><A href="indexito.html">Inicio</A></LI>
<LI><A href="Tipos de energia renobable.html">Tipos De Eenergias
Renovables</A>
<UL>
<LI><A href="ENERGIA SOLAR.html">ENERGIA
SOLAR</A></LI>
<LI><A href="ENERGIA EOLICA.html">ENERGIA
EOLICA</A></LI>
<LI><A href="ENERGIA
GEOTERMICA.html">ENERGIA GEOTERMICA</A></LI>
<UL>
</UL>
</LI>
</UL>
</LI>
<LI><A href="VENTAJAS.html">Ventajas</A>
</LI>
<LI><A href="Contacto.html">Contacto</A></LI>
</UL>
</div>
<div id="imagen4"> <img src="imagenes/ventajs y desventajs energia renobable/1.jpeg "
width="600" height="292" alt=""/>
</div>
<div id="texto1">
<p style="color: #FFFFFF">A continuacin, vamos a hablar sobre las ventajas y desventajas de
las energas renovables. Porque aunque estemos en un blog de energas renovables, sabemos que es
importante entender que este tipo de energas tambin tienen contradicciones y es muy posible que no
sean tan extraordinarias como las venden diferentes polticas, aunque tengamos que acostumbrarnos a
utilizarlas en un futuro, a la fuerza.</p>
</div>
<div id="imagen2"> <img src="imagenes/ventajs y desventajs energia renobable/2.jpg"
width="480" height="300" alt=""/>
</div>
<div id="texto2">
<p style="color: #FFFFFF">1 Ventajas de las energas renovables</p></li>
<li>
<p style="color: #FFFFFF">2 Desventajas de las energa renovables</p></li>
<li>
<p style="color: #FFFFFF">3 Vdeo sobre ventajas y desventajas de las energas
renovables</p></div>
<div id="video" align="center"><span style="text-align:center;">
<video src="ventajas y desventajas.mp4 (1).mp4"width="640" height="360"controls autoplay
preload></video>
</span></div>
<p> </p>
<div id="marquesina2"><h2><marquee behavior=alternate bgcolor=#99ffff><strong>ndice del
artculo:</strong></marquee></h2>
</div>
<div id="marquesina3"> <h3><marquee behavior=alternate bgcolor=#99ffff><strong>VENTAJAS
DE LAS ENERGAS RENOVABLES</strong></marquee></h3></div>
<div id="apDiv12"><img src="imagenes/ventajs y desventajs energia renobable/29.jpg" width="328"
height="500" alt=""/></div>
<p> </p>
<p> </p>
<div id="texto3"> <p style="color: #FFFFFF">
<p style="color: #FFFFFF">* Son mas respetuosas con el <strong>medio
ambiente</strong>, <strong>no contaminan</strong> y representan la alternativa de energa ms limpia
hasta el momento.</p></li>
<li>
<p style="color: #FFFFFF">* Son fciles de desmantelar y <strong>no requieren custodiar sus
residuos</strong> durante millones de aos, como ocurre por ejemplo con las energas
nucleares.</p></li>
<li>
<p style="color: #FFFFFF">* Hace que la <strong>regin sea mas autnoma,</strong> ya que
desarrolla en la misma regin donde se instala, la<strong>industria</strong> y
la <strong>econmica</strong>.</p></li>
<li>
<p style="color: #FFFFFF">* Genera muchsimos <strong>puestos de trabajo</strong>, los que se
prevn en un aumento an mayor de aqu a unos aos teniendo en cuenta su demanda e
implementacin.</p></li>
<li>
<p style="color: #FFFFFF"> * Son energas seguras ya que no contaminan, ni tampoco suponen un
riesgo para la salud, y sus<strong>residuos</strong> adems no crean<strong> ningn tipo de amenaza
para nadie.</strong></p>
</p></li>
<li>
<p style="color: #FFFFFF">* Se trata de<strong> energas de fuentes que son inagotables</strong>,
como el sol o el agua, y adems sus distintos orgenes permiten su <strong>aplicacin en todo tipo de
escenarios.</strong></p></div>
<div class="social">
<ul>
<li><a href="http://www.facebook.com/" target="_blank" class="iconfacebook"></a>FACEBOOK</li>
<li><a href="http://www.twitter.com/" target="_blank" class="icontwitter"></a>TWITTER</li>
<li><a href="http://www.googleplus.com/" target="_blank" class="icongoogleplus"></a>GOOGLEPLUS</li>
<li><a href="http://www.pinterest.com/" target="_blank" class="iconpinterest"></a>PINTEREST</li>
<li><a href="mailto:pedroguillermo1998@gmail.com" class="iconmail"></a></li>
</ul>
</div>
<div id="apDiv3"><h3><marquee behavior=alternate bgcolor=#99ffff><strong>DESVENTAJAS DE
LAS ENERGA RENOVABLES:</strong></marquee></h3></div>
<div id="apDiv5"> <td><p style="color: #FFFFFF">Como hemos dicho antes, hay desventajas. Pero
son muy pocas y pasables totalmente. Adems, tenemos que tener en cuenta, que aunque tenga
desventajas, no es nada comparado con las otras<strong>energas</strong> mas perjudiciales que
Contacto.html:
codigo:
<!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>Documento sin ttulo</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 1062px;
height: 654px;
z-index: 1;
}
#apDiv2 {
position: absolute;
width: 481px;
height: 349px;
z-index: 1;
left: 412px;
top: 282px;
}
#apDiv3 {
position: absolute;
width: 100%;
height: 115px;
z-index: 2;
left: 328px;
top: 12px;
}
</style>
<link href="menu.css" rel="stylesheet" type="text/css" />
</head>
<body background="imagenes/fondoweb.jpg">
<div id="apDiv1">
<div id="apDiv2">
<form id="form1" name="form1" method="post" action="mailto:pedroguillermo1998@gmail.com">
<table width="473" height="193" border="0">
<tr>
<td colspan="2"> FORMULARIO DE CONTACTO</td>
</tr>
<tr>
<td width="247">nombre</td>
<td width="108"><label for="nombre"></label>
<input type="text" name="nombre" id="nombre" /></td>
</tr>
<tr>
<td>apellido</td>
<td><label for="apellido"></label>
<input type="text" name="apellido" id="apellido" /></td>
</tr>
<tr>
<td>e-amil</td>
<td><label for="correo"></label>
<input type="text" name="correo" id="correo" /></td>
</tr>
<tr>
<td>asunto</td>
<td><label for="asunto"></label>
<textarea name="asunto" id="asunto" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td>sexo</td>
<td><input name="radio" type="radio" id="hombre" value="hombre" checked="checked" />
<label for="hombre">hombre
<input type="radio" name="radio" id="mujer" value="mujer" />
mujer
<input type="radio" name="radio" id="no opina" value="no opina" />
no opina</label></td>
</tr>
<tr>
<td>nacionalidad</td>
<td><label>
<select name="menu" id="menu">
<option selected="selected">energas renovables</option>
<option>peliculas</option>
<option>musica</option>
<option>fotografias</option>
<option>informatica</option>
<option>deportes</option>
</select>
</label></td>
</tr>
<tr>
<td><input type="submit" name="button" id="button" value="Enviar" /></td>
<td><input type="reset" name="button2" id="button2" value="Restablecer" /></td>
</tr>
</table>
</form>
</div>
<div id="apDiv3" >
<DIV id="header">
<UL class="nav">
<LI><A href="index.html">Inicio</A></LI>
<LI><A href="">Tipos De Eenergias Renovables</A>
<UL>
<LI><A href="ENERGIA SOLAR.html">ENERGIA
SOLAR</A></LI>
<LI><A href="ENERGIA EOLICA.html">ENERGIA
EOLICA</A></LI>
<UL>
</UL>
</LI>
</UL>
</LI>
<LI><A href="VENTAJAS.html">Ventajas</A>
</LI>
<LI><A href="Contacto.html">Contacto</A></LI>
</UL>
</DIV>
</div>
<p> </p>
</div>
<p> </p>
<p> </p>
</body>
</html>
Bibliografia
http://erenovable.com/energias-renovables/(informaicon utilizada en INDEX.html)
http://erenovable.com/tipos-de-energias-renovables-resumen/(foto utilizada en ENERGIA
SOLAR.html))
http://erenovable.com/energia-solar-ventajas-y-desventajas/informaicon utilizada en ENERGIA
SOLAR.html)
https://www.youtube.com/watch?v=JMCHU2jRInQ(video de la pagina VENTAJAS.html)
https://www.youtube.com/watch?v=hldJi6QS34U(video de la pagina de inicio(INDEX.html) )
https://www.youtube.com/watch?v=o5aD60Dygo0(video de ENERGIA SOLAR.html)
http://erenovable.com/como-funciona-la-energia-solar/(informaicon utilizada en ENERGIA
SOLAR.html)
http://erenovable.com/energias-renovables-ventajas-y-desventajas/(informaicon utilizada en
VENTAJAS.html
https://www.youtube.com/watch?v=3tLIe6eJGAo(video de la pagina ENERGIA EOLICA.html)
http://erenovable.com/ventajas-e-inconvenientes-de-la-energia-geotermica/
http://erenovable.com/energia-geotermica/(informaicon utilizada en ENERGIA GEOTERMICA.html)
http://www.falconmasters.com/tutoriales/como-hacer-un-menu-desplegable/(Informacion necesaria