Anda di halaman 1dari 34

Autor:Pedro Guillermo

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

Cdigo y descripcin de las paginas de el sitio


Basicamente es un sitio web que promueve el uso de las energia renovables detallando: Qu son las
energas renovables?, Tipos de energas renovables(Solar, Eoica y Geotemica) y las
ventajas de los distintos tipos de energas renovables.
El sitio corresponde a un negocio sin fines de lucro cuyo fin no es la persecucin de un beneficio
econmicosino que principalmente persigue la finalidad de dar a conocer a las personas sobre las
energias renovables, los distintos tipos que existen y sus beneficios,

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

A pesar de pertenecer a esas fuentes inagotables, la constante y creciente contaminacin en el


medio ambiente ha hecho que durante los ltimos aos sus recursos hayan mermado de manera
considerable peligrando su continuidad y no slo eso sino que muchas especies animales han
muerto, as como el peligro que amenaza a la conservacin de la tierra y a nuestra propia especie.
</p>
</div>
<div id="imagen2"><img src="imagenes/ventajs y desventajs energia renobable/20.jpg"
width="437" height="200" alt="imagenes de lamparas de luz con imagenes de las distintas fuentes
de energia renovable en su interior" /></div>
<div id="texto2"> <p style="color: #FFFFFF">Frente a los efectos contaminantes de combustibles
fsiles como el petrleo o el carbn, las energas renovables tienen menos emisiones de carbono,
reciclan y son ms respetuosas con el medio ambiente.Los combustibles fsiles crean emisiones de
gases efecto invernadero que contribuyen al calentamiento global. Las energas renovables no
emiten estos gases y son bsicas para frenar el calentamiento global y el cambio climtico.
La produccin de energas renovables a nivel local, reduce los costes de transportes que tienen
las energas fsiles. Potenciar las energas renovables crea puestos de trabajo.
Las energas renovables por su disponibilidad estarn sujetas a menos fluctuaciones de precios,
al contrario que el petrleo o el gas.
Potencial ilimitado, frente a los recursos finitos de las energas fsiles, las energas renovables
ofrecen un potencial prcticamente ilimitado.</span></div>
<div id="video" align="center">
<embed src="LAS ENERGIAS RENOVABLES - DOCUMENTAL COMPLETO.mp4"
width="720" height="480" autostrat="true" >
</embed>
</div>
<p>&nbsp;</p>
<div id="marquesina2"><h1><marquee behavior=alternate bgcolor=#99ffff>ENERGAS
RENOVABLES VS ENERGAS FSILES</marquee></h2>
</div>
<div id="marquesina3"> <h3><marquee behavior=alternate bgcolor=#99ffff>ALGUNAS
VENTAJAS DE LAS ENERGAS RENOVABLES
</marquee>
</h3></div>
<div id="imagen3"><img src="imagenes/ventajs y desventajs energia renobable/Monsolar.jpg"
width="600" height="253" alt="bonita imagen sobre energais renovables" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="texto3">
<p style="color: #FFFFFF">Las energas renovables ayudan a cuidar el medioambiente. La
mayora de estar energas no necesitan de una combustin, tal y como sucede en las refineras o en
plantas industriales que usan energas no renovables. Adems, ayudan a preservar durante ms
tiempo los recursos de nuestro planeta.
<br>
Las energas renovables ayudan a detener el avance del efecto invernadero. Disminuyen el grado de
contaminacin del aire, las emisiones contaminantes y efectos meteorolgicos como la lluvia cida.
<br>

Muchas de estas energas, como la energa solar, permiten el autoabastecimiento a travs de la


instalacin de sencillas infraestructuras. De ah que las elctricas y petroleras tradicionales luchen a
brazo partido para evitar el desarrollo de este tipo de energa que podra permitir a las personas ser
autosuficientes y prescindir de los servicios de estas compaas.
<br>
Por ltimo, cabe destacar que las energas renovables son cada vez ms necesarias en un mundo
donde el desarrollo sostenido y sostenible es cada vez ms importante. Esto redunda en la existencia
de cada vez ms puestos de trabajo especializados relacionados con estas formas relativamente
nuevas de obtener energa.</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>

Descripcion del contenido de index.html:


En la pagina principal de describe que son la energias renovables, se da una breve comparacion con las
energas fosiles, y se describe algunas de las ventajs de las energias renovables,la pagina contiene un
video que esta en una div pa, se utiliza un menu echo en css, se utilizan imagenes llamativas,
marquesinas, cada imagen pertenece a una div pa, las marquesinas pertenecen a una div pa, y cada texto
que esta al lado de una imagen tambn esta dentro de una div pa

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>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</p>
<div id="texto3"> <p style="color: #FFFFFF">
<font color="red"> <strong>Agua Caliente </strong></font>

En zonas de sol, como la mayora de pases de Latinoamrica o Espaa, puede aprovecharse la


energa solar para calentar el agua, a travs de captadores solares que generan calor. En este caso,
hablamos de paneles de energa solar trmica en los que el agua se calienta y puede servir en los
hogares (hoteles y hospitales), para ducharse o cocinar, y se puede aprovechar tambin en la

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>

Descripcin del contenido de ENERGIA SOLAR.html :


En la pagina ENERGIA SOLAR.html se describe las ventajs dela energia solar
y los distintos usos que se le pueden dar ,la pagina contiene un video sobre
energia solar que esta en una div pa, se utiliza un menu echo en css, se utilizan
imgenes llamativas, marquesinas, cada imagen pertenece a una div pa, las
marquesinas pertenecen a una div pa, al lado de las imagenes hay div pa que
contienen texto.

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>

<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="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>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</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">

Los requisitos fundamentales para un emplazamiento son:


Ms de 2.000 horas de produccin elica equivalente a potencia mxima (horas equivalentes).
Respetar la avifauna del entorno, estableciendo si es preciso un paso para aves migratorias entre grupos
de aerogeneradores.
Lejana de ms de un kilmetro con ncleos urbanos para evitar la contaminacin acstica de los
parques elicos.
La energa elica debe estar instalada en suelo no urbanizable, generalmente.
No interferencia con seales electromagnticas del entorno, ya que seales de televisin, radio o
telefona se pueden ver perjudicadas si no se instalan otros dispositivos que lo eviten.</p></div>
</div>
</body>
</html>

Descripcion del contenido de ENERGIA EOLICA.html


:
En la pagina ENERGIA EOLICA.html se describe las ventajas y
desventajas dela energia elica su historia, las condiciones de
localizacion para un parque elico, y como se puede integrsar la
energia elica en la red electrica, ademas la pagina contiene un
video sobre energia elica que esta en una div pa, se utiliza un
menu echo en css que facilita navegar por las distintas paginas del
sitio , se utilizan imagenes llamativas contenidas en div pa,
marquesinas , cada imagen pertenece a una div pa, las
marquesinas pertenecen a una div pa, ademas de div pa con texto
al lado de las imagenes

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>&nbsp;</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>&nbsp;</p>
<p>&nbsp;</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

levamos siglos usando.</p></div>


<div id="apDiv6"><img src="imagenes/ventajs y desventajs energia renobable/4.jpg" width="480"
height="319" alt=""/></div>
<div id="apDiv7"><img src="imagenes/ventajs y desventajs energia renobable/33.jpg" width="620"
height="368" alt=""/></div>
<div id="apDiv8"><p style="color: #FFFFFF">*La primera caracterstica que dificulta la eleccin de
este tipo de energas es la<strong> inversin inicial, la que supone un gran movimiento de
dinero</strong> y que muchas veces la hace parecer no rentable al menos por el tiempo.</p>
<p style="color: #FFFFFF">*La <strong>disponibilidad</strong> puede ser un problema actual, no
siempre se dispone de ellas y se debe esperar que haya suficiente almacenamiento. Esto tiene una
estrecha relacin con el hecho de que estn comenzado a ser cada vez ms populares.</p>
</li>
<li>
<p style="color: #FFFFFF">*Algunas personas encuentran un inconveniente en estas energas, el
hecho de que<strong>dependiendo de su fuente necesitan de un gran espacio para poder
desarrollarse</strong>, o necesitaremos disponer de un gran sistema para que surja algn efecto (es el
caso por ejemplo de los paneles solares, de los que necesitaremos una cantidad considerable si queremos
generar una alta energa elctrica).</p></div>
<div id="apDiv9"><img src="imagenes/ventajs y desventajs energia renobable/34.JPG" width="460"
height="310" alt=""/></div>
<div id="apDiv10"><ul>
<li>
<p style="color: #FFFFFF">*Por otro lado cabe aadir que un claro problema inherente a las energas
renovables ser el que muchas de ellas <strong>cuentan con una naturaleza difusa</strong>, con la
excepcin de la energa geotrmica la cual, sin embargo, slo es accesible donde la corteza terrestre es
fina, como as fuentes calientes y los giseres.
<br>
Aunque sean pocas las caractersticas negativas o desventajas, tenemos que tenerlo todo en cuenta a la
hora de hacer comparaciones.
</p>
</li>
</ul></div>
</div>
</body>
</html>

Descripcion del contenido de VENTAJAS.html :


En la pagina VENTAJAS.html se describe las ventajas, asi como
tambin las desventajas de las energias renovables, ademas la
pagina contiene un video sobre las ventajs y desventajas de las
energias renovables que esta en una div pa, se utiliza un menu
echo en css que facilitanavegar por las distintas paginas del sitio,
se utilizan imagenes llamativas, marquesinas, cada imagen
pertenece a una div pa al igual que las marquesinas, al lado de las
imagenes hay div pa que contienen texto

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>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Descripcion del contenido de Contacto.html :


Basicamente esta es una pagina donde se me puede contactar
con el negocio sin fines de lucro, para consultar mas
informacion o aclarar dudas.

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

para hacer el mena en css)


http://erenovable.com/historia-energia-renovable/(informaicon utilizada en ENERGIA OELICA.html Y
ENERGIA SOLAR.html)
http://renovablescjc.blogspot.com/p/ventajas-y-desventajas-de-la-energia.html(informaicon utilizada en
VENTAJAS.html)

http://erenovable.com/energia-geotermica/(informaicon utilizada en ENERGIA GEOTERMICA.html)

Anda mungkin juga menyukai