This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

{Tarea 2, del 17 al 22 de junio}Segunda tarea usando adornos en nuestra web [June 17, 2012, 6:15 p.m.]


Bueno, veo que ya algunos han realizado algunas paginas webs. eso esbueno, ahora trataremos de hacerlo mas dinamico todo. 

Todos han realizado solamente una web o una pagina en html, que se llama "Index.html", ahora haremos algo mas dinamico tendremos 2 paginas web y en estas paginas usaremos imagenes, listas y colores.

Primero que todo tendremos nuestra primera pagina web, se llamara como siempre index.html, en ella colocaremos un titulo
 

<title> Musica</title>

Ahora en nuestra pagina principal, hablaremos de y daremos a conocer de que tratara nuestra web.

<h1>Bienvenidos a mi primera pagina web</h1> 

Veremos que este titulo saldra con letras grandes, prueben con etiquetas h2, h3 y h4 y vean lo que sucede.

Ahora, haremos una lista de distintos estilos de musica, de lo que hablaremos en nuestra otras paginas.

para empezas con la lista usaremos la etiqueta <ul>, para luego laspalabras o conceptos que estaran listados seran ocupados con la siguiente etiqueta <li> probemos esto:

<ul> Listado de Estilos de musica

<li>ROck</li>

<li>Electronica</li>

<li>Romantica</li>

</ul>

Prueben eso y vean lo que sucede.

 

Ahora que tenemos nuestro listado, haremos que esa lista sea un link a nuestra otra pagina para ello necesitamos 1 etiqueta que se llama <a>, esta hace que una palabra o oracion dentro de esta etiqueta se convierta en un hipervinculo, y usaremos href para darle el link a dnde nos linkeara. probemos esto:

...

<li><a href="rock.html" > Rock </a> </li>

...

 

Prueben y vean que pasa.

Ahora que tenemos nuestra pagina de inicio, realizaremos las otras 3 paginas que estaran en nuestro listado, crearemos la pagina rock.html. dentro de ella tendremso algo asi:

<title> Estilo de musica Rock</title>

<h1> Bienvenidos a esta introduccion de la musica Rock</h2>

<h2>Historia del Rock</h2>

<p style="justify"><b> Esta es la historia del rock........</b></p>

Bueno ahora colocaremso una imagen significativa sobre el rock. para ello usaremos la etiqueta <img> , dentro de esa etiqueta le decimos donde estara nuestra imagen, para ello crearemos una carpeta dentro de el archivo raiz que se llamara images, dentro de esa carpeta pondremos nuestra imagen.y en nuestra pagina web pondremos algo como esto

 

<img href="images/rock.png" align="center">

ahora que ya tenemos esto haremos un listado con nuestros grupos favritos, que ustedes ya saben hacer listas asi que lo haran ustedes.

TAREA:

Realizar una web de deportes, en donde el index.html, hable sobre el deporte y tendremos unalista de los deportes que seran links hacia nuestra otras paginas webs, haremos otras 3 paginas webs sobe 3 deportes, en las cuales hablaremos un poco sobre ese deporte y pondremos una imagen y una lista de los mejores equipos de ese deporte.

 

espero su tarea dentro de esta semana.

Para la proxima tarea veremos como colocar fondos, realizar formularios, etc.

saludos