Aprender a hacer una sencilla web paso a paso partiendo de cero.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 3
Visitas el mes pasado: 9
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
Tenemos ahora dos archivos en nuestro sitio web local, hace falta un enlace desde la página principal (index.html) a la segunda página (plantilla.html). para ello abriremos el archivo index.html con el HTML-Kit, y en el menú de la derecha añadiremos un nuevo elemento en la lista de enlaces.. Escribiremos lo siguiente: (texto en azul):
.....
<div>
<h3>Secciones</h3>
<ul>
<li><a href="#">Seccion 1.</a> </li>
<li><a href="#">Seccion 2.</a> </li>
<li><a href="#">Seccion 3.</a> </li>
<li><a href="#">Seccion 4.</a> </li>
<li><a href="#">Seccion 5.</a> </li>
<li><a href="plantilla.html">Plantilla</a> </li>
</ul>
</div>
Una vez escrito el texto guardamos el archivo, y abrimos el archivo index.html con el navegador, para ver el cambio.
Tu página principal quedará así: Ver página principal
Observa como en el menú de la derecha, en último lugar está el enlace que hemos puesto. si lo pulsas vas a tu segunda página.
Hemos creado ya dos archivos nuevos, con un cierto contenido, En cualquier momento podemos pasar el estado de nuestros archivos a nuestra página en el servidor, Para ello basta con abrir FireFTP y elegir nuestra web en el menú desplegable, pulsar luego en "Connect", seleccionar los archivos y darle al botón verde para traspasarlos.
No te voy a decir a partir de ahora cuando tienes que subir tus archivos al servidor, así que en cualquier momento que creas oportuno, puedes ssubir tu sitio local al servidor.
En el próximo tema vamos a crear la barra de navegación o de enlaces, justo debajo de la cabecera, en el "div" que hemos llamado "navegación".
ir la la siguiente lección La barra de enlaces.
Sugerencias:
aprendeweb@aprende-web.net. Envia un
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com