Documente Academic
Documente Profesional
Documente Cultură
Por defecto, ocupa todo el ancho de la pantalla, tiene una lnea de altura y el texto se mueve lentamente de derecha a izquierda. Los atributos WIDHT y HEIGHT permiten controlar el ancho y el alto de la marquesina y pueden expresarse en pixeles o porcentualmente. El atributo ALIGN permite alinear el texto que rodea la marquesina, y puede tener los siguientes valores: top (arriba), middle (centrado) bottom (abajo). Los atributos HSPACE y VSPACE definen la separacin horizontal y vertical del texto con los bordes de la marquesina:
<marquee width="50%" height="60" align="bottom"> ... texto ... </marquee>
El color de fondo puede establecerse con el atributo BGCOLOR o, utilizando el atributo STYLE, podemos establecer cualquier propiedad, de manera similar al resto de las etiquetas HTML:
<marquee style="...propiedades..."> ... texto ... </marquee>
Para controlar ms efectivamente las marquesinas, existen una serie de atributos especiales: DIRECTION se utiliza para modificar la direccin hacia la que se dirige el texto. Puede ser left (el valor por defecto), right, up o down:
<marquee direction="right"> ... texto ... </marquee>
Con el atributo SCROLLDELAY se define el tiempo entre cada movimiento expresado en milisegundos:
<marquee scrolldelay="300"> ... texto ... </marquee>
LOOP indica el nmero de veces que aparecer el texto y por defecto, es infinito. Con SCROLLAMOUNT controlamos la cantidad de desplazamiento del texto en cada movimiento de avance. Cuanto mayor es el nmero, ms rpido avanza::::::: Por ltimo, el atributo BEHAVIOR (comportamiento) sirve para definir de que manera se va a efectuar el desplazamiento y puede tener los siguientes valores:
scroll (valor por defecto), aparece por un lado, se desplaza hasta el otro, desaparece y vuelve a empezar slide aparece por un lado, se desplaza y se detiene (slo funciona en Internet Explorer). alternate se desplaza alternativamente hacia un lado y el otro.
Por ltimo, el atributo BEHAVIOR (comportamiento) sirve para definir de que manera se va a efectuar el desplazamiento y puede tener los siguientes valores:
scroll (valor por defecto), aparece por un lado, se desplaza hasta el otro, desaparece y vuelve a empezar slide aparece por un lado, se desplaza y se detiene (slo funciona en Internet Explorer). alternate se desplaza alternativamente hacia un lado y el otro. Las marquesinas no slo pueden contener textos, tambin pueden contener otros elementos, por ejemplo, imgenes, vnculos o tablas:
Podemos controlar una marquesina mientras se ejecuta? Aqu hay un ejemplo simple, mediante dos pseudo-botones, logramos cambiarle la direccin:
<marquee id="ejemplo" direction="up"> ... contenido ... </marquee> <a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='down';"> Hacia abajo </a> <a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='up';"> Hacia arriba </a>
Dddddddddddddddddddddddddddddddddddddd
Nota. Esta especificacin incluye informacin ms detallada sobre formularios en las subsecciones sobre representacin de formularios.
17.2 Controles
Los usuarios interaccionan con los formularios a travs de los llamados controles. El "nombre de control" de un control viene dado por su atributo name. El "campo de accin" o alcance del atributo name de un control contenido en un elemento FORM es el elemento FORM. Cada control tiene tanto un valor inicial como un valor actual, que son ambos cadenas de caracteres. Consulte la definicin de cada control para obtener informacin sobre los valores iniciales y las posibles restricciones que puede imponer cada control sobre sus valores. En general, el "valor inicial" de un control puede especificarse con el atributo value del elemento de control. Sin embargo, el valor inicial de un elemento TEXTAREA viene dado por sus contenidos, y el valor inicial de un elemento OBJECT de un formulario est determinado por la implementacin del objeto (es decir, se sale fuera del alcance de esta especificacin). El "valor actual" del control se hace en primer lugar igual al valor inicial. A partir de ese momento, el valor actual del control puede ser modificado a travs de la interaccin con el usuario y mediante scripts. El valor inicial de un control no cambia. As, cuando se reinicializa el formulario, el valor actual de cada control se reinicializa a su valor inicial. Si el control no tiene un valor inicial, el efecto de una reinicializacin del formulario sobre ese control es indefinido. Cuando se enva un formulario para su procesamiento, para algunos controles se empareja su nombre con su valor actual, y estas parejas se envan con el formulario. Aquellos controles cuyas parejas nombre/valor se envan se llaman controles con xito.
botones de envo (submit buttons): Cuando se activa, un botn de envo enva un formulario. Un formulario puede contener ms de un botn de envo. botones de reinicializacin (reset buttons): Cuando se activa, un botn de reinicializacin reinicializa todos los controles a sus valores iniciales.
botones pulsadores (push buttons): Los botones pulsadores no tienen un comportamiento por defecto. Cada botn pulsador puede tener asociados scripts en el lado del cliente a travs del atributo event del elemento. Cuando ocurre un evento (p.ej., el usuario aprieta el botn, lo suelta, etc.), se acciona el script asociado. Los autores deberan especificar el lenguaje de programacin del script de un botn pulsador a travs de una declaracin de scripts por defecto (con el elemento META).
Los autores crean botones con el elemento BUTTON o el elemento INPUT. Consulte las definiciones de estos elementos para ms detalles sobre cmo especificar diferentes tipos de botones. Nota. Los autores deberan observar que el elemento BUTTON ofrece posibilidades ms ricas de representacin que el elemento INPUT. casillas de verificacin (checkboxes) Las casillas de verificacin (y los radiobotones) son interruptores de encendido/apagado que pueden ser conmutados por el usuario. Una casilla de verificacin est "marcada" cuando se establece el atributo checked del elemento de control. Cuando se enva un formulario, solamente pueden tener xito los controles de casillas de verificacin que estn marcadas. Varias casillas de verificacin de un formulario pueden compartir el mismo nombre de control. As, por ejemplo, las casillas de verificacin permiten a los usuarios elegir varios valores para la misma propiedad. Para crear un control de casilla de verificacin se utiliza el elemento INPUT . radiobotones (radio buttons) Los radiobotones son como las casillas de verificacin, excepto en que cuando varios comparten el mismo nombre de control, son mutuamente exclusivos: cuando uno est "encendido", todos los dems con el mismo nombre se "apagan". Para crear un control de radiobotn se usa el elemento INPUT. Si ninguno de los radiobotones de un conjunto que comparten el mismo nombre tiene un valor inicial de "encendido", el comportamiento del agente de usuario al elegir cul es el control que est inicialmente "encendido" queda sin definir. Nota. Debido a que las implementaciones existentes tratan este caso de formas diferentes, la especificacin actual difiere de RFC 1866 ([RFC1866] seccin 8.1.2.4), que dice: En cualquier momento, exactamente uno de los radiobotones de un conjunto est marcado. Si ninguno de los elementos <INPUT> de un conjunto de radiobotones especifica 'CHECKED', entonces el agente de usuario debe marcar el primer radiobotn del conjunto inicialmente.
Al diferir los comportamientos de los agentes de usuario, los autores deberan asegurarse de que en cada conjunto de radiobotones hay uno que inicialmente est "encendido". menes (menus) Los menes ofrecen al usuario opciones entre las cuales elegir. El elemento SELECT crea un men, en combinacin con los elementos OPTGROUP y OPTION. entrada de texto (text input) Los autores pueden crear dos tipos de controles que permiten a los usuarios introducir textos. El elemento INPUT crea un control de entrada de una sola lnea, y el elemento TEXTAREA crea una control de entrada de varias lneas. En ambos casos, el texto introducido se convierte en el valor actual del control. seleccin de ficheros (file select) Este tipo de control permite al usuario elegir ficheros de modo que sus contenidos puedan ser enviados con un formulario. Se usa el elemento INPUT para crear un control de seleccin de ficheros. controles ocultos (hidden controls) Los autores pueden crear controles que no se muestran pero cuyos valores se envan con un formulario. Los autores usan normalmente este tipo de controles para almacenar informacin entre intercambios cliente/servidor que de otro modo se perdera debido a la naturaleza no persistente del protocolo HTTP (ver [RFC2616]). Para crear un control oculto se usa el elemento INPUT. controles tipo objeto (object controls) Los autores pueden insertar objetos genricos en los formularios de modo que los valores asociados se enven junto con los dems controles. Los autores crean controles tipo objeto con el elemento OBJECT. Los elementos utilizados para crear controles aparecen normalmente dentro de un elemento FORM, pero tambin pueden aparecer fuera de la declaracin de un elemento FORM cuando se utilizan para construir interfaces de usuario. Sobre esto se habla en la seccin sobre eventos intrnsecos. Obsrvese que los controles que estn fuera de un formulario no pueden ser controles con xito.
Etiqueta inicial: obligatoria, Etiqueta final: obligatoria Definiciones de atributos action = uri [CT] Este atributo especifica un agente procesador de formularios. El comportamiento del agente de usuario frente a un valor diferente de un URI HTTP es indefinido. method = get|post [CI] Este atributo especifica qu mtodo HTTP se usar para enviar el conjunto de datos del formulario. Los valores posibles (que no distinguen entre maysculas y minsculas) son "get" (valor por defecto) y "post". Vase la seccin sobre envo de formularios para informacin sobre su uso. enctype = tipo de contenido [CI] Este atributo especifica el tipo de contenido usado para enviar el formulario al servidor (cuando el valor del atributo method sea "post"). El valor por defecto de este atributo es "application/x-www-form-urlencoded". El valor "multipart/formdata" debera usarse en combinacin con el elemento INPUT, type="file". accept-charset = lista de codificaciones de caracteres [CI] Este atributo especifica la lista de codificaciones de caracteres para los datos introducidos que son aceptadas por el servidor que procesa este formulario. El valor es una lista de valores de codificaciones de caracteres separadas por espacios y/o comas. El cliente debe interpretar esta lista como una lista o-exclusiva, es decir, el servidor es capaz de aceptar cualquier codificacin de caracteres individual por entidad recibida. El valor por defecto de este atributo es la cadena reservada "UNKNOWN" ("desconocido"). Los agentes de usuario pueden interpretar este valor como la codificacin de caracteres que fue usada para transmitir el documento que contiene este elemento FORM. accept = lista de tipos de contenido [CI] Este atributo especifica una lista de tipos de contenido separados por comas que un servidor procesador de formularios manejar correctamente. Los agentes de usuario pueden utilizar esta informacin para filtrar ficheros no conformes cuando pidan al usuario seleccionar ficheros para enviar al servidor (vase el elemento INPUT cuando type="file"). name = cdata [CI] Este atributo da nombre al elemento de modo que se pueda hacer referencia a l desde hojas de estilo o scripts. Nota. Este atributo ha sido incluido por motivos de
compatibilidad con versiones anteriores. Las aplicaciones deberan usar el atributo id para identificar elementos.
form action="mailto:emaildelaempresaquehaceelformulario@email.com" method="post" enctype="text/plain"> Nombre: <input type="text" name="nombre" size="25" maxlength="50"><br><br> Apellidos: <input type="text" name="apellidos" size="35" maxlength="100"> <br><br> Correo electrnico: <input type="text" value="@" name="correo" size="40" maxlength="100"> <br><br> Poblacin: <input type="text" name="poblacion" size="15" maxlength="50"> <br><br> Provincia: <input type="text" name="provincia" size="15" maxlength="50"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td>Edad: <br> <input type="radio" name="edad" value="020"> 0-20 <br> <input type="radio" name="edad" value="2040" checked> 20-40 <br> <input type="radio" name="edad" value="4060"> 40-60 <br> <input type="radio" name="edad" value="60100"> 60-100</td> <td>¿Cómo nos conociste?<br> <input type="checkbox" name="conocer"> A través de un amigo.<br> <input type="checkbox" name="conocer"> A través de un buscador.<br> <input type="checkbox" name="conocer"> Navegando por la red.<br> <input type="checkbox" name="conocer"> Otros</td> </tr> </table> Opinin sobre nuestra página web<br> <textarea cols="40" rows="5" name="opinion">Escriba aqu su opinin...</textarea> <br><br> Tiene alguna sugerencia... <br> <textarea cols="40" rows="5" name="sugerencias">Escriba aqu sus sugerencias...</textarea> <br><br> ¿Cúanto navegas por intenet? (Señala la opción que más se acerque)<br> <select name="frecuencia" size="2"> <option value="1">2 horas al da. <option value="2">4 horas al da. <option value="3">10 horas a la semana.
<option value="4">20 horas al mes. </select> <br> <br> <table width="50%" border="0" align="center" cellpadding="10" cellspacing="0"> <tr> <td><div align="center"> <input type="submit" value="Enviar formulario"> </div></td> <td><div align="center"> <input type="Reset" value="Borrar formulario"> </div></td> </tr> </table> </form> llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
es decir, el directorio com en paralelo con el fichero ejemplo-applet.html y debajo de com toda la estructura chuidiang/ejemplos/applet/EjemploApplet.class En el tag <applet> de la pgina html hemos puesto en el atributo code el nombre de nuestra clase, con todos sus package delante.
Eso s, todos estos jar deben estar subidos junto a nuestra pgina html.
Acceso a recursos
Como hemos comentado, el Applet slo puede acceder a recursos que estn en el servidor web donde est alojado. Sin embargo, tampoco puede acceder a esos ficheros, iconos o lo que sea como si fueran ficheros normales, puesto que el disco duro del servidor no est directamente accesible. Cualquier acceso del Applet debe hacerse a travs del servidor web, usando el protocolo http. Para facilitar este acceso, la clase JApplet tiene mtodos que nos facilitan estos accesos al servidor web a travs de http. Algunos de estos mtodos son play() y getAudioClip() para acceso a ficheros de sonido, getImage() para acceso a imgenes, etc. Al ser a travs de servidor web, NO podemos escribir en el servidor. As que no podemos abrir un fichero del servidor y escribir en l. En cuanto a conexiones a base de datos, podemos acceder a una base de datos que est alojada en el mismo servidor web que nuestro Applet, pero NO podemos abrir conexiones con ningn otro sitio.
Ejemplo de applet
El cdigo que aparece a continuacin muestra la implementacin en Java del programa que muestra en la ventana principal del navegador la frase ``Hola Mundo en Java":
/** * Applet Hello World */ import java.applet.Applet; import java.awt.Graphics; public class AppletSimple extends Applet{ public void paint(Graphics g){ g.drawString("Hola Mundo en Java", 50, 25); } }
El primer paso para manipular un applet Java es compilarlo ejecutando en la lnea de comandos la instruccin
>javac AppletSimple.java
El fichero .class resultante de la compilacin, se ha de incrustar en un fichero para ser ejecutado por un navegador. En este caso las etiquetas a utilizar son <APPLET> y </APPLET>. El siguiente cdigo HTML contine la estructura de la etiqueta para el ejemplo que nos ocupa (est almacenado en un fichero con nombre html.html).
<html> <head> <title> Un applet simple </title> </head> <body> <p> A continuacin est la salida del programa </p> <applet code="AppletSimple.class" width="300" height="100"> No hay disponible un intrprete de Java </applet> </body> </html>
Llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
La etiqueta <object>
Las pginas Web, en su constante evolucin. Han pasado de ser unos simples documentos, a verdaderas presentaciones multimedia, dotadas de imagenes, videos, sonidos, animaciones e incluso realidad virtual. Las caractersticas multimedia del HTML posibilitan a los programadores poner en sus pginas web, pequea aplicaciones (programas que se descargan automticamente y se ejecutan el ordenador del usuario), videos cortos como por ejemplo videoclips, trailers, ltimamente est de moda los documentos flash y todo tipo de videos y/o animaciones. Para normalizar la inclusin de ficheros, HTML 4 introduce la etiqueta OBJECT, que ofrece una solucin universal para la inclusin de objetos genricos. Object sustituye las etiquetas applet, bgsound, embed, etc. Siendo una etiqueta ms moderna y flexible. Sin embargo la polmica entre las diversos navegadores contina. Mediante la etiqueta object definimos un objeto o un componente externo que tiene como misin la reproducion del fichero. Normalmente, un navegador (Aunque sea capaz de reconocer la etiqueta OBJET) no podr mostrar el contenido de un OBJECT a menos que tenga el correspondiente Plug-In instalado.
Insertando una imagen con la etiqueta <object> Por ejemplo, si queremos adjuntar una imagen png en un documento, el programador puede escribir el siguiente cdigo:
<object data="img/noche.png" type="image/png"> <em>Noche estrellada</em> </object> Nota: no funciona en el Enternet Explorer 6.0
se muestrar:
classid="identificador_objeto". Fija la URL del objeto o componente externo necesario para reproducir el fichero de audio, y la implementacin CLSID de los controles ActiveX necesarios. type="tipo_fichero". Indica el tipo de fichero de audio que ejecutoa. width="n". Fija la anchura en pxel de la consola. height="n". Fija la altura en pxels de la consola align="top / bottom / center / baseline / left / right / texttop /middle / absmiddle / absbotom". Similar la etiqueta img, indica la alineacin vertical y/o de la consola. hspace="hs". Indica la separacin horizontal en pixels entre la consola los elementos que la rodean, vspace="vs". Indica la separacin vertical, en pixels, entre la consola y los elementos de la pgina que la rodean. autostart="true/false". Asigna si se comienza la reproduccin del fichero automticamente al cargarse la pgina o si se requiere la intervencin del usuario para empezara la ejecucin del archivo de audio. standby="mensaje". Muestra un mensaje en pantalla mientras se carga el fichero.
param name="FileName" value="ruta_fichero". Indica el nombre del fichero y la ruta del fichero de audio a reproducir param name="autostart" value="true/false". Asigna si el navegador comenzara a reproducir sonido automticamente al cargar la pgina o si ser el usuario el que pulse el botn play .
Cabe mencionar que estos no son todos los atributos y parmetros que existen para esta etiqueta. Se pueden encontrar mas atributos y parmetros tanto en paginas oficiales, as como en otros manuales. Este ejemplo funciona en navegadores como Firefox pero on Explorer 6.0:
<object data="t-rex.wav" type="sound/wav" autostart="false" width="200" height="40"> (Sonido de un Tiranosaurio enfadado) </object>
Kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
negras para resolver los problemas de compatibilidad entre los diferentes navegadores, pero es que adems existen discrepancias mucho ms amplias de lo normal entre los distintos fabricantes de navegadores al respecto de los estndares de codificacin (los "codecs") de vdeo. Para poder hacer un sitio HTML5 que funcione bien necesitaremos tener en cuenta la forma en que implementan los navegadores actuales, como Chrome 4, Firefox 4 e Internet Explorer 9 los estndares de vdeo para la web y tambin tendremos que resolver el problema de la reproduccin en los navegadores antiguos.