Netscape y Microsoft han añadido al estandar de HTML diversas directivas para hacer más atractiva la visualización de las páginas Web. Veremos aquí las más interesantes y la forma de usarlas.
Estas directivas pueden no funcionar en algún visor de HTML, pero el uso de ellas por parte de los dos "grandes" del software para Internet hace preveer que serán inmediatamente incluidas en las nuevas versiones de el resto de los visores.
La directiva <APPLET></APPLET> indica la ejecución de un programa (applet) externo escrito en lenguaje JAVA. Java es un lenguaje creado por Sun Microsystems que permite realizar operaciones multimedia sin incorporar nuevas directivas HTML. Los applets son muy variados, y cada uno de ellos realiza una tarea distinta. Hay applets para hacer que el texto se mueva dentro de la hoja, se contraiga y expanda, etc.... Esta directiva tiene los siguientes parámetros :
Dentro de la directiva <APPLET> se incluye la directiva <PARAM> que envía al programa Java los parámetros necesarios para su funcionamiento. Esta directiva suele tener como mínimo los parámetros :
Veamos un ejemplo en el que se ejecuta un programa Java que permite que un texto se desplaze de un lado a otro de una zona de la pantalla:
<APPLET codebase="http://www.ucm.es/java" code="Laufschrift.class" width = 350 height = 25 > <PARAM name = bg.color value = "0,255,0"> <PARAM name = message value = "**Bienvenido a mi pagina WEB - Manual de HTML**"> </APPLET> |
Si tu visor permite el uso de APPLETS verás el efecto producido en el siguiente cuadro :
Para mas ejemplos visita mi pagina de APPLETS JAVA.
La directiva <MARQUEE></MARQUEE> crea una marquesina con un texto en su interior que se desplaza. Funciona unicamente con Ms-Explorer. Sus parámetros son los siguientes :
Veamos un ejemplo de esta directiva :
<MARQUEE bgcolor = "#FFFFFF" width = 50% scrolldelay = 0 > Bienvenido a mi pagina personal en Internet. </MARQUEE> |
Nuestra página Web puede tener un sonido que se active al entrar en la página. Esta característica de Ms Explorer utiliza la directiva <BGSOUND> y tiene los siguientes parámetros :
Un ejemplo de esta directiva sería :
<BGSOUND src= "yesterday.mid" loop= infinite> |
Para utilizar esta funcion en Netscape se utiliza la directiva <EMBED>. Esta directiva se utiliza realmente para "incrustar" un objeto en nuestra pagina Web. Dicho objeto puede ser un fichero de sonido, un video, un grafico BMP, etc... Tiene los siguientes parámetros :
Un ejemplo de esta directiva sería :
<EMBED src= "yesterday.mid" loop= true autostart= true volume=50 width=50 height=15 controls=smallconsole> |
Las frames es una técnica para subdividir la pantalla del visor en diferentes ventanas. Cada una de estas ventanas se podrá manipular por separado, permitiéndonos mostrar en cada una de ellas una página Web diferente. Esto es muy util para, por ejemplo, mostrar permanentemente en una ventana los diferentes contenidos de nuestra página, y en otra ventana mostrar el contenido seleccionado.
Para definir las diferentes subventanas o frames se utilizan las directivas <FRAMESET> </FRAMESET> y <FRAME>. La directiva <FRAMESET> indica como se va a dividir la ventana principal. Pueden incluirse varias directivas <FRAMESET> anidadas con el objeto de subdividir una subdivisión. Los parámetros de <FRAMESET> son rows y cols en función de si la división de la pantalla se realiza por filas (rows) o columnas (cols). Los parámetros rows y cols se acompañan de un grupo de números que indican en puntos o en porcentaje el tamaño de cada una de las subventanas. En caso de utilizar rows los tamaños de las subventanas se entienden indicados de arriba a abajo, es decir, el primer valor será el asignado a la ventana superior, el segundo a la ventana inmediatamente inferior, etc... En el caso de cols los tamaños se aplican de izquierda a derecha.
Ejemplos | Resultado |
---|---|
<FRAMESET rows = "25%,50%,25%"> | Crea tres subventanas horizontales, la primera ocupará un 20% de la ventana principal, la segunda un 50% y la tercera un 25%. |
<FRAMESET cols = "120,*,100"> | Crea tres subventanas verticales, la primera y la tercera tendrán un "ancho" fijo de 120 y 100 puntos respectivamente. La segunda ocupará el resto de la ventana principal (*). |
| En este caso "anidamos" dos directivas. La primera divide la ventana principal en dos subventanas verticales, la primera ocupa un 15% de la ventana principal y la segunda el resto. La segunda directiva vuelve a subdividir la primera subventana creada anteriormente, pero esta vez en dos subventanas horizontales, la superior ocupará un 20% de la subventana, y la inferior el resto. |
La directiva <FRAME> indica las propiedades de cada subventana. Es necesario indicar una directiva <FRAME> para cada subventana creada. Los parámetros de <FRAME> son :
Los visores que no soportan la característica de subventanas, no mostrarán nada de lo indicado con estas directivas. Es por ello que existe una directiva llamada <NOFRAMES> </NOFRAMES>. Todo los indicado entre esta directiva será lo que muestren los visores sin capacidad para visualizar Frames. Los visores que soporten Frames obviaran las directivas incluidas entre <NOFRAMES> </NOFRAMES>.
Si su visor puede visualizar Frames tendrá en estos momentos la pantalla dividida en dos zonas independientes, en la izquierda verá el índice de materias de este manual, y en la derecha estará viendo la sección del manual que haya selecionado. En otro caso simplemente verá la sección del manual.
La definición de las Frames debe ir antes de la definición del cuerpo de documento (<BODY>).
Veamos un ejemplo completo de Frames con comentarios :
|
Al usar Frames, nos encontramos con un problema. Cuando queramos mostrar una página Web debemos indicarle al visor en que subventana queremos que se muestre. Por defecto se mostrará en la ventana donde se encuentre el enlace. Para poder escoger la subventana de destino del Hyperenlace se añade un nuevo parámetro a la directiva <A href= > </A>. Este parámetro se llama target y puede tener los siguientes valores :
Ejemplos | Resultado |
---|---|
<A href= "http://www.microsoft.com/" target = "_blank"> | Muestra la pagina de Microsoft en una nueva copia del visor |
<A href= "http://www.ibm.com/" target = "home"> | Muestra la pagina de Ibm en la subventanna llamada "home" |
<A href= "http://www.yahoo.com/" target = "_top"> | Muestra la pagina del buscador Yahoo a pantalla completa |
Un Script es un programa escrito en un lenguaje distinto al HTML que se puede incluir en una página Web "tal cual". Para incluir estos programas en una página Web se utiliza la directiva <SCRIPT> </SCRIPT>. Esta directiva tiene el parámetro language para indicar el lenguaje de programación utilizado para el Script. El código del programa debe "ocultarse" con las directivas de comentario de HTML <!-- --> con el objeto de que no sean mostradas por los visores que no reconocen la directiva <SCRIPT>. Los scripts más usados suelen estar escritos en lenguaje JAVA. Este lenguaje desarrollado por Sun Microsystems permite realizar operaciones de animación y multimedia en una página Web. Asimismo se podrán incluir con esta directiva programas escritos en C++, Perl o Visual Basic.
La inclusión de un Script en una página Web se haría de la siguiente forma :
|