Curso de creación de sitios web - Lección 7 - Página 1

Inserciones, efectos, controles y seguridad

Trellian Webpage permite otras muchas opciones que aún no hemos visto en nuestro curso para webmasters. Todas ellas están incluidas dentro del menú "INSERT", el cual puede ayudarnos mucho a la hora de dar forma a nuestras creaciones.

Las opciones del menú son las que podemos ver a la izquierda. Si repasamos desde la primera, nos daremos cuenta que "Image" ya la conocemos y sabemos que nos servirá para insertar una imagen en nuestra página. Otras opciones que también hemos visto son la inserción de "Line Breaks", que puede introducirse mucho más fácilmente pulsando la tecla MAYÚSCULAS + ENTER y "Horizontal Rule", que nos permite añadir una línea divisoria para separar párrafos o textos. También hemos repasado las listas con "Bullets" o números.... Veamos únicamente las opciones que nos interesan.
Una de ellas que no hemos visto ha sido la inserción de "ANCHOR".

Anchor, Anclas o Bookmarks

Esta opción está relacionada con los enlaces o links que vimos en la Lección 2, sin embargo, en vez de llevarnos a otra página distinta o abrir nuestro programa de correo electrónico al hacer click en una dirección, un Ancla nos llevará a otra "zona" de nuestra página actual. Esto último no es totalmente cierto, puesto que también podemos usarlo para ir a una determinada zona de otra página web, aunque esto ya sería mezclar el concepto de "Ancla" y "Enlace".
Puede ser útil por ejemplo para llevar a nuestros visitantes a una determinada parte de la página y que encuentre lo que está buscando, sin tener que repasar el contenido de la página completa.  El método de uso de los Anclas es muy sencillo aunque hay que tener en cuenta que si nuestro objetivo es llevar al visitante a otra zona de la página actual, será imprescindible que la página sea lo suficientemente extensa, es decir, que no sea vea su contenido completo por que si no, lógicamente no serviría de nada. Seguiremos estos pasos:

1. Elegimos la palabra o imagen de enlace que nos llevará a la zona que necesitemos.
2. Elegimos la palabra o imagen o sencillamente una "zona" donde el usuario llegará al hacer click en el enlace del punto 1.

Pongamos un ejemplo práctico en esta misma página. Si se supone que tienes una resolución de 1024x678 o menor, tiene que funcionar sin problemas. En resoluciones mayores, posiblemente se vea todo el ejemplo y no funcione.

En primer lugar, vemos la secuencia de número 1 2 3 4 5. Elegimos esta secuencia de números como enlace para llegar a la siguiente secuencia que está un poco más abajo. Para poder llegar a ella, tenemos que establecer que sea el Ancla de llegada, es decir que la página se desplace de forma automática hasta allí. Haz la prueba...

1 2 3 4 5

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

ab

1 2 3 4 5

Como ves, has llegado hasta esta posición de forma automática. El código para generar esto es el siguiente:

<P><A href="#12345">1 2 3 4 5</A></P>
<P>ab</P>
......
......
<P>ab</P>
<P><A name=12345>1 2 3 4 5</A></P>

Lo más importante es lo que hemos señalado en negrita. El enlace o link es tal como lo habíamos visto, con la etiqueta <A HREF...>. El Ancla es del tipo <A NAME...>. Un detalle importante para que funcione sin problemas es hacer uso de el símbolo "#" en el enlace, añadiendo a continuación el nombre del Ancla (que va después de NAME=). En  Trellian Webpage tenemos que seguir los mismos pasos, aunque esta vez podemos usar su intefaz gráfica para facilitar la labor. Pruébalo.

Inserción de un Applet de Java

Si lo que necesitamos es añadir un programa Java en nuestra página web, Trellian Webpage nos permite hacerlo de una forma sencilla. Pero, ¿Qué es un Applet Java?
Seguramente has visto en numerosas ocasiones navegando por Internet, páginas que tenían Applets Java y que permiten interactuar con ellas de una manera especial. Se trata de un programa que puede insertarse directamente en el código HTML de un sitio web y así permitir a cualquier usuario ejecutarlo con sólo entrar a la página.
En MundoPC.NET tenemos la sección de Ocio y Juegos llena de Applets Java, ya que la gran mayoría de juegos que puedes disfrutar en esa sección, son programas Java.

La inserción de un Applet es sencillísima, tanto como insertar una imagen. Si recuerdas, teníamos que indicar la ubicación de la imagen y también el ancho y alto de la misma. Con un Applet Java es exactamente igual, aunque la etiqueta para definirlo cambia. Veamos un ejemplo:

<APPLET CODE="nombre_applet.class" WIDTH="ancho" HEIGHT="alto">
</APPLET>

La gran mayoría de los programas o Applets Java, terminan con la extensión CLASS, por lo que es muy fácil identificarlos. Los tres atributos, que son Code, Width y Height son obligatorios.

Atención: Los applets de Java son sensibles a las mayúsculas y a las minúsculas, por lo que si no ponemos el nombre del archivo exactamente igual no funcionaría. Por ejemplo, si hubiéramos escrito CODE="Nombre_Applet.class" el código anterior no hubiera funcionado.

Otro detalle a tener en cuenta es que con el código anterior es obligatorio tener la página y el Applet en el mismo directorio. Es decir, no podemos ejecutar el Applet Java si se encuentra en otra ubicación o incluso en otra página web. Así, si hubieramos escrito:

<APPLET CODE="applets/nombre_applet.class" WIDTH="ancho" HEIGHT="alto">
</APPLET>

estando el página actual fuera del directorio "applets", el código nunca se ejecutaría. Afortunadamente existe una forma de poder realizarlo y poder guardar todos los applets en un mismo directorio para evitar mezclarlo con las imágenes o las páginas html y así, mantener nuestro sitio aún más ordenado. Para ello usamos la etiqueta CODEBASE; podríamos haberlo usado así:

<APPLET CODEBASE="applets/" CODE="nombre_applet.class" WIDTH="ancho" HEIGHT="alto">
</APPLET>

Incluso podríamos haber especificado una página externa:

<APPLET CODE="nombre_applet.class" WIDTH="ancho" HEIGHT="alto" CODEBASE="http://paginaexterna.com/directorio1/directorio2">
</APPLET>

Con Trellian Webpage, haciendo click en el menú anterior o bien en el icono el programa nos preguntará por la ubicación del Applet Java. Una vez hemos seleccionado el archivo .CLASS correspondiente, se muestra esta ventana:

En ella podemos apreciar la dirección del Applet, así como otros campos para definir características como el Codebase, ancho, alto, texto ALT (como en las imágenes), márgenes.... Hay muchas posibilidades, aunque las básicas son las que hemos repasado.

Si quieres Applets Java gratuitos puedes pasarte por http://javaboutique.internet.com/ o simplemente busca en Google, donde seguro encontrarás muchos para aplicar a tu sitio web.

Nota importante. Para poder ejecutar Applets Java en Internet Explorer, es necesario que cualquier usuario descargue el plug-in Java de la página oficial de Sun. En caso contrario, no funcionará. Si estás interesad@ en insertar Applets, quizá sería conveniente hacer referencia a este detalle para que cualquier usuario que entre sepa que si no funciona, necesita descargar e instalar el plug-in mencionado. Para conseguirlo hay que entrar en: http://java.com/es/