¡Así que quieres hacer una
Página Web!

Correo

También disponibles: Tutor de Tablas, Tutor de Formularios & Tutor de Marcos (Frames).
Diez formas de saber si tienes una paginucha, y Pésimo; Malo, malo; Mejorando y Consejos extras.
Si quieres saber cómo se hacen botones mágicos y otros "efectos especiales", mira aquí.

Este tutorial es uno de la serie de tutoriales WebTutor.
WebTutor también está disponible para descarga como un archivo zip. (1.4Mb)
Aprende tranquilamente en tu casa.
Sin visitas comerciales.

Un chico guapo
Una notita - este tutorial está pensado para usarlo con Windows 95/98

También está desvergonzadamente pensado para Netscape. Pero tambien funcionará muy bien con
Internet Explorer, AOL y usuarios de otros sistemas operativos.

Hola. Mi nombre es Jose Angel y voy a darte unas pocas y simples lecciones acerca de cómo hacer una página Web. Debo advertirte que todo esto es para novatos absolutos. Si ya tienes experiencia en esta clase de cosas probablemente encontrarás este tutorial demasiado básico.

Te gustará saber que aprender a hacer esto es realmente muy simple. La idea básica es ésta... Una página web no es más que un archivo, un archivo HTML para ser exacto. Se llama HTML porque los documentos que componen las páginas web tienen como extensión .html o .htm. HTML es Hyper Text Mark-up Language. (Lenguaje de Marcado de HyperTexto). Si ni siquiera conoces este tipo de extensión, ¡¡realmente estás muy verde!! (date un tour rápido para aclarar algunos de estos conceptos).

Hola,


Sólo quiero mandarte unas líneas para hacerte saber cuánto me han gustado tus tutoriales. Después de leerlos, eliminé mi antiguo sitio web, que estaba hecho con *** y empecé a hacerlo de nuevo con el Bloc de Notas. Fué como salir de un pozo. Ahora puedo hacer exactamente lo que tengo pensado.


Gracias,
una ex-alma en pena.

Empecemos. Primero, si tienes uno de esos bonitos editores de HTML y estás pensando en usarlo al mismo tiempo que este tutorial... olvídalo. La peor manera de aprender es usar una de esas cosas, por la sencilla razón de que no aprenderás los fundamentos del asunto. Cuando se presente un problema (y se presentarán, no lo dudes) sólo podrás resolverlo si has aprendido la mecánica del HTML. ¿Cuál es, entonces, la mejor manera de aprender HTML? El Bloc de Notas*. Lo sé, lo sé, tienes ese MegaAsistente PaginarioWeb de 49 Mb. que dice que hace las páginas Web con menos dificultad que rascarse un grano. Confia en mí por esta vez ¿vale? Bien.

Otra herramienta que necesitas es un navegador para ver tus páginas Web. Netscape Navigator es uno de los normales. Aunque últimamente Internet Explorer (que también es un navegador) se está imponiendo. Además como supongo que serás usuario de Win9x, Internet Explorer está integrado en tu sistema.

Si estás usando algún servicio en línea como América Online, MSN, etc., también puedes hacer una página web. No estoy muy familiarizado con sus navegadores, así que si quieres utilizarlos, tú mismo. De todas formas, el hecho de que uses AOL (o algún otro servicio en línea), no quiere decir que tengas que utilizar todas sus herramientas... puedes utilizar lo que te dé la gana. No sé absolutamente nada de de la WebTV, pero sé que hay gente que ha hecho páginas web con ella. Busca sitios específicos de WebTV para saber cómo lo han hecho. Entonces puedes volver aquí y seguir con las lecciones.

***  Creo que será mejor omitir el nombre verdadero del "MegaAsistente PaginarioWeb" al que se refería el correo arriba mostrado.

 

* PREGUNTA: ¿Qué demonios en el Bloc de Notas y dónde puedo encontrarlo?

R: El Bloc de Notas es el editor de texto por defecto de Windows. En la mayoría de los sistemas de Win9x, haz clic en Inicio, Programas y Accesorios. Aparecerá un pequeño bloc de notas azul. Para nuestros fines, CUALQUIER editor de texto servirá perfectamente. Puedes ir a cualquier sitio donde haya shareware/freeware y elegir el editor que te parezca, muchos de ellos gratis. Pero por ahora, Notepad estará bien.

Una cosa que debes evitar es utilizar un procesador de texto para crear tus archivos HTML (en Office, Word se instala como editor predeterminado de páginas Web). En primer lugar porque raramente están bien preparados para este tipo de archivos, y en segundo lugar, porque a menos que sepas bien lo que estás haciendo, tu archivo no se grabará como un archivo html de texto simple; probablemente lo hará con el formato propio del procesador de textos, que incluye caracteres específicos de control, y no funcionará en el navegador. No te preocupes si no entiendes bien lo anterior. Un poco más adelante te explicaré claramente lo que debes hacer.

Y una cosa más, por lo menos mientras estás aprendiendo... deja el WebComposer, no toques Front Page, olvídate del SúperCompiladorWeb. Utiliza el Bloc de Notas. Confía en mí. ¿Por qué tendría que mentirte? ;-)



Como segunda cuestión en esta introducción (prometo que las lecciones serán más divertidas), quiero hacer hincapié en una cuestión fundamental: El código HTML está en inglés, por lo que si no tienes ni idea de este idioma puede que haya expresiones que te resulten extrañas. Para facilitar la comprensión de aquellos que están pez en inglés cada vez que aparece una sentencia nueva la he mostrado de la siguiente forma:

HEAD (ENCABEZAMIENTO)
es decir la
sentencia y su traducción
(a veces aproximada, por mor de la claridad)

Aunque esta estructura se mantendrá a lo largo y ancho del tutorial, la traducción sólo aparecerá la primera vez que se vea la sentencia, nunca posteriormente. Esto se ha hecho para que os familiaricéis con los términos del código, ya que tendréis que usarlos en inglés.

En cuanto a erratas y errores: He hecho un gran esfuerzo por eliminar ambos, pero en una empresa de esta magnitud, algo estará mal. Si os percatáis de que algo no está bien, por favor, remitidme un correo aquí con la descripción del error y lo corregiré ipso-facto. Vaya desde aquí mi agradecimiento a todos aquellos que me han escrito para ponerme al tanto de una errata, y a todos los que han escrito para que les aclarara algún concepto que no había quedado suficientemente claro.

Gracias también a todos los que habeís parado aquí, y gracias a todos los nuevos. Divertíos.

Bien, ahora que te has leído todo el latazo anterior, y que no tienes ningún programa de esos que hacen milagros, puedo decirte que estás a menos de cinco minutos de hacer tu primera página web. Así que... a por la Lección 1.


Basado en la idea original de Joe Barta