¿Cómo empezar?

Este tutorial ha sido diseñado para principiantes, quienes nunca han escrito un documento HTML document a mano y necesitan saber dónde y cómo hacerlo. En resumen , este documento mostrará el proceso de creación de un archivo HTML.

Table of contents

Consideraciones

Un documento HTML, aún cuando está escrito de una manera estructurada que lo hace encajar en el estándar del lenguage, no es otra cosa más que una simple secuencia de caracteres que pueden ser econtrados en cualquier teclado normal. En favor de la portabilidad, estos caracteres son normalmente almacenados en archivos, tal como sucede con muchos otros tipos de información.

Un archivo que contiene un documento HTML puede tener muchas extensiones. De hecho, puede tener cualquier extensión que se te ocurra, pero si le das a tu documento la extensión "equivocada" podría no ser interpretado del modo que quieres (como un documento HTML). Así que las dos extensiones que normalmente serán interpretadas como documentos HTML son "htm" y "html". La diferencia entre usar una u otra de estas extensiones es solamente una letra (la extensión "html" no era soportada por sistemas operativos antiguos, que ya no se usan en la actualidad), por lo que puedes usarlas como prefieras.

Puedes encontrar en algunas ocasiones, al navegar la web, que la dirección URL en tu navegador, correspondiente al documento que estás viendo actualmente, tiene una extensión como "php", "asp", "pl" o "cfm" (algunas veces seguidas por el signo de pregunta "?" y muchas cosas más). Aun cuando los archivos con estas extensiones son asociados a diferentes lenguajes del lado servidor, al momento en que llegan al lado cliente no son otra cosa más que documentos HTML. Esto es así porque dichos archivos contienen originalmente scripts del lado servidor que son procesados cada vez que alguien los pide y son transformados en documentos HTML normales, antes de ser enviados.

Práctica

Una vez que has decidido qué extensión usarás, puedes elegir un nombre para tu archivo y crearlo. El proceso de creación del archivo es más bien simple e involucra conocimientos acerca de tu sistema operativo. Los sistemas operativos pueden diferir en la forma en que los usuarios pueden crear un archivo, pero nunca demasiado. En el siguiente párrafo, mostraré el proceso de creación de un archivo en Windows 8, y dejaré que descifres cómo hacerlo en otros sistemas operativos.

La imagen muestra cómo crear un archivo en el escritorio de Windows 8. La información mostrada en esta imagen es apropiadamente descrita en el texto y sirve únicamente como ayuda visual.Crearemos un archivo en el escritorio, ya que este es sólo un ejemplo, pero puedes considerar más tarde una estructura ordenada, como se verá en el tutorial "Organizando un sitio web". El primer paso es hacer un click derecho en cualquier área limpia del escritorio y seleccionar, del menú contextual que se desplegará, "Nuevo" y luego "Documento de texto". Esto creará un archivo de texto y automáticamente te permitirá ingresar un nombre. Allí colocas el nombre de archivo y la extensión elegidos, que en este ejemplo será "ejemplo.html".

Para cambiar correctamente la extensión del archivo de "txt" a "html", necesitarás configurar tu sistema operativo para que muestre las extensiones de los archivos, de modo contrario sólo estarás cambiando el nombre. Para hacerlo, abre una carpeta (como, por ejemplo, "Mis documentos"), ve al menú "Herramientas" y selecciona "Opciones de carpeta...". Una vez que la ventana de opciones esté abierta, debes deseleccionar la casilla "Ocultar las extensiones de archivo para tipos de archivo conocidos" en la pestaña "Ver".

Ahora que el archivo ha sido creado, estás listo para comenzar a escribir tu documento: elije un editor de texto común y abre tu archivo. Cualquier sistema operativo moderno provee editores de texto común que puedes utilizar para escribir tus documentos. En este ejemplo, usaremos el Bloc de notas de Windows pero tu puedes usar o instalar otros editores más especializados, como Notepad++ o Geany (ambos son gratuitos).

Evita usar editores de texto enriquecido, como "WordPad" o "Word", para la producción de tus documentos. Si de todas formas quieres usarlos, recuerda guardar tu archivos únicamente en formato de texto común.

La imagen muestra cómo abrir un documento para su edición con el Bloc de notas de Windows. La información mostrada en esta imagen es apropiadamente descrita en el texto y sirve únicamente como ayuda visual.Abre tu archivo haciendo click derecho sobre él y seleccionando, en el menú contextual que se desplegará, "Abrir con" y luego "Bloc de notas". En este punto estás listo para comenzar a escribir tu página web.

Para ver tu documento representado, sólo sálvalo y ábrelo en un navegador web. En la mayoría de los sistemas operativos modernos puedes abrir el documento con el navegador web predeterminado haciendo doble-click en el ícono del archivo. Una vez abierto, los cambios que realices en tu documento pueden ser actualizados en el navegador con solo recargar la página.

Este tutorial te ha dado los conocimientos básicos para manejar los archivos de un sitio web. Ahora estás listo para comenzar a escribir tus documentos. El siguiente tutorial, "Etiquetas y atributos HTML" te presentará los componentes básicos de cualquier documento HTML. No te lo pierdas!

Próximo tutorial ›