Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 17 de Diciembre 2016, 20:57
-
Hola amigos aqui dejo el ejercicio CU00727B del curso de fundamentos de programación web con HTML desde cero.
EJERCICIO
Define la estructura de un portal web que conste de:
a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.
b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.
c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>crear portal WEB basico pagina principal. CU00727B</title>
</head>
<body>
<div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid gray;">
<div id="header">
<a href="https://es.wikipedia.org/wiki/Sword_Art_Online" target="_blank" title="WikiPedia"><img src="http://i44.photobucket.com/albums/f30/Jack_f1/sao_videogame_zpsmulnkzfr.jpg" alt="cabecera" width="400" border="1" /></a>
<h1>Sword Art Online</h1>
<img src="http://i44.photobucket.com/albums/f30/Jack_f1/cabecera_zpsrbzmq8de.png" alt="Cabecera" width="60%" /></a>
</br>
</div>
<!--fin cabecera-->
<!--contenedor-->
<div id="wrapper">
<!--menu-->
<div id="menu">
<div>Menú</div>
<hr style="color:green; background-color:green; width:50%;" />
</div>
<!--fin menu-->
<!--cuerpo-->
<div id="body" style="width:980px; text-align:ceneter; margin: auto; border; 2px solid blue;">
<ul style="text-aling:center;">
<li><a href="http://animeflv.net/anime/813/sword-art-online" target="_blank">Episodios de Sword Art Online temporada (1)</a></li>
<li><a href="http://animeflv.net/anime/1394/sword-art-online-2" target="_blank">Episodios Sword Art Online temporada (2)</a></li>
<li><a href="http://animeflv.net/ova/1180/sword-art-online-extra-edition" target="_blank">OVA de Sword Art Online</a></li>
<li><a href="http://es.swordartonline.wikia.com/wiki/Sword_Art_Online_(manga)" target="_blank">Mangas</a></li>
<li><a href="http://es.swordartonline.wikia.com/wiki/Categor%C3%ADa:Canciones" target="_blank">Canciones de Sword Art Online</a></li>
</ul>
<img src="http://i44.photobucket.com/albums/f30/Jack_f1/SAO_zpsyo0g9ytd.jpg" alt="imagen de cuerpo" width="400" /><br /><br />
<b>Aincrad</b><p>Todo empieza en el año 2022 hasta 2025, cuando se desarrolla un VRMMORPG (Virtual Reality Massive Multiplayer Online Role
Playing Game) llamado Sword Art Online (SAO). Consta de 100 pisos, que contienen un jefe cada uno. Lo que los jugadores no
saben es que la muerte dentro del juego o la desconexión forzada fuera de ella significará la muerte en el mundo real. Uno de los
1000 beta testers que probó el juego es Kazuto "Kirito" Kirigaya. Debido a que pasó más pisos que el resto de los beta testers y
para evitar discriminación, Kirito creó su propia clase: beater (o Beta Cheater), debido a que la mayor parte juega solo, incluso
tras la muerte de Sachi en una emboscada. Eventualmente Kirito conoce a algunos aliados, a Yui, la hija de Kirito y Asuna, "Ataúd
Risueño" que se compone de jugadores vándalos que matan a los demás jugadores, y el creador de SAO Akihiko "Heathcliff"
Kayaba, que activó las trampas para que los jugadores estuvieran dentro del juego. De unos 10 000 jugadores que entraron al
juego, 3853 fueron eliminados y cerca de la mitad de esta cifra ocurrió en el primer mes. Tras la eliminación de Kayaba, todos los
sobrevivientes logran desconectarse.</p><br /><br />
<b>Fairy Dance</b><p>Han pasado 2 meses desde que Kazuto despierta en el mundo real después de ganar SAO. Sin embargo, Asuna está cautiva en
otro VRMMORPG, ALfheim online (ALO) juego sucesor de Sword Art Online, además de 300 jugadores de SAO que no
despertaron y son parte de un grupo de prueba en una investigación secreta e ilegal de realidad virtual llevada a cabo por Sugō
Nobuyuki, supuesto prometido de Asuna y director de investigación en RCT, compañía a cargo del servidor que mantiene ALO y
por lo tanto responsable directo del cautiverio de los jugadores. Kazuto, entrando a ALO como Kirito y reactivando a Yui, decide
rescatar a Asuna de su prisión y con la ayuda de Suguha "Leafa" Kirigaya, se embarca en la misión de derrotar al Rey de ese
mundo Oberon, que no es otro que el mismo Sugō, pero al percatarse de que el primer intento de rescate fallaba, Kirito se dá
cuenta de un triángulo amoroso en que Leafa se estaba enamorando de su primo/hermano, lo que complicó la situación, incluso
fuera del juego. Se inició un segundo intento, en el cual Kirito frustra los planes de Sugō, desconectando a Asuna, a 300
jugadores de SAO capturados y al resto de los de ALO, lo que originó una batalla a muerte incluso fuera del juego. Antes de que
Kirito se desconectara, Fragmentos de Kayaba le entregó a Kirito "la semilla" -un paquete de datos que permite crear su propio
juego- antes de morir, debido a que el Kayaba real se sacrificó para subir su cerebro usando la versión experimental y altamente
destructiva de NerveGear. Eventualmente Kazuto se reune con Asuna, y se sube "la semilla" a la nube, reinstalando Aincrad en
ALO como expansión.</p>
</div>
<!--fin cuerpo-->
</div>
<!--fin contenedor-->
<div id="footer" style="width:980; text-aling:center; margin:auto; border: 2px solid red;">
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="pie de la página" /> <p><a href="http://aprenderaprogramar.com/">Copyright 2006-2034 aprenderaprogramar.com</a></p>
</div>
<!--fin pie-->
</div>
</body>
</html>
-
Lo veo todo correcto. Tienes uno que otro error de sintaxis dentro de atributos style="....." pero el ejercicio cumple su objetivo. :)
Un saludo. :D
PD: Me encanto el tema que usaste para la pagina. 8)
-
Hola Jorgito.
Como dice el compañero Chompy129, tienes varios errores de sintaxis.
En la primer imagen, recuerda que el atributo "border" está obsoleto, con lo que sería más adeacuado usar style="", como has hecho con otros elementos del documento.
El primer salto de línea que usas esta mal, usaste "</br>" cuando debe de ser "<br/>".
Después de la segunda imagen, añades "</a>", sin haber abierto este elemento antes, así que sobra.´
Para que al elemento "hr" que introdujiste, se pueda ver el color que añadiste, deberías aumentar su grosor para poder apreciarlo, lo puedes hacer añadiendo al "style="height: 2px""
Usas como nombre de "id" "body", es conveniente no usar los nombres de las etiquetas "html" para nombrar sus "id" o "name".
En el "div" que tiene "id="body"", en "style" tienes mal escrito "center", pusiste "ceneter" y además después de escribir "border", escribiste punto y coma(;) y deben de ser dos puntos(:).
En el "div" con "id="footer"" en "style", la proiedad "tex-align" está mal escrita, tu pusiste "text-aling".
Saludos. ;D
-
Hola gracias por explicarme mis errores, si a veces ecribo tan apurado que por eso debe ser que tengo algunos errores. Pero agradesco sus comentarios y su ayuda.
Un saludo. ;) ;) ;) ;)