FUNDAMENTOS DE UNA PAGINA WEB

Los fundamentos de una página web: HTML
Una pagina web se compone de texto: el contenido literal (lo que queremos decir) y las llamadas etiquetas para dar la forma. Algunas de ellas son:
Etiqueta
Descripción

Escribir un título. Los subtítulos se consiguen con ... hasta

Esctribir un párrafo

Texto en negrita

Texto en cursiva

Centrar cualquier elemento (texto, imagen, etc)Salto de línea

Introducir un enlace (hipervínculo), para pulsar sobre él y navegar a otro sitio
Para nuestra primera web abrimos un editor de texto (por ejemplo el Bloc de notas de Windows) y comenzamos escribiendo la siguiente estructura, obligatoria en toda página web:

Ahora demos contenido a la página. Escribamos lo siguiente, prestando atención para no equivocarnos:

Acontinuación guardamos este texto en un fichero llamado pagina1.html, por ejemplo en el escritorio de Windows. Para hacerlo correctamente, una manera es ir al menú del Bloc de notas: Archivo | Guardar Como | y en el nombre de archivo a guardar poner entre comillas dobles el nombre del archivo: "pagina1.html". Esto es para que el Bloc de notas de Windows no guarde el fichero con el nombre pagina1.html.txt, unerror común al principio:

Guardamos nuestra página con extensión .html en el escritorio de Windows
Hacemos doble click sobre el icono de nuestra nueva página web que estará en el escritorio, y debemos verlo de esta manera:
Analizando con cuidado el ejemplo, observamos algunas cosas importantes:
Todo documento HTML tiene una estructura base que hay que respetar
Para dar formato al texto,hay que utilizar etiquetas HTML, que pueden anidarse
Toda etiqueta tiene una parte de apertura y otra de cierre, con una barra al principio (salvo alguna excepción, como )
La extensión del archivo que contiene el código HTML debe ser: .html
El navegador web interpreta el lenguaje HTML, aplica el formato y lo muestra por pantalla
Si ponemos un enlace a una pagina web, hay que comenzar conhttp:// Si ponemos una página web situada junto con la actual, sólo es necesario escribir el nombre del fichero.
En el ejemplo anterior, si pulsamos sobre Google, nos llevará al buscador. Si pulsamos sobre "Pulse aquí" para ir a la otra página, no la encontrará porque aún no la hemos creado. Vamos a hacerlo. Abrimos otro Bloc de notas y creamos una página web sencilla:

La guardamos con elnombre pagina2.html también en el escritorio, de la misma manera que hemos hecho con pagina1.html. Ahora, al pulsar en la palabra "aqui" de la frase "Pulse aqui para ir a otra pagina", se mostrará segunda página:
Esta es la pagina numero 2
Nuestra primera página utilizando un editor de páginas web
En la sección anterior se han introducido los fundamentos de una página web. Pero hay mucho más, y notiene sentido memorizar el lenguaje de etiquetas; es más práctico saber qué son para saber comprenderlas en el momento en que las tengamos a la vista.
Vamos, pues, a utilizar herramientas para hacer nuestra página web de manera más rápida y, sobre todo, de manera visual (WISIWYG), evitando tener que escribir código fuente (como mucho, retocando). Estos editores de página web utlizarán lenguajeHTML y otras tecnologías adicionales, como las hojas de estilos en cascada (CSS), HTML dinámico o JavaScript.
Un programa que recomiendo para empezar es Kompozer (una versión mejorada de NVU) por ser de libre uso y muy completo. Hay otros editores más habituales en nuestro entorno, como Microsoft Office Word que permiten que lo que hayamos escrito lo guardemos en formato HTML (menú Archivo | GuardarComo | Página Web), si bien el código HTML que genera no es muy limpio en algunos casos.
Podemos descargar Kompozer desde http://kompozer.net/download.php, en la sección Latest stable version, versión Win32 binary, el fichero con nombre kompozer-X.X.X-win32.zip. Descomprimimos este fichero descargado en un directorio, entramos en él y ejecutamos el archivo kompozer.exe. El programa tiene el...