domingo, 5 de febrero de 2012

Poner distintas secciones en la web

Antes de seguir leyendo te recomiendo leer la parte 7 del tutorial, ya que es posible que te pierdas si no lo haces. 
Si lo has leído, ya puedes seguir leyendo.
Vamos a aprender a cómo poner distintas secciones en la web. Para eso necesitaremos otro documento del bloc de notas. En él tienes que pegarle el código exactamente igual que el que tienes en "index.html", pero quitando la parte del contenido.
Por ejemplo, si en "index.html" tienes puesto un texto de bienvenida, en este nuevo archivo lo eliminas y en su lugar, pones lo que quieras: una noticia relacionada con la sección, por ejemplo.
El procedimiento es el mismo, solo que el archivo puede llamarse "loquesea.html", pero que no sea "index.html".
Ahora vamos a nuestro panel de archivos FTP (como si fuésemos a publicar por primera vez nuestra página web) pero ahora subimos también nuestro nuevo archivo. En mi caso, se llama "pag_web.html". ¿Véis? Está el "index.html" que es la portada de la web, y "pag_web.html" que es el mismo código (así que el diseño de la web es el mismo), pero con distintas noticias.


Ahora el último paso es añadir un enlace. Así que solo tienes que hacer como si fueses a poner un enlace normal, pero añadiendo el nombre de "pag_web.html" (en mi caso). Un ejemplo de enlace sería:
<a href="pag_web.html"><img src="http://dl.dropbox.com/u/55341396/creaweb.png" /></a>
Solo tienes que poner el nombre del archivo. De esta forma, al hacer clic en la imagen, irás al archivo "pag_web.html" que acabas de incluir, como si fuese una sección nueva.

(Para ver la sección incrustada, haced clic en el botón "Crea tu web")

0 comentarios:

Publicar un comentario