Gua html

Introduccin

Enlaces

Mapas

Colores

Estructura

Imgenes

Formularios

Cdigos

Formatos

Multimedia

Frames

Diccionario

Listas

Tablas

Publicar

Introduccin
Qu es el HTML?
El HTML ( HiperText Markup Language ) es el lenguaje utilizado para representar
documentos en la WWW (World Wide Web). Adems de texto normal incluye tambin,
elementos multimedia (grficos, vdeo, audio) y existen enlaces (links) que permiten
saltar a otras partes del documento o a otro sitio cualquiera de Internet.
Otra caracterstica muy importante de este lenguaje es que es portable, es decir, se
pueden visualizar las pginas con cualquier sistema operativo y, por supuesto tambin
crearlas.
En la actualidad (noviembre 1999), Netscape y Microsoft siguen sin ponerse de
acuerdo en el estndar del lenguaje. Microsoft ha asumido las directrices del ww3,
pero no as Netscape, que implementa etiquetas propias, de modo que las pginas no
se visualizan igual en el Navigator y en el Explorer.
Las etiquetas constituyen la filosofa de este lenguaje. Por medio de ellas se pueden
controlar los elementos tipogrficos del texto: tipo, color y tamao de las fuentes, el
estilo ( negrita, cursiva, etc ), as como tambin la inclusin de tablas, listas,
formularios, la insercin de fotos, sonidos, fondos, los enlaces mencionados
anteriormente. etc.
Las etiquetas se pueden modificar por medio de sus atributos, stos son del

tipo atributo="valor" y se colocan detrs del nombre de la etiqueta

El nombre de la etiqueta y sus atributos se colocan entre los smbolos < y > y
normalmente se usan dos, una de inicio y otra final, para conseguir el efecto deseado.
Por ejemplo si escribimos

<FONT COLOR="#ff0000" size="2">El texto se ver rojo y en tamao un poco

menor de lo normal </font>
Se ver como El texto se ver rojo y en tamao un poco menor de lo normal
El uso de estas etiquetas, y por ende el aprendizaje del HTML, no es difcil.
Precisamente el objetivo de esta pequea gua es servir de introduccin y referencia
de las caractersticas ms usadas del HTML

Cmo empiezo a escribir HTML?

Para comenzar tan slo necesitas un editor de texto para escribir las pginas y un
navegador para visualizarlas.
El editor no debe formatear el texto. Usa el Bloc de notas ( Notepad ) en Windows 95
o 98. Se carga muy rpido y adems es el programa que se abrir por defecto desde
el navegador.
Las etiquetas y sus atributos se pueden escribir en maysculas o minsculas. El
lenguaje ignora, tambin, los espacios en blanco seguidos, donde slo cuenta uno de
ellos.
Una vez que hayas escrito una pgina, gurdala en un fichero con
extensin .htm o .html. Cuando hagas doble click sobre l se abrir el navegador y te
mostrar la pgina.
Para ver el contenido de los ficheros anteriores (los acabados en htm o html ) con el
Bloc de notas puedes crear un acceso directo al mismo en la carpeta "SendTo" del
directorio "Windows" y te aparecer como opcin en "Enviar a " cuando hagas click
con el botn dereho del ratn sobre el fichero.
Otro modo es abrir el fichero con el Explorer y luego, con el cursor colocado sobre el
texto (no sobre imgenes ) pulsar el botn derecho y elegir "Ver cdigo fuente". En el
Comunicator tambin se puede "Ver el origen" pero en un visor propio que no permite
modificar el texto

Ten cuidado con el nombre de los ficheros, pues los servidores donde se
alojan las pginas s distinguen maysculas de minsculas y no es lo
mismo Inicio.htm que inicio.htm

Qu necesito para crear una pgina Web?

Lo primero que debes tener claro es qu contenidos va a tener tu pgina. Por ejemplo,
si vas a hacer una pgina sobre tu Instituto, qu vas a poner?: las enseanzas que
se cursan, los proyectos que estis llevando a cabo, un poco de historia del pueblo o
ciudad donde est enclavado el centro, las actividades extraescolares que realiza el
centro, etc.

Una vez decidido esto qu necesitas?. De entrada, el doble de tiempo que calcules
para realizarla. Adems necesitars:
Un navegador. Aunque hay ms, parece que el Explorer y el Netscape son los
mejores.
Un editor de Html (que bien puede ser el que viene con los navegadores) o bien
escribir todo el cdigo a mano.
Hacer las fotos que vas a poner y escanearlas ( esto suele llevar bastante tiempo si
no se ha hecho antes) Puedes hacerlo en el CPR.
Un programa grfico para retocar las imgenes, mira en la pgina de imgenes.
Espacio en un servidor que albergue la pgina. Si tienes cuenta en
el PNTIC puedes subir unos 250 KB, que son suficientes para una pgina sencilla
Un programa para subir la pgina al servidor, puede ser el WS_FTP que localizars
en http://www.ipswitch.com
Dar de alta la pgina en algunos buscadores (Alta Vista, Ol, etc) y tambin en el
PNTIC si la pgina est relacionada con la educacin. Si no haces esto, solamente
podrn visitar tu pgina quienes conozcan la direccin exacta.
Y sobretodo bastante tiempo para el mantenimiento de la pgina: comprobar los
enlaces, actualizar las fotos, el contenido, etc.

Estructura bsica de un documento HTML

Todos los documentos Html tienen la estructura que se muesta a continuacin,
aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de
pginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
Aqu ira el contenido de la pgina
</BODY>
</HTML>
Vamos a analizar ms detenidamente las distintas secciones que componen la
pgina

Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por
ejemplo:
<meta name="description" content="Informacin sobre el Centro,las enseanzas que
se pueden cursar, los departamentos didcticos">
<meta name="keywords" content="educacin,enseanza,instituto, profesores,
alumnos">
En este caso las etiquetas le indican a los buscadores el contenido de nuestras
pginas (description) y algunas palabras clave (keywords) para su localizacin.
La cabecera es la seccin comprendida entre <head> y </head>. En ella se
encuentra necesariamente el ttulo (entre las etiquetas <title> y</title>).
El ttulo de la pgina debe describir su contenido por ejemplo:
<TITLE>Colegio Pblico de Villaman - mbito de Influencia - </TITLE>
no valdra en cambio
<TITLE>Pgina de Inicio</TITLE> ya que esto no dice nada por si solo

Dentro de la cabecera tambin se suele incluir cdigo en JavaScript, que se

reconoce porque va comprendido entre las etiquetas
<script language="JavaScript">
<!-Aqu ira el cdigo
// -->
</SCRIPT>
El cuerpo (body) del documento html es normalmente lo ms importante. Es aqu
donde debemos colocar el contenido de nuestra pgina: texto, fotos, etc.
El cuerpo est delimitado por las etiquetas <body> y </body> La etiqueta <body>
suele contener algunos atributos, a saber:
BGCOLOR parmetro usado para especificar el color de fondo de la pgina. El color
se define como una terna de nmeros (#rrggbb) en base hexadecimal en el orden
rojo, verde, azul (Red, Green, Blue). Tambin se puede usar el nombre en ingls de
los colores predefinidos en los navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la seleccion de colores con #rrggbb la puedes encontrar
en: Paleta de Colores

TEXT, parametro usado para definir el color del texto por omision. Su formato es el
mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parmetros usados para especificar el color por omision de:
texto con enlace, enlace ya visitado y enlace activo.
Los colores por omision son LINK=blue, VLINK=purple y ALINK=red. El formato es el
mismo que BGCOLOR.
BACKGROUND, parmetro usado para especifica la ruta y nombre de archivo (URL)
de la imagen que ser usanda como fondo del documento. Esta se ver como
mosaico para cubrir toda la ventana si es pequea (lo habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">
Es conveniente especificar la ruta de modo relativo, esto quiere decir que si
cambiamos el directorio completo donde estn nuestras pginas,
desde C:\ a C:\webs por ejemplo, la ruta especificada debe
seguir siendo vlida.
Por ejemplo si la pgina desde la que hacemos el enlace
se encuentra en el directorio Aprendiendo Html y queremos
poner como fondo la imagen fondo.gif, que se encuentra
en gifs, se debe poner:
<BODY BACKGROUND="gifs/fondo.gif">

Si la pgina estuviese en ejemplos se pondra:

<BODY BACKGROUND="../gifs/fondo.gif">
Fjate en ../ pues es lo que indica al navegador que debe acudir al directorio superior

Formatos del texto

El texto del documento se puede modificar de muchas formas, vamos a ver las ms
usuales:

Ttulos
Los ttulos o encabezamientos se emplean al comienzo de una seccin. Las etiquetas
que se usan son:

Etiqueta

Se ve

<h1> Ttulo </h1>

Ttulo

<h2> Ttulo </h2>

Ttulo

<h3> Ttulo </h3>

<h4> Ttulo </h4>
<h5> Ttulo </h5>
<h6> Ttulo </h6>

Ttulo
Ttulo
Ttulo
Ttulo

Estilos de fuentes
Como ves en la tabla es muy sencillo conseguir los efectos deseados, solamente
tienes que colocar el texto entre las etiquetas adecuadas.

Etiqueta

<B>Texto en Negrita</b>
<I>Itlica</i>
<B><I>Negrita e Itlica</i></b>
<U>Subrayado</u>
<EM>Enfatizado</em>
<STRONG>Fuerte</strong>
<CODE>Code Texto</code>
<CITE> Citation Text</cite>
<KBD>Keyboard Text</kbd>
<SAMP>Sample Text</samp>
<TT>Teletype Text</tt>
<VAR>Variable Element Text</var>
<BIG>Texto grande</big>
<SMALL>Texto pequeo</small>
<SUB>Subindice</SUB>
<SUP>Superndice</SUP>
<BLINK> Texto intermitente</blink>
<STRIKE>Texto tachado</STRIKE>

Se ve

Texto en Negrita
Itlica
Negrita e Itlica
Subrayado Solo Explorer
Enfatizado
Fuerte

Texto grande

Code Texto

Citation Text
Keyboard Text

Sample Text
Teletype Text

Variable Element Text

Texto pequeo
Subndice Solo
Superndice

Explorer
Solo Explorer
Texto intermitente Solo
Netscape
Texto tachado

Algunas etiquetas funcionan solamente con alguno de los navegadores, tenlo

en cuenta si las usas.

Tamao de fuentes

El tamao de las fuentes se puede especificar de dos maneras, una de ellas por
medio de un nmero del 1 al 7 (de ms pequeo a ms grande) del siguiente modo
<font size=1> Esta es la letra ms pequea que se puede conseguir </font>
que se ver como
Esta es la letra ms pequea que se puede conseguir

Otra forma es por medio de una referencia relativa:

<font size="+1"> Esto es igual que poner size=4 </font>
que se ve como

Esto es igual que poner size=4

El tamao por defecto es el 3

Tipos de fuentes
El tipo de fuente es un atributo de FONT y tiene la siguiente sintaxis
<font face="Courier">Eso se ver en la fuente Courier</font>
que se ve como:
Eso se ver en la fuente Courier

Color de las fuentes

Es otro atributo de FONT. Mira en la pgina de colores para saber cmo se
especifican los colores. La sintaxis es la siguiente:
<font size=2 face="MS Sans Serif" color="navy">Como ves se pueden poner
varios atributos separados por un espacio</font>
que se ver as:
Como ves se pueden poner varios atributos separados por un espacio

Prrafos y bloques
Para definir y separar bloques de texto se emplean una serie de etiquetas que definen
los prrafos, texto preformateado o bloques con significado especial como direcciones
o citas.
Etiquetas de bloques:
<P> Se utiliza para que los prrafos queden separados por una lnea en blanco. Si
solo quieres escribir un punto y aparte debes usar <BR>. Las marcas inicial y final
son <P> y </P>. La etiqueta <P> admite los atributos:
ALIGN="left" , ALIGN="right" , ALIGN="center" y ALIGN="justify" para alinearlo a la
izquierda, a la derecha, centrarlo o justificarlo totalmente. Por defecto est alineado a
la izquierda.
<PRE> El texto insertado entre las marcas <PRE> y </PRE> ser visualizado por el
navegador respetando el formato con el que fue escrito en el fichero fuente HTML.

Esta etiqueta es muy til para escribir ms de un espacio o para hacer pequeas
tablas
<ADDRESS> empleada para indicar que un texto representa una direccin o una
firma. Generalmente se presenta en cursiva y tabulado.
<BLOCKQUOTE> Se representa con tabulaciones a la izquierda y derecha. Toda los
prrafos de esta pgina estn entre las etiquetas<BLOCKQUOTE> y
</BLOCKQUOTE>, de ese modo se consigue que el texto se presente con mrgenes
a ambos lados.
<BR> Este elemento slo tiene marca inicial e indica un salto de lnea, es decir un
punto y aparte sin separar el prrafo. Esta etiqueta no tiene su correspondiente de
cierre
<HR> Se emplea para representar una lnea horizontal. Tampoco tiene pareja de
cierre. Se pueden emplear los atributos
ALIGN="left" , ALIGN="right" , para alinearla a la izquierda o a la derecha. Por defecto
aparece centrada
WIDTH="66%" SIZE="3", para especificar el ancho en % y el alto en pxels
COLOR="#0000FF" , para especificar el color

Listas
Con frecuencia se usan listas en los documentos. El lenguaje HTML incorpora unas
listas con vietas sencillas o tambin letras o nmeros. Para dar ms vistosidad a las
pginas, se suelen emplear tambin imgenes que se colocan delante de cada
prrafo. Vamos a ver algunas de las posibilidades que tenemos.

Listas con vietas desordenadas

He aqu el ejemplo ms sencillo de una de estas listas:

escribimos en html

se ver como

<ul>
<li>Primer trmino de la lista
<li>Segundo trmino
<li>Tercer trmino
</ul>

Primer trmino de la lista

Segundo trmino
Tercer trmino

Como ves, la lista se declara con la etiqueta <UL> y finaliza con el cierre de la
misma </UL>. Tambin podemos modificar las vietas por medio del atributo TYPE=
circle, disc o square (crculo, disco o cuadrado) y aadir sublistas.

escribimos en html
<ul>
<li type= disc>Primer trmino de la lista
<ul>
<li>Sublista
<li>Otro elemento
</ul>
<li type=circle>Segundo trmino
<li type=square>Tercer trmino
</ul>

se ver como

Primer trmino de la lista

o Sublista
o Otro elemento
Segundo trmino
Tercer trmino

Otro atributo interesante es compact para reducir el espacio entre los elementos

Listas con vietas ordenadas

Estas listas se caracterizan porque aparecen nmeros o ciertos caracteres que
ordenan sus elementos. La etiqueta usada es <OL> junto con su correspondiente de
cierre </OL>. El atributo TYPE toma ahora los valores 1, a, A, i, I. Un ejemplo de estas
listas es el siguiente

escribimos en html
<ol type=i>
<li >Primer trmino de la lista
<li >Segundo trmino
<li>Tercer trmino
<li>Cuarto
<li>Quinto
</ol>

Listas de definicin

se ver como
i.
ii.
iii.
iv.
v.

Primer trmino de la lista

Segundo trmino
Tercer trmino
Cuarto
Quinto

Estas listas se forman con el elemento que se define y su definicin. Las etiquetas
son <DL> y </DL> para la lista y <dt> y <dd>para los elementos y sus definiciones.
Un ejemplo:

escribimos en html

se ver como

<dl>
<dt >Trmino 1
<dd>Definicin del elemento 1
<dt>Trmino 2
<dd>Definicin del elemento 2
<dt>Trmino 3
<dd>Definicin del elemento 3
</dl>

Trmino 1
Definicin del elemento 1
Trmino 2
Definicin del elemento 2
Trmino 3
Definicin del elemento 3

Enlaces

Probablemente la caracterstica que ms ha influido, junto con las imgenes,

en el espectacular desarrollo de la Web hayan sido los enlaces (links). Un enlace
aparece generalmente como un texto azul subrayado y cuando situamos el cursor
sobre l se transforma en una mano con el dedo ndice extendido. Si pulsamos sobre
el enlace saltamos a otra parte del documento, a otro documento situado en cualquier
lugar, o incluso se abre el programa de correo para enviar un mensaje a la direccin
indicada.
En general los enlaces tienen la siguiente estructura
<A HREF="URL"> Texto del enlace</A>
El texto del enlace es lo que se visualizar en el navegador. La URL es la direccin
donde apunta el enlace y puede ser de estos tipos:
Enlace a otro lugar del mismo documento
En este caso la URL se sustituye por un marcador en la misma pgina. El
marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo
que sea ya que no se ver.

Veamos un ejemplo para saltar al inicio de esta pgina. Escribiramos en el lugar

desde el que queremos saltar:
<A HREF="#inicio"> Ir al Inicio</A>
Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:
<A NAME="inicio"> </A>
Una vez escrito esto y guardada la pgina veramos al abrirla con el Navegador
Ir al Inicio

Al pulsar sobre ella nos llevara al principio de la pgina ya que fue all donde coloqu
el marcador

Enlace a otra pgina local

En este caso la URL se dar de forma relativa (igual que para poner un fondo a la
pgina). Por ejemplo si tenemos dos pginas en el mismo
directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde
la pagina1.htm a la pagina2.htm debemos escribir
<a href="pagina2.htm">Ir a pagina2</a>
Con esto es suficiente, no hay que crear ningn marcador a no ser que quieras ir a un
sitio concreto de la pagina2.htm. En ese caso tendras que poner en el sitio adonde
quieres llegar de la pagina2.htm
<a name="sitio"></a>
y en la pagina1.htm
<a href="pagina2.htm#sitio>Ir a sitio de la pgina 2</a>
Las palabras forma relativa, al principio de esta seccin, constituyen un enlace de
este ltimo tipo

Enlace a una direccin de Internet

Ahora la URL debe darse de forma absoluta, tal como la ves en la ventana de
direccin del navegador, es decir:
<A HREF="http://centros4.pntic.mec.es/ies.de.cistierna">IES Cistierna</A>
te llevara a la pgina de entrada del IES Cistierna

Enlaces usando imgenes

Con frecuencia se emplean imgenes como enlaces. A veces son enlaces a las
mismas imgenes con ms resolucin, como en el caso de fotos. Otras veces nos
llevan a una localizacin cualquiera.
Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace,
si adems queremos que vaya a otra imagen, sta la debemos poner en el lugar de la
URL.
Veamos unos ejemplos Supongamos para ello, que la estructura de nuestras pginas
es la indicada en la imagen. Si escribo en la pgina actual localizada en Aprendiendo
Html

<A HREF=" #inicio"><img src="gifs/imagen.gif"></A>

obtengo una imagen que al pulsarla me lleva al inicio de esta
pgina, exactamente como esta:
Para que una imagen sea un enlace a otra imagen se debe escribir:
<a href="gifs/sky.jpg"><img src="gifs/ojo.gif" ></a>

que da como resultado

Enlace con una direccin de correo

Este es un enlace un poco diferente, veamos un ejemplo
<A HREF="mailto: abercian@pntic.mec.es"> abercian@pntic.mec.es </A>
que se ve como abercian@pntic.mec.es y que si lo pulsas se abre el programa de
correo que tengas configurado, con la direccin en el campo correspondiente

Enlace con un grupo de noticias

Como antes la sintaxis es un poco diferente
<A HREF="news://news.pntic.mec.es/"> Mira en las noticias del MEC para
encontrar profesores colgados</A>
que se vera
Mira en las noticias del MEC para encontrar profesores colgados

Enlace para descargar un fichero

En la URL se poner la ruta donde est el fichero. Por ejemplo, para descargar un
fichero de nombre guiahtml.zip se debe poner
<A HREF="../zip/guiahtml.zip">guiahtml.zip</A>
que se vera as guiahtml.zip. Si pulsas sobre l se abrir una ventana avisndote
de una descarga de archivos y preguntndote qu deseas hacer

Enlace que se abre en una nueva ventana

Si quieres que la pgina que enlazas aparezca en una nueva ventana del
navegador, solamente tienes que ponertarget="nombre" como atributo del
enlace, es decir:
<a href="index.htm" target="nueva">Indice</a>
que se ver como Indice
An hay ms tipos de enlaces, pero stos son los ms importantes

Imgenes
La etiqueta para incluir una imagen es la siguiente:
<IMG SRC="URL"> (no tiene etiqueta de cierre)
donde URL es la direccin de la imagen. La URL puede ser relativa o absoluta. Unos
ejemplos aclararn este concepto:
<IMG SRC="gifs/nido.gif"> se ver como:

. Esta es una direccin relativa.

<IMG SRC="http://spaceart.com/solar/raw/sat/saturn4.jpg"> insertara en el lugar

del documento donde hubieras puesto la etiqueta una bonita foto de Saturno con dos
de sus lunas (Tetis y Dione), siempre que estuvieras conectado a Internet. Esta es
una direccin absoluta, ya que la direccin no depende del directorio donde est
ubicada la pgina que la contiene.

Atributos de IMG

Los atributos de la imagen pueden ser los siguientes:

ALT="Texto que aparece al situar el cursor sobre la imagen"
Tambin muestra este mismo texto en caso de que el navegador no
cargue la imagen.
ALIGN=
Nos indica la posicin de la imagen respecto del texto. Despus del
signo igual, pueden ir los valores:
TOP si queremos que el texto est alineado con la parte superior de la
imagen
MIDDLE alinea el texto con la parte central de la imagen
BOTTOM alinea el texto con la parte inferior de la imagen
LEFT alinea la imagen a la izquierda de la pgina forzando la
colocacin del texto en la parte derecha y arriba
RIGHT alinea la imagen en la derecha de la pgina forzando la
colocacin del texto en la parte izquierda y arriba.
Si se quiere interrumpir el proceso de rellenado del texto a los lados de la imagen,
para que salte hasta debajo de ella, es decir, dejar un espacio en blanco
parcialmente, se pueden emplear las siguientes extensiones de la etiqueta <br>:
<br clear =left > Busca el primer margen libre (clear) a la izquierda.
<br clear = right> Busca el primer margen libre a la derecha.
<br clear =all > Busca el primer margen libre a ambos lados.

WIDTH=80, HEIGTH=100
Indican la anchura y altura de la imagen en pxels, en este caso 80x100
pxels.
Si especificamos las dimensiones de las imgenes, las pginas se
cargan ms rpido, debido a que el navegador reserva el espacio
para ellas y sigue cargando el texto
BORDER=2
Aade un borde, a modo de marco, a la imagen. En este caso de 2
pxels.
HSPACE=10 , VSPACE=15
Especifican el espacio horizontal y vertical que separa la imagen del
texto que la rodea, en este caso 10 pxels horizontales y 15 verticales

Formatos de imgenes
Existen muchos formatos para guardar imgenes que tienen diferentes
extensiones bmp, tiff, dib, wmf, etc. En internet se usan bsicamente
dos: GIF y JPG. Ambos formatos comprimen las imgenes para reducir su tamao, de
este modo se asegura una transferencia ms rpida por la red. Esto es importante, ya
que si la imagen se tarda en cargar, es posible que el visitante de nuestra pgina la
abandone por ello. En los casos en que es necesario poner una imagen con una
resolucin elevada para ver los detalles, es mejor colocar una imagen pequea y
usarla como enlace que nos conduzca a la imagen final. De ese modo el visitante ya
sabe la imagen que va a cargar y puede ser ms paciente.
Esto se hace como vimos en la pgina de enlaces

<a href="URL de la imagen final"><img src="URL de la imagen que se ve con la

pgina"></a>

Formato GIF
El formato GIF usa 256 colores y se emplea sobretodo con imgenes pequeas como
iconos. No se suele usar con fotos porque da ms calidad el formato JPG. Aunque el
formato GIF no tiene prdidas de calidad en la compresin, es decir muestra la
imagen tal como es en formato bmp por ejemplo, pero reduciendo su tamao
considerablemente.
Tiene dos caractersticas que lo hacen muy atractivo para el diseo de las pginas
Web.
Una de ellas, es que uno de sus colores se puede hacer transparente (en el
subformato Gif89a), no mostrndose en la pantalla. Si se elige el color que bordea el
motivo principal da la sensacin de que la imagen tiene la forma de ese motivo ( en
realidad todas las imgenes son rectangulares). Puedes ver ese efecto en las
pequeas imgenes que adornan este manual.
Para hacer transparente un color hay que usar editores de imgenes, como por
ejemplo:
LView en http://www.lview.com (Shareware, 21 das de prueba, 1.36 Mb)
Paint Shop Pro en http://www.jasc.com (Shareware, 30 das, 3.1 Mb)

o el ms profesional Adobe Photoshop

Otra caracterstica, es que se pueden ensamblar varias imgenes, que se muestran
como si fuera una sola, de modo que da la sensacin de movimiento. Estas
imgenes se llaman Gifs animados y como ves tambin se pueden hacer
transparentes. Hay programas especficos para hacer Gifs animados, algunos son:
GIF Construction Set en http://www.mindworkshop.com/alchemy/gifcon.html (1.46 Mb,
Shareware)
WWW Gif Animator en http://stud1.tuwien.ac.at/~e8925005/ (277 Kb, Shareware)

Tambin puedes encontrar imgenes ya creadas de todos los tipos en algunas

pginas de Internet, que son como bibliotecas de imgenes. Puedes mirar en
Icon Bazaar (http://www.iconbazaar.com/)
Rose's Backgrounds Archive (http://www.wanderers2.com/rose/animate.html)
Free graphics wonderland (http://www.jetlink.net/~gini/)
Rainfrog's Web Art (http://www.rainfrog.com/webart)
Fairy's Free Icons (http://www.dewa.com/freeicon)
GIF Animation Designs (http://www.webpromotion.com/stock.html
Icon Gallery (http://cool.deu.net/galerie/icon/menue_noframe.htm)
Over the Rainbow (http://www.geocities.com/SiliconValley/Heights/1272/rainbow.html)

Formato JPG

El formato JPG usa 16.7 millones de colores, por lo que se emplea con imgenes
de alta resolucin. Con este formato se obtiene un grado de compresin ms alto
que con el GIF y adems sta se puede regular: Cuanto mayor sea la compresin,
ms prdida de calidad, respecto de la imagen original. De hecho cada vez que
abrimos y guardamos de nuevo una imagen en formato JPG, distorsionamos un
poco la imagen.
Todas las fotos de buena calidad usan este formato.

Imgenes entrelazadas (GIF) y progresivas (JPG)

Cuando se carga una imagen normal en el navegador, ste va mostrndola de arriba
a abajo . Se puede conseguir que se visualize por capas. En la primera capa vemos la
imagen de un modo borroso y luego se va haciendo cada vez ms ntida. Esto tiene la
ventaja de que se da uno cuenta enseguida, del tema de la imagen y si no es lo que
buscas, puedes interrumpir la descarga. Se puede conseguir en los dos formatos y es
una caracterstica muy conveniente en las imgenes web

Ejemplos
Esta imagen tiene los atributos: align=left ,
hspace=10 , width=250 , hight=170 , border=1 ,
alt="Mono" y como quiero que despus de
estos comentarios el texto salte debajo de la
imagen escribo:
<br clear=all>

Como ves, sto est debajo de la foto

Esta otra tiene los atributos: align=right , hspace=1 , border=5 , alt=" Aguila"
width=250 , height=165. Tambin debera de escribir <br clear=all > para que el final
de pgina aparezca en su sitio. Como no lo hago queda a la izquierda de la imagen.
Fjate en el borde

Multimedia
De un modo similar a como se inserta una imagen se puede insertar un fichero de
sonido o de vdeo.
Sonido de fondo al cargar la pgina
En este caso la etiqueta depende del navegador, ya que se implementa de forma
diferente en el Explorer y el Netscape. Los formatos ms usados son mid (para temas
musicales sin voces) , wav y au.
Netscape
La etiqueta bsica para que se cargue el fichero de msica con la pgina, sin
intervencin del usuario, es en Netscape (siendo obligatorio especificar el tamao):
<EMBED SRC="gifs/derroche.mid" WIDTH=144 HEIGHT=30>

En Netscape se ver para WIDTH=160 HEIGHT=70 como:

La etiqueta EMBED tiene multitud de atributos, he aqu algunos.
AUTOSTART= FALSE (por defecto) y TRUE. Este ltimo hace que suene
inmediatamente despus de cargar la pgina sin necesidad de pulsar el botn.
HIDDEN=TRUE, oculta la consola y slo tiene este valor . Como no se podra activar
el sonido pulsando el botn, suene al cargar la pgina
LOOP=FALSE ,TRUE(por defecto),N para oir el fichero una vez, infinitas o el nmero
que especifiquemos en N
CONTROLS=SMALLCONSOLE, aparece una consola
pequeita
Si pones esta etiqueta, las versiones ms recientes del Explorer (desde la 4.0)
tambin la interpretan correctamente, salvo LOOP. El Explorer lee el fichero una
vez para LOOP=0 y lo repite indefinidamente para N igual a otro valor cualquiera.

Explorer

El Explorer ofrece menos posibilidades para manejar estos ficheros. La etiqueta

bsica para que se cargue la msica con la pgina es:
<BGSOUND SRC="fichero de sonido" LOOP= n INFINITE>
donde n es el nmero de veces que se oye el fichero: 1, 2, 3 ... o infinitas

Recuerda que slo funciona en el Explorer

Sonido de fondo en los dos navegadores
Si deseas que suene la msica al cargar la pgina con los dos navegadores debes
escribir las etiquetas para ambos.
Es decir debes poner:
<bgsound src="../gifs/houston.mid">
<embed src="../gifs/houston.mid" Hidden="true" >
para que suene una vez
o bien:
<BGSOUND SRC="../gifs/cantina.wav" LOOP=infinite>
<EMBED SRC="../gifs/cantina.wav" WIDTH=200 HEIGHT=55 AUTOSTART="true"
LOOP="true" HIDDEN="true">
para que se ejecute indefinidamente.

Aqu tienes algunos ejemplos de pginas con sonidos. Una vez cargadas utiliza el
botn derecho del ratn para ver el cdigo fuente (el origen en Netscape).

Pgina que carga sonido de fondo ( mid ) en los dos

navegadores (suena una sola vez)
Pgina que carga sonido de fondo ( wav ) en los dos
navegadores (se repite una vez tras otra)

Sonido desde un enlace en la pgina

Si no quieres que se cargue la msica con la pgina, algo que llega a resultar
bastante pesado a veces, debes poner un enlace al fichero de sonido, lo que funciona
con ambos navegadores: Netscape y Explorer.
Escucha Derroche de Ana Beln
Tambin puedes poner cualquier otro tipo de ficheros de sonido, como mp3, que
comprime hasta 12 veces la msica, sin prdida apreciable de calidad.

Vdeo
El gran problema de los ficheros de vdeo es
su tamao, ya que unos pocos segundos
pueden representar varios Mb (mega bytes)
de tamao. Probablemente en el futuro se ir
generalizando su uso, ya que aumentar la
velocidad en la Red. Los formatos que se
emplean son variados: avi,mpeg, ram, mov,
etc, que pueden reproducir a la vez sonido y
vdeo.
Los ficheros avi y mpeg se reproducen con el
Reproductor Multimedia de Windows, pero los
dems necesitan visores propios que se
deben instalar previamente. Por ejemplo los
ficheros ram se visualizan con Real Player,
los mov con Quick Time, etc.
Son los llamados plug-in
En Netscape, la etiqueta es muy parecida
a la de sonido, siendo obligatorio especificar tambin las dimensiones:
<EMBED SRC="video.avi" HEIGHT=300 WIDTH=400 AUTOSTART=false LOOP=false>

En explorer debes llamar al fichero con un enlace

<A HREF="gifs/jordan.avi">Mira el vdeo de Jordan</A>
lo que abrir el programa asociado al tipo de vdeo elegido cuando lo pulses. En el
Netscape tambin puedes hacer esto mismo.
Si quieres probar aqu tienes un bonito aterrizaje del Columbia (para verlo necesitas
estar conectado a internet y ojo que son 708 KB)
STS-87 Columbia Landing (240x180 MPEG 708K)

Tablas
Una tabla bsica
Las tablas se usan con profusin en las pginas Web, muchas veces debido a que
son el nico instrumento con el que se cuenta, para asegurarse que las cosas
estarn en su sitio. Para definir una tabla se usan las etiquetas:

<TABLE> y </TABLE> son las etiquetas donde est contenida la tabla

<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila
(<th> y </th> si es una fila de cabecera)
<TD> y </TD> sealan una celda.
La tabla se va definiendo declarando una fila y a continuacin las celdas que
contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las
filas contengan el mismo nmero de celdas.
La tabla (2x2) ms sencilla que podemos hacer es la siguiente
Escribimos:

Visualizamos

<TABLE >
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>
<TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE>

12
34

El resultado no es muy brillante, pero vamos a ir viendo las distintas posibilidades que
tenemos para mejorarlo.

Atributos de la etiqueta TABLE

Todos los atributos son opcionales
BORDER="4". Indica el tamao del borde en pxels, en este caso 4. Si no se indica
nada carece de borde
WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor
absoluto (5 pxels) o como un porcentaje (50% del ancho disponible)
CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2
CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las
mismas, por defecto es 1
ALIGN=" left", "right", "center". Alinea la tabla a la izquierda , derecha o en el centro.
Otro ejemplo

Escribimos:
<TABLE BORDER="3" CELLSPACING="5"
WIDTH="150">
<TR>
<TD>1 </TD> <TD> 2 </TD>
</TR> <TR>

Visualizamos
1

<TD>3 </TD> <TD> 4</TD>

</TR>
</TABLE>

Atributos de las etiquetas de fila y celda

Las etiquetas que soportan las filas y las celdas son
WIDTH="30". Ancho de toda la fila o celda. Tambin se puede dar en %
ALIGN=" left", "right", "center". Alinea el contenido a la izquierda, derecha o centro
VALIGN="top" , "middle" o "bottom". Alinea el contenido verticalmente arriba, en
medio o abajo
BGCOLOR="#AACCEE". Pone un fondo del color especificado a la celda o fila
COLSPAN=3. Especifica el nmero de columnas que abarca la fila
ROWSPAN=2. Especifica el nmero de filas que abarca la columna
Tercer ejemplo. Fijate en la etiqueta TH, que sustituye a TR, resalta su contenido con
negrita, por eso se usa para los ttulos

Escribimos:
<TABLE BORDER="3" CELLSPACING="5"
WIDTH="200">
<TH COLSPAN=2 BGCOLOR="#6D8FFF> Este es el
ttulo</TH>
<TR align="center">
<TD>Esta es la celda de la 1 fila y de la 1 columna</TD>
<TD> Esta es de la 1 fila y de la 2 columna</TD>
</TR>
<TR BGCOLOR="#6D8FFF>
<TD>Esto est con un fondo azul</TD>
<TD align="right" valign="bottom">Y esto tambin</TD>
</TR>
</TABLE>

Visualizamos

Este es el ttulo
Esta es la
Esta es de la
celda de la 1
1 fila y de la
fila y de la 1
2 columna
columna
Esto est con
un fondo azul

Y esto
tambin

Como ves, se pueden ir modificando los comandos bsicos para obtener la tabla que
deseemos.
Es frecuente no escribir las etiquetas de cierre de fila y celda, los navegadores
presentan la tabla igual y nos ahorramos unas cuantas pulsaciones de teclas.

Otros usos de las tablas

Como dijimos, las tablas son a veces la mejor manera de asegurarnos que cada cosa
est en su sitio. En esos casos toda la pgina es una tabla invisible y los distintos
elementos aparecen colocados en el sitio exacto mediante el uso de filas, columnas,
sus dimensiones y alineamientos, el espacio entre las mismas, etc.
Normalmente el ancho de esas tablas es de alrededor de 600 pxels para que la

presentacin sea similar en todos los monitores. Hay muchos ejemplos de este uso,
sobretodo en las pginas diseadas por profesionales, observa sino la de El Pais o la
de Microsoft
Como inconvenientes sealar que las tablas impiden el deslizamiento uniforme de la
ventana, cuando se desplaza con la barra y el tamao de la pgina aumenta
considerablemente.

Mapas sensibles
Los mapas sensibles son imgenes que presentan mltiples enlaces segn la zona
donde se site el cursor. Para conseguir esto se divide la imagen en zonas mediante
las coordenadas de las mismas.
Procedimiento
Primero conseguimos una imagen y la declaramos como mapa, en este caso con el
nombre de directorio
<IMG SRC="gifs/mapa.gif USEMAP="#directorio">
Abrimos el mapa recin creado
<MAP NAME="directorio">
Definimos las zonas del mapa y los enlaces que le asignamos a cada una.
<AREA SHAPE="forma de la zona" COORDS="coordenadas" HREF="URL asignada"
ALT="comentario">
Cerramos el mapa
</MAP>
Valores de SHAPE y COORDS
Los valores que pueden tomar la forma y las coordenadas son:
RECT. Rectngulo o cuadrado
COORDS="x,y,u,v" donde x,y son las coordenadas del vrtice superior izquierdo del
rectngulo y u,v es el vrtice inferior derecho. El origen de coordenadas 0,0 es el
vrtice superior izquierdo

CIRCLE. Crculo
COORDS="x,y,z", donde x,y es el cetro de la circunferencia y z el radio
POLY. Lnea poligonal cerrada
COORDS="X,x, Y,y, Z,z...,X,x", donde los pares X,x, Y,y, etc representan los vrtices
del polgono. El primero coincidir con el ltimo.
DEFAULT. La zona no referenciada anteriormente
Para hallar las coordenada necesitars un editor de imgenes, como los sealados en
la pgina de imgenes. Si te empeas tambin puedes hacerlo a ojo, siempre que la
imagen no sea muy complicada, ya que cuando pulsas la zona en el navegador
aparece definida un instante.
Ejemplo
Vamos a crear un mapa sensible con una imagen capturada del explorador de
Windows95. Para hacerlo pulsa la tecla Imprimir Pantalla (Print Screen SysRq) y
luego pega la imagen capturada con cualquier editor de imgenes. El Paint que viene
con Windows 95 y 98 no vale ya que, aunque captua la pantalla, luego no puedes
guardar la imagen en formato gif o jpg. Usa el Adobe Photoshop, el Paint Shop Pro o
el Corel.
Vamos a crear un mapa que nos podra servir como men en la pgina principal.
Para conseguir el mapa de la izquierda hemos escrito
<IMG SRC="gifs/mapa.gif" USEMAP="#directorio" ALIGN="left" HSPACE=20>
<MAP NAME="directorio">
<AREA SHAPE="RECT" COORDS="0,0,94,22" HREF="colores.htm">
<AREA SHAPE="RECT" COORDS="0,22,94,39" HREF="comienzo.htm">
<AREA SHAPE="RECT" COORDS="0,39,94,56" HREF="enlaces.htm">
<AREA SHAPE="RECT" COORDS="0,56,94,73" HREF="estructura.htm">
<AREA SHAPE="RECT" COORDS="0,73,94,90" HREF="formatos.htm">
<AREA SHAPE="RECT" COORDS="0,90,94,107" HREF="imagenes.htm">
<AREA SHAPE="RECT" COORDS="0,107,94,124" HREF="index.htm">
<AREA SHAPE="RECT" COORDS="0,124,94,141" HREF="listas.htm">
<AREA SHAPE="RECT" COORDS="0,141,94,158" HREF="mapas.htm">
<AREA SHAPE="RECT" COORDS="0,158,94,175" HREF="publicar.htm">
<AREA SHAPE="RECT" COORDS="0,175,94,192" HREF="tablas.htm">
<AREA SHAPE="RECT" COORDS="0,175,94,214" HREF="frames.htm">
</MAP>

No te asustes con tanto nmero, fjate en las regularidades que presentan. La 1

columna y la 3 indican donde empieza y donde acaba horizontalmente. La 2 y la 4
lo hacen en sentido vertical.
Cualquiera de los programas citados anteriormente te indican las coordenadas de
cualquier punto de una imagen.

Fjate tambin que la etiqueta inicial <IMG SRC...> es una etiqueta de imagen y como
tal acepta todos sus atributos.

Formularios
Cmo se hace un formulario?
He aqu los elementos bsicos para la realizacin de un formulario
Abrir y cerrar un formulario
<FORM ACTION="mailto:tulogin@tuservidor.pntic.mec.es" METHOD="post"
ENCTYPE="text/plain">
...
</FORM>
Entre las etiquetas anteriores deben ir todas las etiquetas que generan los botones,
casillas, campos, etc. y tambin todas las etiquetas de HTML que permitan dar forma
al formulario (tablas, colores, etc)
El atributo ACTION nos indica la direccin de correo a la cual se van a enviar los
datos del formulario. As pues debes sustituir tulogin@tuservidor.pntic.mec.es por tu
direccin de correo.
Los atributos METHOD y ENCTYPE indican cmo se transferirn los datos (post,
correo) y la codificacin del texto
El atributo HIDDEN no mostrar el campo en la pgina web, aunque s enviar su
contenido.
Entrada de texto de una lnea
<INPUT TYPE="text" SIZE="25" NAME="Nombre">
Esta etiqueta produce un campo similar al que se muestra debajo, para introducir

texto (en este caso el nombre), de una longitud de 25 caracteres.

Cuando nos llegue al buzn de correo el texto de este campo aparecer asociado a la
palabra que pongamos en NAME (en este caso a Nombre)
Puede incluirse otro atributo opcional VALUE="Pon aqu tu nombre", en este caso
aparecera Pon aqu tu nombre dentro del campo
Entrada de texto de varias lneas
<TEXTAREA NAME="comentario" ROWS=3 COLS=50>
Introduzca aqu sus comentarios
</TEXTAREA>
Este cdigo producira el siguiente resultado:

Lista de opciones o men desplegable

<SELECT NAME="estudios">
<OPTION SELECTED> ESO
<OPTION> Bachillerato
<OPTION> Ciclos Formativos
<OPTION> Garanta Social
</SELECT>
Que producira un campo similar al siguiente:
ESO

donde ESO aparece seleccionada por defecto.

Una variante de las listas de opciones son los mens con barras de desplazamiento
<SELECT NAME="americanos" SIZE=6> <OPTION>Espaa
<OPTION>Mxico
<OPTION>Argentina
<OPTION>Costa Rica
<OPTION>Panam
<OPTION>Belice
<OPTION>Honduras
<OPTION>Bolivia
<OPTION>Chile
<OPTION>Paraguay
</SELECT>

que da como resultado una entrada del tipo

Si en la etiqueta <SELECT ...> introducimos el atributo MULTIPLE: nos est permitido

efectuar selecciones mltiples.
<SELECT NAME="menu" SIZE=6 MULTIPLE>

Casillas de verificacin o Checkboxes

< INPUT TYPE="checkbox" NAME="nivel" VALUE="eso"> ESO <BR>
< INPUT TYPE="checkbox" NAME="nivel" VALUE="bachiller"> Bachillerato <BR>
< INPUT TYPE="checkbox" NAME="nivel" VALUE="primaria"> Primaria <BR

Nos permite elegir entre varias posibilidades una o ms casillas. Recibiremos como
dato el valor de la casilla sealada, asociada en este caso a nivel. Producira un
resultado como el siguiente:
ESO
Bachillerato
Primaria
Botones de radio o de opcin
< INPUT TYPE="radio" NAME="sexo" VALUE="hombre" CHECKED> Hombre
< INPUT TYPE="radio" NAME="sexo" VALUE="mujer" > Mujer

Similar al anterior, con la diferencia de que solo nos permite seleccionar una de las
opciones mostradas, se utiliza para mostrar opciones excluyentes entre si. Luce
como:
Hombre
Mujer
Botones envo y borrado
Se utilizan las siguientes etiquetas para hacer los botones de Enviar y Borrar
< INPUT TYPE="submit" VALUE="Enviar">
< INPUT TYPE="reset" VALUE="Borrar">

Producirn uno botones como estos:

Enviar

Borrar

Cuando presionemos "Enviar" se transferir el contenido de los campos a la

direccin de correo indicada, por lo que necesitamos estar conectados a Internet
para comprobarlo.
Si presionamos Borrar se borrar el contenido de los campos

Ejemplo
Sustituye los campos necesarios para colocarlo en tu pgina
<form action="mailto:tu@direccion.es" method="post" enctype="text/plain">
<center><table bgcolor="#cccccc" border="0" cellpadding="6"
cellspacing="0" width="400">
<tr>
<td align="right" valign="top"><b>Nombre</b></td>
<td><input type="text" size="25" name="Nombre"> </td>
</tr>
<tr>
<td align="right" valign="top"><b>E-mail</b></td>
<td><input type="text" size="25" name="e-mail"> </td>
</tr>
<tr>
<td align="right" valign="top"><b>Especialidad</b></td>
<td><input type="text" size="25" name="Especialidad"> </td>
</tr>
<tr>
<td align="right" valign="top"><b>Centro de destino</b></td>
<td><input type="text" size="25" name="Centro"> </td>
</tr>
<tr>
<td align="right" valign="top"><b>Provincia</b></td>
<td><input type="text" size="25" name="Provincia"> </td>
</tr>
<tr>
<td align="right" valign="top"><b>Pulsa una vez</b>&nbsp; <b>&gt;</b> </td>
<td align="center">&nbsp; <input
type="submit" name="Enviar datos" value=" Enviar "><input type="reset"
value="Borrar" name="B1"> </td>
</tr>
</table>
</center>
</form>

Observa como queda

Frames
Los frames (marcos o cuadros) permiten dividir la ventana en varias ms pequeas,
de modo que en cada una de ellas se cargua una pgina html distinta. Las versiones
ms antiguas de los navegadores no tienen implementada esta caracterstica, por lo
que no podrn verlos.
Sintaxis
Los frames se declaran con la etiqueta <FRAMESET>, que debe ser colocada antes
de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorar.
Un ejmplo sencillo es el siguiente: (puedes ver el ejemplo real pulsando aqu)
<HTML>
<HEAD><TITLE> Ttulo de la pgina </TITLE></HEAD>
<FRAMESET ROWS=75,*>
<FRAME SRC="frames1.htm" >
<FRAME SRC="frames2.htm" >
</FRAMESET>
<NOFRAMES>
<BODY>
Lo siento,su navegador no soporta frames.
Pulse <a href="frames1.htm>aqu </A>
para acceder a los contenidos de estas pginas.
</BODY>
</NOFRAMES>
</HTML>

EL atributo ROWS (filas) es el que define el nmero y el tamao de los frames, en

este caso dos filas, de 75 pxels la primera y el resto de la ventana la segunda.
Tambin se puede dividir en columnas mediante COLS
El tamao de los frames se puede especificar de ms formas:
COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera
COLS=150,*,150 tres colunmas, la primera y tercera de 150 pxels, la segunda ocupa
el resto.
ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio
respectivamente.
Las etiquetas NOFRAMES y BODY solamente se usan por cortesa, de hecho se
pueden suprimir.
Las etiquetas FRAME SRC="frames.htm" cargan las pgina indicadas en el frame
correspondiente.
Tambin es posible anidar frames, llamando a una pgina que tenga de nuevo frames
o bien declarndolo explicitamente. Un ejemplo de esto ltimo es el que aparece
abajo (el real aqu )
<FRAMESET COLS=20%,*>
<FRAME SRC="frames1.htm">
<FRAMESET ROWS=20%,*>
<FRAME SRC="frames2.htm">
<FRAME SRC="frames3.htm">
</FRAMESET>
</FRAMESET>

Este cdigo divide la ventana en dos columnas, la primera del 20 % del ancho total, y
la segunda queda dividida a su vez en dos filas, siendo la primera de ellas un 20 %
del total

El atributo TARGET
Lo ms interesante de los frames es la posibilidad que tienen de interactuar entre si,
es decir pulsar un enlace en el frame 1 y cargar el contenido en el frame 2.
Para conseguir esto hay que darle un nombre a los frames y luego indicar en el enlace
donde se va a cargar mediante el atributo TARGET.Veamos un ejemplo
<HTML>
<HEAD><TITLE> Frames --Ejemplo 3--</TITLE></HEAD>
<FRAMESET COLS=150,*>

<FRAME SRC="frames4.htm" NAME=margen>

<FRAME SRC="frames5.htm" NAME=principal>
</FRAMESET>
</HTML>

Los enlaces de la pgina frames4.htm , que es la que se carga en el margen

izquierdo,se escriben de la forma:
<A HREF="frames1.htm" TARGET=principal>Frame 1 </A>
Hay ciertos valores reservados para TARGET, estos son
TARGET=_top, hace que la pgina se cargue en la ventana completa del
navegador.
TARGET=_self, hace que la pgina se cargue en la misma ventana del frame
actual.
TARGET=_parent, hace que la pgina se cargue en el frame "padre", del que
desciende el actual
TARGET=_blank, hace que la pgina se cargue en una nueva ventana.
TARGET=nombre, hace que la pgina se cargue en el frame llamado nombre. Si no
existe se carga en una ventana nueva
Atributos de FRAME
En los frames se pueden modificar algunas de sus caractersticas por medio de las
etiquetas que siguen:
SCROLLING= yes, no , auto . Indica si el frame llevar siempre, nunca o cuando lo
necesite, barra de deslizamiento vertical
BORDERCOLOR="color" . Indica el color del borde
MARGINWIDTH=n . Indica el margen horizontal, tanto derecho como izquierdo, en
pxels
MARGINHEIGHT=n . Indica el margen vertical, tanto superior como inferior, en pxels
NORESIZE . Indica que el frame no se puede redimensionar. Si no se pone este
atributo colocando el cursor en el borde del frame, permitira su deslizamiento
Atributo de FRAMESET
FRAMEBORDER=yes, no . Indica si los frames tendrn bordes o no.
Puedes ver un ejemplo ms de frames aqu

Publicar en la Web
ltimos consejos
Existen ciertas normas que se deben seguir a la hora de realizar una pgina Web. No
son obligatorias, pero si convenientes.
Carga rpida.
Las pginas no deben superar, incluidos los elementos grficos, ms de 30 o 40 Kb.
Puede admitirse que la pgina principal o alguna otra sean un poco ms grandes. El
texto que haya en una pgina no debe ocupar ms de dos o tres pantallas, en caso de
que as sea, es mejor dividirlo.
Disear para mquinas menos potentes
Hay que tener en cuenta que la mayora de los ordenadores trabajan con 640x480
pxels de resolucin de pantalla, por lo que si se incluyen imgenes, tablas o
elementos ms anchos, no se visualizarn completamente.
Del mismo modo, tampoco hay que abusar de los Applets Java. Son muy bonitos pero
sobrecargan en exceso los ordenadores de los usuarios.
Actualizaciones
Es conveniente incluir una pgina donde indique las novedades, de ese modo los
visitantes habituales sabrn dnde deben mirar. Indica tambin la fecha de
actualizacin de las pginas al final de las mismas.
E-mail
Debes incluir siempre una direccin e-mail para que te puedan enviar mensajes,
comentarios, opiniones, etc (respndelos con prontitud ). Si la pgina es sobre el
Centro tambin es conveniente poner la direccin y el telfono real.
Enlaces
Al menos debes incluir enlaces a pginas de contenido similar al de la tuya. Por
ejemplo a otros Colegios e Instituciones educativas, si haces una pgina sobre tu
centro. De esta manera aseguras que los visitantes encuentren ms fcilmente lo que
buscan y por cortesas tambin pondrn enlaces hacia tu pgina.

Cmo pongo la pgina en el servidor?

Supongamos que ya has creado tu pgina. Probablemente no ser una sola, sern
varias y puede que tambin existan directorios dentro de ella. No obstante esto no
tiene mucha importancia para "subirla" al servidor

Supongamos tambin que vas a subirla a un ordenador del PNTIC con el

programa WS_FTP, que puedes descargar y usar de forma gratuita siempre que seas
un profesor. Con otros programas se hace de modo similar.

WS_FTP
Cuando arrancas el
programa te aparece una
pantalla similar a la que
aparece a la derecha, en la
que tienes que rellenar los
campos como se indican
en la misma. La mquina
donde vamos a subir la
pgina es acacia (ya
sabes que hay distintos
servidores que tienen
nombres de rboles: olmo,
sauce, roble, etc), que est
en el Programa de Nuevas
Tecnologas (pntic) del
Ministerio de Educacin y
Cultura (mec) en Espaa
(es).
El nombre de usuario ficticio sera ana y como ves la contrasea aparece con
asteriscos. La direccin de correo de Ana sera ana@acacia.pntic.mec.es ya que la
palabra que precede al smbolo arroba es el nombre de usuario o login y coincide con
User ID

Una vez que has completado esta pantalla pulsa Aceptar. Te aparecer otra pantalla,
como la debajo de este texto, dividida en dos ventanas; la de la izquierda se
corresponde con tu ordenador y la de la derecha el directorio que tienes asignado
en acacia. Sitate en el directorio o fichero que quieras transferir pulsando sobre l a
la izquierda, y sobre public html a la derecha y pulsa sobre el smbolo -->. Los
ficheros o directorios que hayas seleccionado sern transferidos al servidor.
Ahora slo te resta comprobarlo accediendo a tu pgina a travs de Internet.
Comprueba que los enlaces funcionan correctamente.

Colores
Los colores se forman a partir de tres bsicos, que son el rojo, verde y azul. La
intensidad de cada componente se expresa como un nmero hexadecimal del 00 al
FF (del 0 al 255 en base diez)
Los nmeros hexadecimales, se forman utilizando 16 dgitos (en lugar de los
diez de la numeracin decimal habitual o dos en la binaria). Estos dgitos son: 0 1 2 3
456789ABCDEF
As:, por ejemplo, el color rojo se representa como #FF0000, porque tiene el
toda la intensidad de rojo y nada de verde y azul.
Los colores basicos son:
#FF0000 - Rojo
#00FF00 - Verde
#0000FF - Azul
Otros colores son:
#FFFFFF - Blanco

#000000 - Negro
#FFFF00 - Amarillo
Para hacer un color ms oscuro, reduce la intensidad del componente, dejando
los otros dos iguales. As, el rojo (#FF0000) se hace ms oscuro as: #CC0000,
#990000, #660000, #330000 etc
Para hacer que un color ms pastel, simplemente variar los otros dos colores
dejando igual el principal. As, el rojo (#FF0000) se hace ms claro asi: #FF3333,
#FF6666, #FF9999, #FFCCCC etc
Ejemplo 1: <FONT SIZE=+2 COLOR=#FF00FF>Esto esta en color fucsia</FONT>
Ejemplo 2: Este color es #C1E1F8

Paleta de colores

16 Colores estandar (4 bits)

BLACK
SILVER

NAVY
GRAY

RED

BLUE
YELLOW

MAROON

TEAL
GREEN

WHITE

AQUA
OLIVE

FUCHSIA

LIME
PURPLE

256 Colores RGB (8 bits)

RED
FF0000

LIME
66FF00

FF3300

CC3300

FF9999

FFCCCC

990033

FF3333

CC3333

FFCC99

CC0066

993300

FF0033

CC0033

FF9966

FF6699

660000

000000

CC0000

663333

990066

330000

33FF33

66FF66

99FF99

CCFFCC

00CC00

009900

006600

003300

OLIVE
66FF00

MAROON
990000

GREEN
00FF00

AQUA
00FFFF

00CC00

009900

006600

003300

009900

006600

66FF00

009900

00FFFF

3333FF

6666FF

9999FF

33FFFF

66FFFF

99FFFF

CCFFFF

CCCCFF

0000CC

000099

000099

CCCCFF

000066

000033

000099

00CCCC

TEAL
008080

009999

006666

BLUE
0000FF

003333

FFFF33

FFFF66

FFFF99

FFFFCC

CCCC00

999900

666600

333300

FF33FF

FF66FF

FF99FF

FFCCFF

CC00CC

990099

660066

330033

7D337D

7D667D

7D997D

7DCC7D

E100E1

CC00CC

AF00AF

990099

YELLOW

FUCHSIA

TEAL

FF3300

FF3333

FF3366

FF3399

FF33CC

FF33FF

FF6600

FF6633

FF6666

FF6699

FF66CC

FF66FF

FF9900

FF9933

FF9966

FF9999

FF99CC

FF99FF

FFCC00

FFCC33

FFCC66

FFCC99

FFCCCC

FFCCFF

FFFF00

FFFF33

FFFF66

FFFF99

FFFFCC

FFFFFF

CC0000

CC0033

CC0066

CC0099

CC00CC

CC00FF

CC3300

CC3333

CC3366

CC3399

CC33CC

CC33FF

CC6600

CC6633

CC6666

CC6699

CC66CC

CC66FF

CC9900

CC9933

CC9966

CC9999

CC99CC

CC99FF

CCCC00

CCCC33

CCCC66

CCCC99

CCCCCC

CCCCFF

CCFF00

CCFF33

CCFF66

CCFF99

CCFFCC

CCFFFF

990000

990033

990066

990099

9900CC

9900FF

993300

993333

993366

993399

9933CC

9933FF

996600

996633

996666

996699

9966CC

9966FF

999900

999933

999966

999999

9999CC

9999FF

99CC00

99CC33

99CC66

99CC99

99CCCC

99CCFF

99FF00

99FF33

99FF66

99FF99

99FFCC

99FFFF

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

00CC00

00CC33

00CC66

00CC99

00CCCC

00CCFF

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

00FF00

00FF33

00FF66

00FF99

00FFCC

00FFFF

663300

663333

663366

663399

6633CC

6633FF

660000

660033

660066

660099

6600CC

6600FF

333300

333333

333366

333399

3333CC

3333FF

003300

003333

003366

003399

0033CC

0033FF

330000

330033

330066

330099

3300CC

3300FF

000000

000033

000066

000099

0000CC

0000FF

Codigos ASCII e ISO-8859-1

Como muchos sistemas tienen distintos juegos de caracteres ASCII, se emplean
cdigos para representarlos por igual en cualquiera de ellos. De esta manera se
asegura que cualquiera que vea nuestra pgina lo har de igual modo que nosotros.
Estos smbolos especiales permiten tambin escribir en distintos lenguajes,ya que
incluyen los acentos, diresis, etc. Para incluirlos en la pgina se usan las etiquetas
mostradas en la tabla. Como vemos, todos empiezan por & y acaban en ; y se deben
escribir respetando las maysculas y minsculas

Smbolo Etiqueta Smbolo Etiqueta Smbolo Etiqueta Smbolo Etiqueta

&aacute;

&Aacute;

&agrave;

&Agrave;

&eacute;

&Eacute;

&egrave;

&Egrave;

&iacute;

&Iacute;

&igrave;

&Igrave;

&oacute;

&Oacute;

&ograve;

&Ograve;

&uacute;

&Uacute;

&ugrave;

&Ugrave;

&auml;

&Auml;

&acirc;

&Acirc;

&euml;

&Euml;

&ecirc;

&Ecirc;

&iuml;

&Iuml;

&icirc;

&Icirc;

&ouml;

&Ouml;

&ocirc;

&Ocirc;

&uuml;

&Uuml;

&ucirc;

&Ucirc;

&ntilde;

&Ntilde;

&yacute;

&yuml;

&ccedil;

&Ccedil;

&aelig;

&AElig;

&oslash;

&Oslash;

&copy;

&reg;

&

&amp;

&quot;

&lt;

>

&gt;

"

<

(espacio) &nbsp;

Otra forma de representar estos caracteres especiales es por medio del cdigo
estndar ISO-8859-1. En este caso para incluirlos debemos
escribir &#nn; donde nn representa el nmero dado en la tabla de abajo

Juego de caracteres ISO-8859-1

33 " 34 # 35 $ 36 % 37 & 38 '

39

41 * 42 + 43 ,

46 /

47

0 48 1 49 2 50 3 51 4 52 5 53 6 54 7

55

8 56 9 57 : 58 ; 59 < 60 = 61 > 62 ?

63

@ 64 A 65 B 66 C 67 D 68 E 69 F 70 G

71

H 72 I

73 J 74 K 75 L 76 M 77 N 78 O

79

P 80 Q 81 R 82 S 83 T 84 U 85 V 86 W

87

X 88 Y 89 Z 90 [ 91 \ 92 ]

95

32 !
( 40 )

44 -

45 .

93 ^ 94 _

` 96 a 97 b 98 c 99 d 100 e 101 f 102 g

103

h 104 i

105 j 106 k 107 l 108 m 109 n 110 o

111

p 112 q 113 r 114 s 115 t 116 u 117 v 118 w

119

x 120 y 121 z 122 { 123 |

124 } 125 ~ 126 &127; 127

128 129 130 131 132 133 134

135

136 137 138 139 140 141 142

143

144

149 150

151

152 153 154 155 156 157 158

159

160

145 146 147 148

161 162 163 164 165

166

167

173 174

175

176 177 178 179 180 181 182

183

184

185 186 187 188 189 190

191

192 193 194 195 196 197 198

199

168 169 170 171 172

 200 201 202 203 204

205 206

207

208 209 210 211 212 213 214

215

216 217 218 219 220 221 222

223

224 225 226 227 228 229 230

231

232 233 234 235 236

237 238

239

240 241 242 243 244 245 246

247

248 249 250 251 252 253 254

255

Diccionario de Trminos de Internet

ABCDEFGHIJLMNOPRSTUVWXZ

A
Analgico.- Representacin de la informacin mediante una seal que vara de
tamao o intensidad constantemente. (Lo contrario a digital).
Ancho de banda.- Cantidad de informacin que puede transmitirse a travs de una
conexin por unidad de tiempo. Se suele medir en bits por segundo.
ANSI.- (American National Standards Institute) Organismo americano dedicado a la
normalizacin. Por lo que nos ocupa, desarroll un standard para representacin de
informacin en la pantalla, en el terminal. Una BBS en modo ANSI o modo terminal,
sera en modo texto.
APPLET.- Aplicacion escrita en JAVA y compilada.
ARPANET.- Advanced Research Projects Agency Network. Red de la Agencia de
Proyectos de Investigacin Avanzada. Red militar Norteamericana a traves de lineas
telefnicas de la que posteriormente deriv Internet.
Archie.- Protocolo que sirve para localizar un archivo en algn servidor FTP. Tambin
suelen llevar este nombre los programas que utilizan el protocolo.
ASCII.- American Standard Code for Information Interchange. Estandar Americano

para Intercambio de Informacion. La tabla basica de caracteres ASCII esta compuesta

por 128 caracteres incluyendo simbolos y caracteres de control. Existe una version
extendida de 256
Asncrona.- Tipo de comunicacin donde cada byte se transmite del emisor al
receptor de modo independiente. Es la que utilizan los mdems, por ejemplo.
ASN.- Autonomus System Number. Nmero de sistema autnomo. Grupo de Routers
y redes controlados por una nica autoridad administrativa.
ATM.- Asyncronous Transmision Mode. Modo de Transmisin Asncrona. Sistema de
tranmision de datos usado en banda ancha para aprovechar al maximo la capacidad
de una linea. Se trata de un sistema de conmutacion de paquetes que soporta
velocidades de hasta 1,2 Gbps.
Autopista de la informacin.- Expresin que acu Al Gore, vicepresidente de
EE.UU., refirindose a Internet en especial, pero que engloba todos los servicios
Online.
Subir

B
Backbone.- Lnea de alta velocidad o conjunto de conexiones que distribuyen el
trfico de paquetes a otras de menor capacidad, por ello suelen ser troncales.
Baudio.- Nmero de veces por segundo que la seal portadora cambia de valor. Se
suele confundir con los bps. Un ejemplo para clarificarlo : Un mdem de 14.400 bps
puede estar funcionando a 1800 baudios, ya que es capaz de codificar 8 bits en cada
cambio de valor de la seal.
BBS.- (Bulletin Board System) Traducido, en ocasiones, como tablero electrnico. Es
un sistema informtico que ofrece una serie de servicios a sus usuarios : mensajera
electrnica, ficheros, teleconferencias, informacin, etc.
Binhex.- (BINary HEXadecimal). Algoritmo que permite codificar informacin binaria
en formato ASCII de siete bits (el que utilizan los PCs). Se emplea en el correo
electrnico para los caracteres especiales como letras acentuadas, la , etc. Hay que
recordar que el ASCII est basado en el ingls.
BIOS.- Basic Input Output System. Sistema Bsico de Entrada/Salida. Programa
residente normalmente en Eprom que controla la iteracciones bsicas entre el
hardware y el Software.
BIT.- (Binary Digit). Digito Binario. Unidad mnima de informacin, puede tener dos
estados "0" o "1".

Bookmark.- Marca. Anotacin normalmente de una direccin WWW o URL que

queda archivada para su posterior uso.
Bps.- (Bits por segundo) Unidad de medida para la transmisin de informacin.
Browser.- Trmino aplicado normalmente a los programas que permiten acceder al
servicio WWW.
Subir

C
Cadena de inicializacin.- En ingls "Init String". Grupo de rdenes que enva el
programa de comunicaciones al mdem a fin de configurarlo.
Callback.- Sistema muy empleado en E.E.U.U. para llamadas internacionales
consistente en ( previo abono) llamar a un Tlf. indicar el nmero con el que queremos
contactar y colgar. Posteriormente se recibe una llamada que nos comunica con el
nmero deseado.
Carrier.- Operador de Telefona que proporciona conexion a Internet a alto nivel.
Caudal.- Cantidad de ocupacion en un ancho de banda. Ej. En una linea de 1Mbps.
puede haber un caudal de 256Kbps. con lo que los 768Kbps. restantes de el ancho de
banda permanecen desocupados.
Cracker.- Individuo con amplios conocimientos informaticos que desprotege/piratea
programas o produce daos en sistemas o redes.
Chat.- Conversacin electrnica en tiempo real a travs de teclado y monitor. Puede
establecerse entre 2 o ms usuarios. En castellano se puede ver traducido como
teleconferencia.
CD.- Compact Disc. Disco Compacto. Disco Optico de 12 cm de diametro para
almacenamiento binario. Su capacidad "formateado" es de 660 Mb. Usado en
principio para almacenar audio. Cuando se usa para almacenamiento de datos
genricos es llamado CD-ROM.
CGI.- Common Gateway Interface. Interface de Acceso Comn. Programas usados
para hacer llamadas a rutinas o controlar otros programas o bases de datos desde
una pgina Web. Tambin pueden generar directamente HTML.
Ciberespacio.- Conjunto de todos los servicios telemticos existentes, entre los
cuales destaca especialmente Internet.

CIR.- Commited Information Rate. Es el Caudal mnimo de informacin que garantiza

el operador telefnico al cliente (normalmente el proveedor de acceso) el resto del
ancho de banda esta pues sujeto al estado de la red y las necesidades del operador
telefnico.
Cliente-servidor.- Arquitectura de comunicacin remota entre programas. El cliente
solicita datos al servidor y los ejecuta. No es necesario que estn ejecutndose los
dos a la vez. Se utiliza en Internet, Eudora, por ejemplo, es un programa-cliente para
recoger, enviar y gestionar correo electrnico.
Conferencia o frum.- rea de una BBS o servicio telemtico que versa sobre un
tema. Se dejan mensajes pblicos, que lee toda persona que se baja la conferencia.
COOKIE.- Pequeo trozo de datos que entrega el programa servidor de HTTP al
navegador WWW para que este lo guarde. Normalmente se trata de informacion
sobre la conexion o los datos requeridos, de esta manera puede saber que hizo el
usuario en la ultima visita.
Correo electrnico.- (e-mail) Intercambio de mensajes entre usuarios de una red de
ordenadores, sea por cable (LAN, etc) o telemtica (Internet, Compuserve, etc). En
principio, slo es texto y de carcter privado. Pero a los mensajes se les puede
vincular ficheros de cualquier tipo y enviarlos juntos. Para poder enviar o recibir correo
en Internet necesitamos un buzn o direccin electrnica.
Subir

D
DialUp.- Accin de llamar un mdem a otro mdem a travs de la RTC (Red
Telefnica Conmutada, la que usamos todos).
Digital.- Representacin de informacin de modo binario (2 estados). Es la que
utilizan los ordenadores.
DNS.- (Domain Name Service) Servicio que traduce los nombres como
platea.pntic.mec.es a su verdadero identificativo o direccin IP 193.144.238.1, y
viceversa.
Domain.- Dominio. Sistema de denominacion de Hosts en Internet. Los dominios van
separados por un punto y jerarquicamente estan organizados de derecha a izquierda.
ejp: pntic.mec.es
Dominio.- Permite identificar un ordenador o conjunto de ellos. Este nombre est
estructurado siguiendo una jerarqua. por ejemplo : mail.intercom.es. Mail = servidor
de correo, intercom =empresa y es= Espaa.

Download.- Literalmente "Bajar Carga". Se refiere al acto de transferir un fichero/s

desde un servidor a nuestro ordenador. En espaol: " bajarse un programa ".
DUPLEX.- Capacidad de un dispositivo para operar de dos maneras. En
comunicaciones se refiere normalmente a la capacidad de un dispositivo para
recibir/transmitir. Existen dos modalidades HALF-DUPLEX: Cuando puede recibir y
transmitir alternativamente y FULL-DUPLEX cuando puede hacer ambas cosas
simultaneamente.
DVD.- Digital Video Disk. Nuevo estandar en dispositivos de almacenamiento masivo
con formato de CD pero que llega a 17 GB de capacidad.
Subir

E
E-ZINE.- Electronic Magazine. Revista Electrnica. Cualquier revista producida para
su difusin por medios informticos, pricipalmente por Internet.
E-mai.-l Electronic Mail. Correo Electrnico. Sistema de mensajeria informtica similar
en muchos aspectos al correo ordinario pero muchisimo mas rapido.
Subir

F
FAQ.- (Frequently Asked Questions). Documento que recoge las preguntas ms
frecuentes sobre un tema y, por supuesto, las respuestas.
FAT.- File Allocation Table. Tabla de Localizacion de Ficheros. Sistema de
organizacin de ficheros en discos duros. Muy usado en PC.
FDDI.- (Fiber Distributed Data Interface) Norma que permite transferir datos a travs
de fibra ptica a altsima velocidad (100 Mbps).
Finger.- Protocolo que permite saber quin est registrado en un ordenador de
Internet, o quien est conectado. Por razones de seguridad puede estar desactivado.
Frame.- Estructura. Tambien trama de datos. En Browsers de WWW como Netscape
se refiere a una estructura de sub-ventanas dentro de un documento HTML.
Frame Relay.- Protocolo de enlace mediante circuito virtual permanente muy usado
para dar conexion directa a Internet.

FTP.- (File Transfer Protocol). Protocolo empleado para la transferencia de ficheros en

una red TCP/IP. Requiere de identificacin del usuario. En Internet hay los FTP
annimos, donde el usuario utiliza el genrico "anonymous" y como password su
direccin electrnica. Tambin se llama as el programa cliente para este servicio
(ejemplo : CuteFTP), aunque los navegadores como Netscape tambin pueden utilizar
este servicio en la mayora de los servidores FTP.
Subir

G
Gateway.- Elemento hardware y/o software con capacidad para traducir un protocolo
de alto nivel a otro.
GIF.- Graphics Interchange Format. Formato Grafico de Intercambio.
GIX.- Global Internet Exchange. Intercambio Global Internet.
GMT.- Greenwich Mean Time. Hora de Referencia de Greenwich. Equivalente a UT.
GSM.- Global System Mobile comunications. Sistema Global de Comunicaciones
Moviles. Sistema digital de telecomunicaciones pricipalmente usado para telefonia
movil. Existe compatibilidad entre redes por tanto un telefono GSM puede funcionar
tericamente en todo el mundo. En EEUU esta situado en la banda de los 1900MHZ y
es llamado DCS-1900.
GT.- Global Time. Tiempo Global. Sistema horario de referencia en Internet.
GUI.- Graphic User Interface. Interface Grfico de Usuario.
Gateway.- Prueta de Acceso. Dispositivo que permite conectar entre si dos redes
normalmente de distinto protocolo o un Host a una red. En Espaol: Pasarela.
Gopher.- Protocolo para navegar y buscar informacin organizada jerrquicamente y
presentada en modo texto.
Subir

H
Hacker.- Experto en informtica capaz de de entrar en sistemas cuyo acceso es
restringido. No necesariamente con malas intenciones.

Hayes.- Marca de mdems y lenguaje de comandos para manejar los mdems. La

mayora de modelos son compatibles con ste y es reconocido como estndar del
mercado.
Header.- Cabecera. Primera parte de un paquete de datos que contiene informacin
sobre las caracteristicas de este.
Hit.- Literalmente "golpe". Se usa para referirse a cada vez que un link es pulsado en
una pgina WEB.
Homepage.- Pgina principal o inicial de un sitio WEB.
Host.- Ordenador que gestiona servicios para ser utilizados por el resto de mquinas
conectadas a la red. En un host encontraremos ficheros, servidores de correo, de
Webs, etc, etc.
HTML.- HyperText Markup Language. Lenguaje de Marcas de Hypertexto. Lenguaje
para elaborar paginas Web actualmente se encuentra en su versin 4. Fue
desarrollado en el CERN. Gracias a l ves esta pgina.
HTTP.- HyperText Transfer Protocol. Protocolo de Tranferencia de Hypertexto.
Protocolo usado en la WWW para transmitir pginas Web.
Host.- Ordenador conectado a Internet. Ordenador en general. Literalmente anfitrin.
Subir

I
Iberpac.- Red de Telefonica para la transmisin de datos en forma de
paquetes,(normalmente en X-25) principalmente de uso corporativo.
Ibernet.- Red espaola gestionada por telefnica con protocolo IP. Es la subred
Internet espaola.
Infova.- Servicio de Telefnica, con contenidos y proveedores de informacin en
lnea. Una de las caractersticas ms importantes es que llamando al 055 se paga
tarifa de llamada local, desde cualquier lugar o pueblo de Espaa !!. A travs de
Infova se puede entrar en Internet y este es el medio ms habitual (tarifas: horario
normal > 139 ptas/hora y horario reducio > 106 ptas/hora )
Internet.- INTerconnected NETworks. La red de redes.
INTRANET.- Se llaman asi a las redes tipo Internet pero que son de uso interno, por
ejemplo, la red corporativa de una empresa que utilizara protocolo TCP/IP y servicios

similares como WWW.

IP address.- Expresin compuesta por cuatro nmeros separados por puntos y que
designan de manera unvoca a un ordenador en la Internet. Para que no sea un caos,
estos nmeros los coordina una sociedad llama InterNIC. IP (Internet Protocol) es el
protocolo que permite conectarse dos ordenadores.
IRC.- Internet Relay Chat. Canal de Chat de Internet. Sistema para transmisin de
texto multiusuario a traves de un servidor IRC. Usado normalmente para conversar
on-line tambien sirve para tranmitir ficheros.
ISDN.- Integrated Services Digital Network. Red Digital de Servicios Integrados. En
espaol RDSI.
ISP.- Internet Service Provider. Proveedor de Servicios Internet.
Subir

J
JAVA.- Lenguaje de programacion orientado a objeto parecido al C++. Usado en
WWW para la telecarga y telejecucion de programas en el ordenador cliente.
Desarrollado por Sun microsystems.
JAVASCRIPT.- Programa escrito en el lenguaje script de Java que es interpretado por
la aplicacion cliente, normalmente un navegador (Browser).
JPEG.- Join Photograph Expert Group. Union de Grupo de Expertos Fotogrficos.
Formato grfico con prdidas que consigue elevados ratios de compresin.
Subir

L
LAN.- (Local rea Network) Red de rea Local. Como su nombre indica, es una red
de ordenadores de tamao pequeo/medio localizada en un edificio (como mximo).
Se conectan los ordenadores a travs de tarjetas de red, y las arquitecturas ms
conocidas son Ethernet y Token-Ring.
Link.- Enlace. Unin. Se llama asi a las partes de una pgina WEB que nos llevan a
otra parte de la misma o nos enlaza con otro servidor.
Lnea dedicada.- Lnea telefnica que une permanentemente dos puntos. Ofrecen

una mayor velocidad que un mdem (64 kbps, 256 kbps... hasta Gbps)... una de sus
variantes es la ms conocida y utilizada por los proveedores de Internet : la lnea
punto a punto.
Linux.- Version Shareware del conocido systema operativo Unix. Es un sistema
multitarea multiusuario de 32 bits para PC.
Login.- Nombre o identificativo de usuario en un sistema remoto. Tambin log in :
accin de conectarse a un ordenador.
Subir

M
Mailing list.- Direcciones de correo electrnico donde puedes suscribirte a recibir
noticias sobre determinados temas. Se utiliza el e-mail para recoger y mandar las
noticias. Las ms populares listas de correo las encontraremos por listserv.
Majornet.- Red de correo entre las BBS que corren bajo el software WorldGroup o
The Major BBS (ambos de Galacticomm). Internet no es la nica red de correos...
tambin es muy conocida y de mbito mundial : Fidonet (Fido en la jerga de los
cibernautas).
MIME.- (Multipurpose Internet Mail Extensions). Extensiones Multipropsito que
permiten que cuando enviemos un e-mail con un fichero binario vinculado, ste fichero
llegue en su formato original. (ver Uuencode/Uudecode).
MMX.- Multi Media eXtensions. Extensiones Multimedia. Juego de instrucciones extra
que incorporan los nuevos microprocesadores Pentium orientado a conseguir una
mayor velocidad de ejecucin de aplicaciones que procesan o mueven grandes
bloques de datos
Mdem.- (Modulador, DEModulador) Perifrico que permite transmitir datos entre dos
ordenadores a travs de una lnea telefnica. Hoy en da, por precio y caractersticas,
se recomiendan los mdems de alta velocidad, de 14400 bps en adelante. Tambin la
mayora tienen las normas para envo y recepcin de fax.
MPEG.- Motion Pictures Expert Group. Grupo de Expertos en Imagen en Movimiento.
Formato grfico de almacenamiento de video. Utiliza como el JPEG compresin con
perdidas alcanzando ratios muy altos.
MS-DOS.- Microsoft Disk Operating System. Sistema Operativo en Disco de Microsoft.
Sistema operativo muy extendido en PC del tipo de linea de comandos.
MTU.- Maximum Transmission Unit. Unidad Maxima de Transmision. Tamao mximo
de paquete en protocolos IP como el SLIP.

Subir

N
Navegador.- Aplicado a los programas usados para conectarse al servicio WWW:
Netscape Comunicator, Internet Explorer, Mosaic, Opera
NET.- Red
Netiquette.- Etiqueta de la RED. Formas y usos comunes para el uso de los servicios
de Internet. Las normas de educacin de los usuarios de Internet.
Netizen.- Ciudadano de la Red.
Netscape.- El nombre del navegador ms utilizado de la red. Otros navegadores son :
Mosaic, el Internet Explorer y Opera
NEWS.- Noticias. Servicio de Internet con una estructura de "tablon de anuncios"
dividido en temas y paises en los que los usuarios con intereses comunes dejan o
responden a mensajes relacionados con el mencionado grupo.Tienen sus propios
servidores, su propio protocolo (NNTP) y sus propios programas-clientes (el ms
conocido : Free Agent).
Newsgroups.- Los distintos grupos de noticias de las News
Nick.- Nombre o pseudnimo que utiliza un usuario de IRC.
Nodo.- Por definicion punto donde convergen mas de dos lineas. A veces se refiere a
una nica mquina en Internet.
Subir

O
OEM.- Original Equipament Manufactured. Manufactura de Equipo Original. Empresa
que compra un producto a un fabricante y lo integra en un producto propio. Todos los
fabricantes por ejemplo, que incluyen un Pentium en su equipo actuan como OEM.
Offline.- Modo de interactuar con los servicios Online (BBS, Internet, etc), de tal
manera que en el disco local tenemos la informacin que necesitamos, la
manipulamos sin necesidad de estar conectados y la enviamos cuando queremos.
Nuestra BBS se puede configurar para trabajar Offline, Eudora y FreeAgent no
necesitan estar conectados para leer el correo o las news, ni para redactar mensajes.

OS2.- Operating System 2. Sistema operativo de 32 bits multitarea creado por IBM.
Creado para PC con entorno grfico de usuario. La version actual es la 4 la cual
soporta ordenes habladas y dictado.
Subir

P
Paquete.- Cantidad minima de datos que se transmite en una red o entre disposi
tivos. Tiene una estructura y longitud distinta segun el protocolo al que pertenezca.
Tambien llamado TRAMA.
PGP.- Pretty Good Privacity. Paquete de encriptacion basado en clave publica escrito
por Phil Zimmerman.
Phracker.- Pirata informatico que se vale de las redes telefonicas para acceder a
otros sistemas o simplemente para no pagar telefono.
PING.- Packet INternet Groper. Rastreador de Paquetes Internet. Programa utilizado
para comprobar si un Host esta disponible. Envia paquetes de control para comprobar
si el host esta activo y los devuelve.
POP.- (Post Office Protocol). Es el que se utiliza para configurar los servidores de
correo. Nuestro POP server es el encargado de recibir el correo.
PPP.- (Point to Point Protocol). Protocolo de bajo nivel que permite transferir paquetes
de informacin a travs de una lnea asncrona o sncrona. Es capaz de optimizar el
uso de la lnea mediante conexin y desconexin dinmica, es la conexin ms rpida
para Internet y la utilizada por casi todos los proveedores. El PPP es el programa que
llama por telfono, como puede ser el Trumpet Winsock, el ConfigPPP del MacOS o el
Acceso Telefnico a Redes de Windows 95 (Tipo de Servidor PPP).
Protocolo.- Conjunto de normas tcnicas que regulan las comunicaciones entre
ordenadores.
Proveedor.- Empresa que est conectada con una lnea de alta velocidad a Internet,
y que permite el acceso a sus usuarios mediante mdem, lneas dedicadas, etc.
Tambin puede ofrecer servicios como servidor de ficheros, de pginas Web, asesora
sobre comunicaciones, etc.
PROXY.- Servidor Cache. El Proxy es un servidor de que conectado normalmente al
servidor de acceso a la WWW de un proveedor de acceso va almacenando toda la
informacion que los usuarios reciben de la WEB, por tanto, si otro usuario accede a
traves del proxy a un sitio previamente visitado,recibira la informacion del servidor
proxy en lugar del servidor real.

Puerto.- Todas las conexiones y dilogos TCP/IP se llevan a cabo sobre estos, y
cada protocolo para su uso tiene definido un puerto estndar.
Subir

R
RDSI.- (Red Digital de Servicios Integrados) Red que da soporte a varios canales
digitales. La RDSI bsica tiene 2 de 64 kbps y uno de 16 kbps para seales de
control. Ideal para imagen, sonido y multimedia.
Router.- Dispositivo fsico o lgico que permite encaminar la conexin entre redes
TCP/IP, es el encargado de que los paquetes de informacin lleguen a su destino.
RWIN.- Receive Window. Ventana de recepcion. Parametro de TCP que determina la
cantidad mxima de datos que puede recibir el ordenador que acta como receptor.
Subir

S
Servidor.- Ordenador que suministra informacin a otros ordenadores, los cuales
ejecutan los programas clientes.
SLIP.- (Serial Line Internet Protocol) Protocolo que permite transferir paquetes
TCP/IP, permite slo transmisin asncrona, direcciones IP, no tiene deteccin de
errores y est menos optimizado que el PPP.
SMTP.- (Simple Mail Transfer Protocol) Protocolo para transferir correo electrnico a
travs de Internet.
SNMP.- (Simple Network Management Protocol) Protocolo que se encarga del
direccionamiento de red, se utiliza para grandes redes.
SysOp.- (System Operator) Persona responsable de la configuracin, mantenimiento,
actualizacin y seguridad de un sistema telemtico.
Subir

T
TCP/IP.- (Transmission Control Protocol/Internet Protocol) Conjunto de protocolos de
bajo nivel (IP, TCP, UDP, ICP, RARP, etc) que permiten el funcionamiento de
Internet.
Telemtica.- De Telecomunicaciones e Informtica. Se refiere a las comunicaciones
por ordenador.
Telnet.- Protocolo y programas que permite la conexin remota a otro ordenador.
Igual que FTP, viene del UNIX (sistema operativo multitarea y multiusuario).
Time-out.- Parametro que indica a un programa el tiempo mximo de espera antes de
abortar una tarea o funcin. Tambien mensaje de error.
TTL.- Time To Live.Tiempo de Vida. Contador interno que incorporan los paquetes
Multicast y determinan su propagacion.
Subir

U
UART.- (Universal Asynchronous Receiver/Transmitter) Circuito integrado en el
mdem o en la controladora del puerto de comunicaciones que pasa los datos del
ordenador al mdem (de digital y paralelo a analgico y serial) y viceversa.
UNIX.- Sistema operativo multitarea, multiusuario. Gran parte de las caracteristicas de
otros sistemas mas conocidos como MS-DOS estan basadas en este sistema muy
extendido para grandes servidores. Internet no se puede comprender en su totalida
sin conocer el Unix, ya que las comunicaciones son una parte fundamental en Unix.
URL.- (Uniform Resource Locator) Denominador y direccin de los recursos de
Internet. Ejemplos : http ://www.intercom.es o ftp://ftp.funet.fi
USB.- Universal Serial Bus. Bus Serie Universal.
UUCP.- (Unix to Unix Copy Program) Protocolo de AT&T para transferir archivos entre
mquinas UNIX. Muy utilizado para copiar news y correo electrnico, aunque tiende a
desaparecer y queda reservado a uso local.
Subir

Veronica.- (Very Easy Rodent Oriented Net-wide Index to Computerized Archives)

Localizador de servidores Gopher.
VR.- Virtual Reality. Realidad Virtual.
VRML.- (Virtual Reality Markup Language) Lenguaje para representar mundos
virtuales en 3D a travs de Internet. Hace falta el programa cliente adecuado para
visualizarlos e interactuar con ellos.
Subir

W
WAIS.- (Wide Area Information Servers) Se trata de un mtodo de bsqueda indexada
de informacin (texto, grficos, sonido). El resultado de la bsqueda muestra una lista
de artculos ordenada por el grado de similitud con el tem buscado.
WAN.- (Wide rea Network) Red de ordenadores extensa, se entiende que va ms
all de un edificio.
WEB, WWW o W3.- El verdadero impulsor de la revolucin Internet. Es el conjunto de
recursos que pueden ser accedidos por los programas clientes llamados navegadores
o browsers. Se caracteriza por la amigabilidad, facilidad de uso y espectacularidad de
su presentacin hipermedia.
Webcam.- Cmara conectada a una pgina WEB a traves de la cual los visitantes
pueden ver imagenes normalmente en directo.
WINDOWS.- Pseudo sistema operativo. Ms bien se trata de un entorno grfico con
algunas capacidades multitarea. La version actual WINDOWS 95 funciona
parcialmente a 32 bits.
WorldGroup Manager.- Software de BBS lder en EE.UU., y que es utilizado por
Intercom para su completo servicio Online.
WWW, WEB o W3 World Wide Web.- Telaraa mudial, para muchos la WWW es
Internet, para otros es solo una parte de esta. Podriamos decir estrictamente que la
WEB es la parte de Internet a la que accedemos a travs del protocolo HTTP y en
consecuencia gracias a Browsers normalmente grficos como Netscape.
Warez.- Software pirata. Programas comerciales originales, que son distribuidos de
forma gratuita en la Red. Bajarse estos programas es ilegal.
Subir

X
X25.- Protocolo de transmisin de datos muy usado en Iberpac. Establece circuitos
virtuales, enlaces y canales.
Subir

Z
ZIP.- Extensin de los ficheros comprimidos ms usados en Internet. Un programa
para manejarlos: WinZip