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="/">
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!