Si quieres tener un diseño profesional y dinamico o mejorar tu web no lo dudes rellena este formulario trabajamos a los precios mas economicos del mercado bienvenidos . Gracias!
Activar a ActiveX
Si has pasado ya algún tiempo analizando la nueva generación de web
Browsers: Microsoft Internet Explorer 4.0 y su contraparte de Netscape, es probable que hayas escuchado el termino ActiveX. Aunque Java sigue
siendo el rey del Web, ActiveX esta ganando terreno con rapidez. En
seguida veras en que consiste ActiveX.
El concepto básico que subyace en la implementación de ActiveX es muy
sencillo. Permite que una parte de un código de computadora (un programa) se deslice al interior de una pagina web. El programa podría diseñarse para desempeñar casi cualquier función, desde producir algún sonido hasta interpretar los resultados de ingreso de un usuario. Este es un paso lógico en el progreso de las paginas Web, que en principio podrían mostrar información sola en los estilos predefinidos.
Es cierto que ActiveX de Microsoft no es el primer intento por expandir el poder de las paginas Web. Java se basa en gran medida en este concepto al igual que los programas de escritura Java Script y Visual Basic Script (VBScript). Sin embargo, tales extensiones del Web no son iguales; cada una ofrece pros y contras, tanto al creador como al usuario final.
ActiveX se basa en la noción de un "control": una parte modular del
programa de computadora que se puede añadir a una pagina Web.
Generalmente el usuario no es quien crea el control; este ha sido
prefabricado por un desarrollador e incluye una serie de características. Como el autor de una pagina Web el usuario puede modificar las condiciones de estas características.
Los controles ActiveX
Las principales ventajas de los controles ActiveX es que hacen que sea
fácil añadir CARACTERISTICAS especiales, como menús descargables
(drop-down), a una pagina Web. Los controles de ActiveX son análogos a
los applets de Java y se parecen a los plug-ins para Netscape Navigator.
Las tres desventajas mas comúnmente mencionadas de los controles de
ActiveX son:
Cuando se emplean el software apropiado para insertar y configurar un
control ActiveX, aparece en pantalla un grupo de propiededes para la
Modificación del autor. Con applets Java, se debe leer la documentación de un applet en particular para saber que característica soporta. (Incluso se debe consultar la documentación relativa a los controles de ActiveX para saber que es lo que hace cada propiedad).
A diferencia de los plug-ins, si un usuario visita una pagina y no dispone de los controles de ActiveX necesarios para visualizar su contenido, los controles se descargaran y se instalarán de manera automática en la computadora del usuario. Si después se incluye una versión anterior se actualizara la computadora del usuario con una versión actual del control. Hay que descargar e instalar manualmente los plug-ins.
Cuando los controles se descargan de manera automática, se revisa que su manipulación sea segura. Si el navegador determina que el control de
ActiveX puede haber sido manipulado, alertara al usuario o evitara que se descargue por completo el control.
Solo Internet Explorer 3.0 de Microsoft y sus sucesivas versiones soporta directamente los controles de activex. Existe también un plug-in disponible de Ncompass Labs (http://www.ncopasslabs.com) que ofrece el soporte de ActiveX para Netscape Navigator.
Los usuarios que empleen diferentes browsers en plataformas no Windows, se pueden sentir excluidos si un sitio utiliza controles de ActiveX que no puedan ver. Se espera que ActiveX se propagara en todas las plataformas y browsers.
En el próximo articulo entraremos en materia, con la explicación de algunos tips para insertar controles ActiveX a las paginas Web.
ActiveX, Luces, Acción
Antes de que se pueda insertar un control Activex en una pagina Web, el usuario debe tener el control que reside en la computadora. Si ya dispone de Internet Explorer 3.0, tendrá en su maquina un pequeño grupo de controles. Para obtener mas controles, visite la pagina web que contenga el control que desea (el control se descargara y se instalara de forma automática). Ya se han desarrollado varios catálogos que permiten que se pueda navegar en los controles para un futuro uso, entre ellos esta la ActiveX Component Library de Microsoft: http://www.microsoft.com/activex/controls y el catalogo de C/net: http://www.activex.com
Con frecuencia, los controles ActiveX se insertan empleando la etiqueta de HTML. Este enfoque requiere de cierto conocimiento esotérico, como el Class ID del control de ActiveX, así como las propiedades que soporta. Para hacerlo más sencillo, Microsoft ha lanzado una utilidad que permite añadir los controles de activex con la comididad de señalar y hacer clic. Este programa llamado ActiveX Control Pad, permite colocar y configurar los controles elegidos gráficamente y más tarde el código HTML apropiado se generara automáticamente.
Se puede adquirir el software ActiveX Control Pad (un gran archivo de
auto extracción) vía FTP desde ftp://ftp.Microsoft.com . Busque en el
directorio /developer/msd/ncpad/ el archivo setuppaad.exe. despues busque en http://www.Microsoft.com.workshop/author/cpad/setuppad.exe. como ultimo recurso. Revise la sección de productos de la pagina de Microsoft en http://www.Microsoft.com/products.
El Control Pad despliega el código HTML de una pagina Web. Se puede
cargar una pagina actual o usar el editor para componer una nueva pagina
tecleando en las etiquetas HTML. El Control Pas no es un programa de
diseño de paginas Web; solo existe para insertar los controles activex en las páginas existentes. En el próximo articulo les traigo un ejemplo practico!!!
ActiveX! Manos a la obra
En el siguiente ejemplo, empleamos el menú File Open de su Browser para cargar un pequeño archivo HTML que fue creado previamente. Para nuestro ejemplo, imaginemos que estamos creando un pequeño catalogo de vinos. Se emplearan dos tipos de controles ActiveX para ilustrar los principios basicos que están implicados. Al principio, nuestra pagina web es un documento de HTML sencillo que contiene solo el encabezado: "Bienvenido a la bodega de Vino", y la sugerencia: "Por favor, seleccione su vino preferido". por ultimo, queremos que esta pagina para realizar las siguientes interacciones:
·� El usuario acciona un botón que representa un vino que sea tinto, Rosado o blanco. El control ActiveX es OptionBotton (su nombre oficial el Microsoft Forms2.0 OptionBotton).
·� Al hacer click en un botón de texto, el usuario sera llevado a otra pagina de especiales sobre el vino preferido seleccionado, además la etiqueta del botón del texto cambia para reflejar la selección; por ejemplo, "De un click para ver los especiales de vino tinto". El control de ActiveX es el CommandBotton ( su nombre oficial es Microsoft Forms2.0) si se selecciona Insert ActiveX Control, desde el menú edit del Control Pad, se vera una lista de los controles disponibles. Estos controles están incluidos en Control Pad y deberán estar en su sistema.
Ahora estamos listos para construir nuestra pagina web. Para comenzar,
añadimos el primero de los tres OptionBottons (también conocidos como
botones de radio).
Debido a que queremos que el bonton "Por favor seleccione su vino
preferido" aparezca exactamente debajo del texto, coloca el cursor en la
ventana de edición después de esa porción del HTML select Insert Activex
Control desde el menú edit y seleccione en la lista el Microsoft Forms 2.0 Option Botton.
El Control Pad mostrara dos nuevas ventanas, una es una representacion
grafica del cotrol. Se puede alargar o colocar de otra manera el control en esa ventana. La otra es una lista de propiedades para el control, se pueden modificar cualquiera de ellas. En el caso de optionBotton, queremos modificar la propiedad Caption. Eso se hace dando un click en la ventana de propiedades e insertándola el nuevo titular al lado del botón apply. Nuestro primer botón será para la opción de vino tinto, por lo tanto, teclearemos "red". Haga un click en apply y vera que le cambio se reflejara en la lista de [propiedades].
En seguida, cambiamos la propiedad ID. EL ID, nunca aparece en pantalla, es para la información interna. En este caso, se asigna la propiedad ID al "red button". Por ultimo, buscaremos la propiedad "value" que esta cerca del botón de la lista. Cuando queremos asignarla a "true", con cual se realiza la selección por default del vino tinto, cuando el usuario ve la pagina por primera vez. Haga clik en la propiedad value y escriba la palabra true en la caja apply. De un clik en apply para completar el cambio.
Notará que hay muchas otras propiedades que no modificamos. La
documentación para estas propiedades se encuentran en las paginas Help del Control Pad. La documentación para estas propiedades están en las paginas de ayuda del Control Pad. La documentación para los controles Microsoft que no esta incluida en el Control Pad se puede encontrar en
http://www.Microsoft.com/intdev/controls/controls-f.html
... ahora que ya hemos configurado este control, cierre la ventana llamada "edict ActiveX Control" y la ventana de Properties se cerrara
automáticamente. El código apropiado que representa nuestro nuevo
control, aparecerá en el documento actual como una serie de parámetros
de una sola etiqueta ... Colocaremos el cursor después de cerrar la etiqueta y de crear otros dos controles de OptionButton. Básicamente, queremos repetir el procedimiento anterior (apartir del paso Insert ActiveX control), pero recuerde asignar Caption e ID de manera distinta para reflejar la correcta selección de vino, por ejemplo, cuando se cree el OptionButton vino "rosado", asigne caption para "rosado" e ID para "rose button".
Asegúrese de asignar la propiedad value de las option button rosado y
blanco a "falsse" debido a que solo un vino puede seleccionarse como tipo preferente. Salve con frecuencia su pagina en progreso y siempre sálvela antes de cargarla en su browser y correr una prueba.
ActiveX, producto terminado!
Ahora tenemos una pagina web con tres opciones. Cargue la pagina en el
explorador de internet 3.0+ y podrá hacer click en cada opción. Notaras
que las opciones están en barras horizontales. Si prefieres que esten
alineadas en forma vertical introduce la etiqueta de HTML después de cerrar la etiqueta para cada ObcionBotton.
Después, queremos agregar un botón que llevara al usuario a la pagina
"current specials". Regrese a Insert ActiveX Control y selecione el Microsoft Form 2.0 CommandButton. En la ventana properties altere la propiedad "autosize". Selecciónela y un pequeño menú aparecerá después del botón apply permitiéndole seleccionar True or False. Al seleccionar True, el botón cambiara de tamaño dependiendo de la longitud del texto que utilicemos para la etiqueta. En seguida modifique la propiedad Caption. Debido a que hemos decidido que el vino tinto es la selección por default, teclee "" De un click para ver los tipos de vino actuales de vino tinto". Usando la escritura, cambiaremos esta etiqueta conforme el usuario cambie su tipo de vino preferido. Emplearemos ahora la propiedad ID para referencia interna y la llamaremos "gosales".
Salve la pagina y cargüela en su browser. Aunque aparezca el botón, al
hacer un click no funcionara. Es aquí en donde interviene la escritura,
mediante la cual trataremos de lograr tres metas:
·� Modificar el titular en el CommandButton para reflejar la preferencia de vino que se selecciona con mayor frecuencia.
·� Hacer el cambio de URL de la pagina web para el CommandBotton que indique el momento en que se seleccione la preferencia en vinos.
·� Para lanzar una pagina nueva de especiales de vino cuando se accione el CommandButton.
Al usar el ActiveX Control Pad, podemos crear Scripts en VBScript,
JavaScript o un seudónimo conocido como la list View,. Si esta familiarizado con las escrituras y prefiere VBScript o JavaScript, señale cual es su preferencia conocida seleccionando Scripting desde el menú de Options (seleccione su lenguaje preferido y luego Code View). Para comenzar a crear su Script, inicie el Script WizarD, ya sea desde el menú "tools" o dando un click en el icono de forma en espiral que aparece al lado derecho de la barra de herramientas.
Creando como un mago (Ultima parte)
Asumiendo que estamos trabajando con el Control Pad, la ventana Script
esta compuesta de tres paneles. En el panel izquierdo (numero 1) hay una
lista de los objetos de la actual pagina web. Al expandir un objeto (dando un click en el signo de + que esta a la izquierda del nombre de objeto) se desplegara una lista de los eventos posibles para ese objeto. Un evento es algo que puede pasarle a ese objeto, por ejemplo se puede activar con un click. Por ejemplo, de un click en el signo de + que aparece al lado del objeto whitebutton. Uno de los eventos enlistados se llama click. De esta forma queremos determinar lo que pasara si el usuario hace click en la seleccion vino blanco. Recuerde que debe haber dos consecuencias de un solo click en el tipo de vino: cambiar el titulo del CommandButton y cambiar el URL que resulte.
De un click en el evento clik para destacarlo. Ahora debesmos seleccionar la accion que ocurrira; estas están en el panel del lado derecho(numero 2). La primera acción pasa al Command Button, al que nombramos gosales.
De un click en el signo de + , al lado del objeto gasales en panel 2, y aparecerá una lista de opciones.
La primera acción que queremos realizar es cambiar el titulo, así que, de un click en la accion Caption para destacarla. Ahora dirigiremos nuestra atención al panel inferior del Script wizarD(numero 3). De un click en el botón insert Action. Se nos pide introducir una cadena de texto. Aquí teclee en nuevo titulo. En este caso, nosotros escribiremos el evento para seleccionar vino blanco, y cambiar así el titulo a : "Haga click para ver los tipos actuales de vino blanco". Haga click en Ok, y en el panel inferior aparecerá la descripción de la nueva acción. (si cambia a Code View, vera la escritura actual en vez de la descripción en ingles).
Ahora necesitamos definir el URL de la actual pagina de especiales de
vino. Tenga en cuenta que estas paginas son solo hipotéticas, si esto
sucediera en la vida real tendriamos que haber creado paginas web
adicionales cuyo contenido fueran los especiales actuales para cada tipo de vino. Debido a que el URL es diferente de cada tipo de vino, necesitamos crear una variable global que representara el URL. Al hacer esto, podemos escribir el Command Button para llevar a cualquier pagina la variable global que se instalara.
Para crear esta nueva variable global, haga un click en Global Variables en el panel de Actions. Desde el menu popup, seleccione new global variable, y se indicara el nombre de la nueva variable y su valor inicial. Llamaremos a la variable "salesurl" y asignar su valor inicial en el http://www.mysite.com/redsales.html (recuerde que el vino tinto es la preferencia por defecto) para lograr esto cuando se le pida el nombre de la variable, teclee en ...
salesurl = "http://www.mysite.com/redsales.html"
...incluyendo las comillas como el que aquí aparece.
Finalmente, estamos listos para definir la segunda acción del evento
desplegable mediante un click en el vino blanco (nuestra acción debe estar enlistada en el panel inferior). La segunda accion modificara el valor de la variables global salessurl. De este modo extienda el Global Variables en el panel Action y haga un click en nuestra variable sensurl. Luego elija "insert Action" desde el panel inferior, esto apuntara hacia un nuevo valor, donde introduciremos el URL correcto para nuestros especiales de vino blanco, como
http://www.mysite.com/whitesales.html
Hemos definido dos acciones para el evento destinado a activar mediante un click la opción vino blanco, debemos para los objetos rosado y tinto. En cada caso debemos cambiar el titular y el valor salesurl que se reflejara en cada tipo de vino.
Ahora se debe escribir el CommandButton para abrir una página web
nueva en un evento click. Este procedimiento es sencillo: el panel Evento, expanda el objeto gosales. Se tiene también un evento click. Destaque este evento. En el panel Action, expanda el objeto Window. Dentro de este, encontrara otro objeto llamada Location, que tambien tiene un signo de + para expandirlo. Dentro de este objeto localización, vera un accion llamada href. Este es la accion que queremos realizar: hara que se abra una pagina web especifica.
Destaque la accion href, y luego haga click en el botón Insert Action en el panel inferior. Se nos pedirá una cadena de texto. Esta podría ser el URL para abrir; sin embargo, recuerde que creamos una variable global que contiene el Url. En vez de ingresar una cadena de texto usaremos el href para abrir cualquier url que contenga nuestra variable salesurl. De este modo, accione el botón Custom. Ahora, se nos preguntara el nombre de un valor o una variable, y aquí podemos teclear "salesurl".
Observe que en el panel inferior se lee: "Go to page salesurl". De un click en el botón Ok en la parte inferior de ahora Script Wizard, y el Control Pad insertara en el documento todo el html de nuestro Script.
Eso es todo hemos creado una pequeña pagina web que tiene dos
controles de activex distintos. A partir de ahora, todo es cuestion de estudiar los controles adicionales, algunos de los cuales son mas largos y mas complicados, pero conducen a resultados mas deslumbrantes. No se
desilusionen pero es necesario contar con el Script wizarD para poder crear todo lo que podemos hacer anteriormente descrito y además el Control Pad que es nuestro editor.
