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

Inserción de un control ActiveX

La denominada tecnología ActiveX desarrollada por Microsoft, hizo su aparición en Internet con el navegador Internet Explorer 3.0. Su objetivo es similar al de los plug-ins, es decir, insertar objetos de diferente tipo en una página Web, aunque va mucho más allá al añadir mayores posibilidades de interacción y comunicación con programas externos. Existen páginas en Internet que basan toda su presentación en controles ActiveX™ para crear Webs realmente impactantes.
No obstante, esta tecnología ha tenido también su parte polémica entre los "estudiosos" de la seguridad en Internet ya que se han encontrado numerosos agujeros de seguridad y en la mayoría de las ocasiones era preferible no ejecutar páginas que incluyeran códigos ActiveX, ya que podían descargar programas potencialmente peligrosos sin autorización del usuario.

ActiveX esta compuesto por dos tipos de objetos: controles Activos (Active controls) y documentos Activos(Active documents). Estos últimos permiten insertar documentos con formato PDF, DOC, etc.
La tecnología ActiveX funciona de una manera similar al mecanismo de Microsoft OLE (Object Linking and Embedding,Enlazado e incrustación de objetos) que usa su sistema operativo Windows, por lo que los usuarios de éste les resultará familiar.

Los controles ActiveX guardan parecidos con los objetos para plug-ins y con los applets Java,aunque presenta algunas mejoras con respecto a ambos. Como ocurría con los plug-ins, los controles y documentos de ActiveX pueden ser insertados en un página Web, sin embargo no requieren un pequeño programilla para cada tipo de objeto ActiveX, esta nueva tecnología ha sido denominada como auto-contenida porque cada objeto tiene suficiente información para ejecutarse él mismo sin ayuda de ninguna aplicación.

Ejemplo.

Imaginemos que necesitamos incluir un documento PDF en nuestra página. Para ello, abrimos Trellian Webpage y seleccinamos en el menú "Insert - ActiveX Control...". A continuación:

Veremos que aparece lo siguiente:

El código que Trellian ha añadido es:

<OBJECT height=308 width=564 border=0 classid=clsid:CA8A9780-280D-11CF-A24D-444553540000>
<PARAM NAME="_Version" VALUE="327680">
<PARAM NAME="_ExtentX" VALUE="14923">
<PARAM NAME="_ExtentY" VALUE="8149">
<PARAM NAME="_StockProps" VALUE="0">
<PARAM NAME="SRC" VALUE="">
</OBJECT>

Aunque parece raro, no nos preocupemos. A continuación hacemos click en la etiqueta SOURCE y nos dirigimos a la parte del código <PARAM NAME="SRC" VALUE=""> y en Value, especificamos la ubicación del archivo y el nombre del PDF que queremos usar. Algo así como <PARAM NAME="SRC" VALUE="archivopdf.pdf">. De esta manera, al ejecutar la página en Internet Explorer, podemos verlo así:

Donde podemos observar que el navegador muestra el documento PDF correspondiente. Existen multitud de códigos aplicables al sitio web como hemos podido observar en la lista, aunque no los conocemos todos. Invitamos a los usuarios a que investiguen sobre aquellos que os pudieran interesar.

Los Plug-ins

La inserción de Plug-ins o como señala Trellian en su menú Insertar, Embedded Plug-in, nos permite extender también la capacidad de nuestra página al poder mostrar videos, sonidos e incluso, al igual que con los controles ActiveX, archivos PDF.
Muchas empresas han procurado que sus productos puedan extenderse correctamente por Internet y para ello han realizado Plug-ins que nos permitirán visualizarlos. Por poner un ejemplo distinto al anterior relativo a los documentos PDF, hoy en día es bien conodido el uso de archivos FLASH. Para que un archivo FLASH pueda visualizarse correctamente por cualquier usuario, el navegador que use deberá tener instaldo el Plug-in correspondiente. Otro ejemplo conocido son los archivos de Real Audio y Video que nos permiten visualizar videos, películas o incluso televisión en directo. Para ello necesitamos contar igualmente con el Plug-in de Real Audio correctamente instalado.

Ahora bien, ¿como insertamos un objeto que llame a un Plug-in?. Es algo tan fácil como hacer uso de la etiqueta EMBED.

<EMBED SRC="pelicula.mov"
WIDTH="120"
HEIGHT="180">

En este caso, se trata de mostrar una película MOV, que generalmente se reproduce con Quick Time, un reproductor originario de Apple. También existe un Plug-in para ello que deberá estar, como siempre, correctamente instalado. Vemos además que el ancho de la ventana que mostrará la película son 120 y el alto son 180.

En Trellian Webpage es tan fácil como ir al menú Insertar, seleccionar Embedded Plug-in, buscar el archivo "pelicula.mov" y se insertará automáticamente.
Sería necesario no obstante ajustar las medidas de ancho y alto. Al pulsar Preview, si tenemos instalado el Plug-in de QuickTime, podemos ver la película. En caso de aparecer el icono:

El Plug-in nos indica que el formato de la película no es correcta o no se encuentra en la ubicación especificada.

Inserción de códigos JavaScript

Se trata de un lenguaje de programación creado inicialmente por Netscape y que denominó de forma original como LiveScript. Su mayor éxito radica en que ha sido diseñado para integrarse perfectamente con HTML, ofreciendo un sinfín de posibilidades.
Una de las características más importantes para un Webmaster que se ocupe de su propio servidor web, es que JavaScript se ejecuta en el PC del usuario que carga la página y no en el servidor (tal y como pasa con ASP o PHP), de manera que evitaremos saturaciones innecesarias. Además, este lenguaje es relativamente sencillo de aprender aún sin conocimientos de programación pero lo mejor de todo es que existen multitud de recursos en Internet donde podemos conseguir programas JavaScript (gratuitos) ya realizados para poder insertarlos en nuestras páginas.

Con JavaScript es posible responder a determinadas acciones del usuario, tales como pulsaciones de ratón, movimientos de ratón sobre un vínculo, crear entradas de datos, elaborar una página dinámica que cambie a petición del usuario y muchas otras cosas. Además es un lenguaje muy seguro (fue diseñado con esta idea) aunque la gran desventaja es que como va insertado directamente en el código HTML es posible verlo y editarlo.

Para poder disfrutar de JavaScript es necesario un navegador que pueda interpretar este código, aunque hoy en día todos los navegadores lo soportan sin ningún problema, por lo que podemos hacer uso de él practicamente sin riesgos, al contrario que con Plug-ins o ActiveX.

Como no se trata de dar un completo curso de JavaScript, nos centraremos en aquellos códigos que ya están creados y que podemos encontrar por Internet para aplicarlos a nuestras propias creaciones HTML
Imaginamos que lo que queremos es conseguir que cuando el ratón pase por encima de una imagen, esta cambie a otra imagen distinta (un ejemplo típico...). Para lograrlo tenemos que seguir estos pasos:

1. Tener las dos imágenes. Preferentemente serán del mismo tamaño.

2. Conseguir el código correspondiente. Para ello, podemos recurrir a Google, donde realizar búsquedas como Free Javascript code o en español, programas Javascript o códigos Javascript. Seguro que conseguimos cualquier cosa que busquemos...

Entre las etiquetas de <HEAD> y </HEAD> debemos insertar:

Seguidamente, en la posición donde queramos que aparezcan las imágenes:

<a href="#" onmouseout="namosw_exchange_src('Imagen1y2', 'images/javascript2.gif', 'document')"
onmouseover="namosw_exchange_src('Imagen1y2', 'images/javascript2.gif', 'document')">
<img src="images/javascript1.gif" width="100" height="100" border="0" alt="javascript1.gif" name="Imagen1y2"></a>

Teniendo la precaución de indicar correctamente la situación de las imágenes. En nuestro ejemplo, se encuentran en el directorio "images/".

El efecto sería el siguiente (pasa el ratón por encima del "1"):

Pues esto no es nada. Con Javascript se pueden crear verdaderas maravillas. Tan sólo sigue nuestro consejo y echa un vistazo a todos los códigos gratuitos que puedes conseguir por Internet.

Con Trellian Webpage, al seleccionar JavaScript se abren tres nuevas opciones:

Internal Script. Nos permite escribir nuestro propio código Javascript o pegar uno que ya esté escrito; así de fácil.

External Script. Algunos códigos son extensos y es muy incómodo incorporarlos directamente en nuestro HTML. Para ello JavaScript admite la posibilidad de que los programas se encuentren en archivos externos con extensión .JS. Mediante esta opción elegimos ese archivo.

Visitor Access. Este menú contempla 4 curiosas opciones, que están muy de moda últimamente....

• Disable Right Clicking. Si lo activamos, se aplica un código en la página que no permite a los usuarios usar el botón derecho del ratón sobre el documento.
• Disable HTML Selection. Es un método que permite evitar que cualquier usuario realice selecciones en el documento.
• Disable Drag & Drop. Evitamos que nadie pueda arrastrar y soltar objetos que estén en nuestra página.
• Disabel Statusbar. Evita que aparezca la barra de estado del navegador.

Como ves son algunas opciones que intentan implementar algo más de seguridad sobre la página que el usuario está visualizando.

Algunas páginas sobre Javascript recomendadas...

- Javascript desde cero. Para los que no tenemos mucha idea de Javascript, esta es nuestra página. Multitud de ejemplos y tutoriales en línea para aprender rápidamente. (Español).

- Free Javascripts. Decenas de Javascripts listos para descargar y usar en tu sitio web. Dispone de un apartado de instrucciones para saber como usarlos. (Inglés).

- Htmlpoint.com. Esta recopilación permite que usen Javascript incluso aquellos que no tienen un profundo conocimiento técnico del tema. Mediante un simple copia/pega podrás insertar efectos Javascript en tu sitio Web. (Español).