Tu Página Inicial

Tu Página Inicial
(Baby Homepage)

Ahora, vamos a tomar nuestros primeros pasos juntos, poniendo una página inicial para la Web. El lenguaje de la Web se llama Hypertexto, y nuestra página será un pequeño programa escrito en Hypertexto. Más adelante, aprenderemos más sobre Hypertexto, pero como pueden ver, no tenemos que saber mucho sobre ello para hacer cosas interesantes.

Haciendo un Documento Sencillo en Hipertexto
(Constructing a Simple Hypertext Document)

Si aún no has abierto una segunda ventana de tu navegador, hazlo ahora (seleccionando "New Window" del menú desplegable de "File").

Usa tu ratón para copiar el siguiente texto:

<html>
<title>
Baby Homepage for Jane Doe
</title>

<BODY BGCOLOR="#000030" TEXT="#ff0000"
LINK="#00ffff" VLINK="#00ffff" ALINK="#FF0000">

<center>
<hr size=10pt><font size="+4"><b>Local Home Page for Jane Doe</b></font><hr size=10pt></center>
<b>
<h1>Some Favorite Web Sites:</h1>
<ol>
<li>
<a href="http://www.webteacher.org/">
webTeacher Tutorial</a>
<p><li>
<a href="http://www.korrnet.org/fis/FIS.html">
Farragut Intermediate School</a>
</ol>
<hr size=5pt>
</b>
</body>
</html>

Abre un editor de texto como NotePad y pega el texto copiado con el ratón dentro de la ventana de editar(edit). No uses un editor como Word que muestran HTML como una página del web en vez de permitirte editar el archivo; el editor de texto más simple o tu maquina es probablemente es la mejor selección. Guarda el archivo nuevo bajo el nombre index.html en tu directorio favorito.

De forma alterna, puedes bajar un archivo conteniendo el texto de la gráfica anterior con simplemente oprimir el botón derecho del ratón sobre este enlace y seleccionando "Save Target As" del menú desplegable resultante. Esto dará

Una caja de dialogo, la cual debes usar para guardar el archivo en tu directorio personal como index.html. De todos modos, ten pendiente que manejar líneas divisorias pueden parecer ser muy inconsistentes entre Internet Explorer y editores como Notepad, así que con cualquiera de estos procedimientos puedes perder las líneas divisorias, o recibir caracteres indeseables. El HTML probablemente aun trabajará, pero será mas difícil editarlo. Si tu quieres evitar estos problemas, te sugerimos que uses Netscape.

Ahora, edita este archivo, reemplazando las dos entradas que dicen "Jane Doe" con tu nombre, guarda las correcciones y esconde la ventana del editor.
Usa el navegador para abrir este archivo en la segunda ventana del navegador seleccionando "Open File…" del menú desplegable de "File" y navega de acuerdo con las instrucciones. Esto te debe mostrar algo como lo siguiente, pero con tu nombre en el lugar de el de Jane's:

Local Home Page for Jane Doe

Some Favorite Web Sites:

webTeacher Tutorial

Farragut Intermediate School

Mientras se siga mostrando la figura, usa el ratón para copiar la dirección URL apareciendo en la ventana del Localizador.
Ve al menú desplegable de "View" y selecciona "Options".
Cuando la ventana de "Options" abra; oprime sobre "Navigation".
En la ventana de Navigation, escoge "Start Page" en la lista al lado de "Page".
Escribe la URL que copiaste anteriormente en el encasillado "Address: " debajo de "Page"

Ahora oprime el botón "Home" de tu browser; si todo ha salido bien, tu página personalizada de la web debe salir igual que la página por omisión. De ahora en adelante, cada vez que tu lances al browser tu nueva página saldrá como el docmento de omisión.

Felicitaciones, Maestro de la Web!!

Acabas de construir una página inicial de la red rudimentaria! Pero esto es solo el comienzo. Mientras seguimos a través del proceso de tutoría añadiremos pedazos adicionales a esta página inicial para que cuando terminemos será un modelo personalizado para tu uso en diseños generales de la Web. No has visto nada todavía!