HTML
/ Tu P�gina Inicial
Tu P�gina Inicial
(Baby Homepage)
Ahora, vamos a tomar nuestros primeros pasos juntos, poniendo una
p�gina personal 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>
<font size="+4">
<b>Local Home Page for Jane Doe</b>
</font>
</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>
</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 (editing). Guarda el archivo nuevo bajo el nombre index.html en tu
directorio favorito. Ahora, edita este archivo, reemplazando los dos intradas de
"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 submen� "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:
- Mientras se siga mostrando la figura, usa el rat�n para copiar la direcci�n URL
apareciendo en la ventana de Address.
- Abre la secci�n de "Navigation" en "Options"(debajo del men� de
"View"), slecciona "Start Page"en la lista al lado de
"Page:"; y usa el rat�n para pegar la direcci�n dentro de la ventana de la
p�gina (ver la figura que sigue).
- Oprime "OK" para salir de "Options".
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 lanzes al browser tu nueva p�gina saldr� como el
documento de omisi�n.
Felicitaciones, Maestro del Web!!
Acabas de construir una p�gina de la red rudimentaria! Pero esto es
solo el comienzo. Mientras seguimos a trav�s del proceso de tutoria a�adiremos pedazos
adicionales a esta p�gina para que cuando terminemos ser� un modelo personalizado para
tu uso en dise�os generales de la Web. No has visto nada todav�a!
