MANUAL DE HTML PARTE II

15. FORMULARIOS <FORM> Son plantillas en las que se introducen datos para mandarlos al servidor. Cada dato es un par: nombre/valor, donde "nombre" indica el campo, y "valor" de los datos introducidos. La estructura de un formulario es la siguiente: <FORM ACTION="RUTA/programa" METHOD="metodo"> <INPUT TYPE="tipo" NAME="nombre" VALUE="valor"> <INPUT TYPE="tipo" NAME="nombre" VALUE="valor"> ... .... </FORM> Los atributos del elemento FORM son: METHOD: Indica el mtodo para el intercambio de datos entre el cliente y el programa. Existen 2 tipos, POST y GET. Los elementos que se utilizan para construir formularios son: INPUT Define un campo de entrada de datos (no posee etiqueta de fin). Sus atributos son: TYPE: Indica el tipo de dato a meter: Text (texto) password (clave) checkbox (caja de seleccin) radio (crculo de eleccin) submit (enviar datos) reset (borrar los datos introducidos) NAME: Indica el nombre simblico asociado al campo. VALUE: Indica el lugar donde se almacenan los datos introducidos. SIZE: Anchura de la ventana. MAXLENGHT: Nmero de caracteres mximo permitido en la ventana. SELECT Define una lista de elementos para seleccionar. Debe haber una etiqueta OPCION por cada elemento de la lista. Sus atributos son: NAME: Nombre del elemento. SIZE: Nmero de elementos que aparecen cada vez. MULTIPLE: Para la eleccin de ms de un elemento. OPTION Definicin de cada elemento de una lista. TEXTAREA Definicin de un campo rectangular para escribir mensajes largos.

Sus atributos son: NAME: Nombre simblico. ROWS: Nmero de filas. COLS: Nmero de columnas Ejemplo: <FORM ACTION="/cgi-bin/cuestionario.pl" METHOD="post"> 1. Nombre<P> <INPUT TYPE="text" NAME="nombre"> <P> 2. Estado civil <P> <INPUT TYPE="radio" NAME="edo_civil" value="casado">Casado <BR> <INPUT TYPE="radio" NAME="edo_civil" value="soltero">Soltero <BR> <P> 3. Aficiones: <P> <SELECT NAME="aficiciones"> <OPTION NAME="deportes">Deportes <OPTION NAME="toros">Toros <OPTION NAME="cine">Cine </SELECT> <P> 4. Comentarios <P> <TEXTAREA NAME="comentarios" ROWS=10 COLS=50 WRAP=virtual> </TEXTAREA> <P> <INPUT TYPE="reset" VALUE="borrar"> <INPUT TYPE="submit" VALUE="enviar"> </FORM>

16. FRAMES (DIVISIONES POR CUADROS) Con los frames es posible dividir la pantalla del navegador en varios cuadros (frames) permitiendo mostrar una direccin (URL) distinta en cada una de ellas. En cada frame se nos permite: Mostrar su propia direccin (URL), diferenciada del resto de los frames de la pantalla. De esta manera tendrn asociado un nombre, que las distinguirn del resto de los frames de la pantalla y permitir hacer interconexiones entre los distintos cuadros. Por ejemplo, si tenemos una pgina que comprenda a tres frames, podramos hacer que dos de los frames se mantuvieran fijos y uno presentara informacin dinmica. Quiz el frame 1 sirve men general el 2 de submen y el 3 donde se proyecta la informacin del men o submen. En el caso que se cambie el tamao de la ventana, se podr determinar si el frame se ajusta a este tamao o mantiene su tamao intacto. Vase la siguiente direccin: http://www.camaradediputados.gob.mx

El uso de los frames es til para cierto tipo de documentos, pero puede llegar a dificultar la navegacin. Dentro de un documento con frames no tendra gran utilidad los botones de documento previo (back) ni documento siguiente (forward), ya que ambos nos trasladaran fuera del documento con frames. Para ver el documento previo en una de los frames debemos utilizar el botn derecho del ratn sobre ella y seleccionar la opcin volver en el frame (Back in Frame). Esto hace que cuando se utilicen frames haya que cuidar la correcta transicin entre documentos. No todos los navegadores pueden mostrar documentos con frames, solo son interpretables por el Netscape 2.0 o superior y el Internet Explorer 3.0 o superior. Por tanto en este caso si se quiere que el documento sea accesible por gran cantidad de usuarios de debe crear un documento con frames y otro sin ellas, usando la etiqueta <NOFRAMES>. 16.1 ESTRUCTURA DE FRAMES Un documento con frames se define de manera diferente a un documento normal, en este caso no se define la etiqueta BODY. Su estructura es la siguiente: <HTML> <HEAD> Definiciones de la cabecera </HEAD> <FRAMESET> Definicin de los frames que forman el documento y de los archivos que incluye cada una. </FRAMESET> <NOFRAMES> Instrucciones HTML que se mostrar en los navegadores que no soporten frames. </NOFRAMES> </HTML> Dentro de la etiqueta <NOFRAME> se podr incluir una explicacin de que el documento solo es visible con el navegadores que soporten frames, o bien incluir una versin del documento que se muestre sin necesidad de frames. 16.2 <FRAMESET ...> Definicin de las frames. Con esta instruccin definiremos los frames que formarn el documento, su sintaxis es similar a la de las tablas, pero con la diferencia de que cada divisin es autnoma permitiendo definir muy distintos tipos de frames. Su formato es el siguiente: COLS=Lista de las Columnas <FRAMESET ROWS=Lista de las Filas> <FRAME SRC=URL_1 NAME="Nombre de la frame1"> <FRAME SRC=URL_2 NAME="Nombre de la frame1"> ... <FRAME SRC=URL_N NAME="Nombre de la frameN"> </FRAMESET>

ROWS: Se definir separado por comas el tamao de cada una de las frames. De esta forma se dividir la pantalla de forma horizontal, segn cada una de las filas definidas. El tamao del frame, puede expresarse de las siguientes formas: En valor absoluto, que indicar el tamao en puntos de la pantalla. En este caso si todos los frames se indican de este modo, los valores se ajustarn para que los frames ocupen la totalidad del espacio de la ventana del navegador, no guardando siempre la proporcin con la que se definen los frames. (NO ES PROPORCIONAL AL TAMAO DE LA PANTALLA) Otra forma es utilizando valores por centuales sobre el tamao de la ventana, en este caso si los porcentajes suman un valor distinto del 100%, se ajustarn para que coincidan con el tamao de la ventana. Se podr combinar con el apartado anterior de forma que algunas frames se definan en valor absoluto y otras en porcentaje. (% ES PROPORCIONAL AL TAMAO DE LA PANTALLA) De forma relativa con el smbolo * que indica el tamao restante de la ventana. Si se indica un frame como 200 y otro como *, el primero ocupar 200 pixeles y el segundo el espacio restante. Se puede combinar con las definiciones anteriores. Como se ha visto en el apartado anterior con la etiqueta FRAME definiremos el documento que se mostrar en un cuadro y su nombre. Esta etiqueta presenta adems algunos otros atributos: <FRAME SRC="URL" NAME="Nombre de la frame" MARGINWIDTH="ancho del margen" MARGINHEIGHT="alto del margen" SCROLLING=YES | NO | AUTO NORESIZE> URL: Especifica el documento HTML o archivo que se mostrar en el frame definido. Si no se especifica documento alguno se mostrar el frame vaco. NAME: Indica el nombre del frame. Este nombre es importante ya que se usar para los hiperenlaces o ligas (normalmente en los documentos de los otros frames) para indicar el frame de destino del documento. Si no se indica el nombre solo se podr mostrar el documento actual, sin que sea posible cambiarlo mediante hiperenlaces. MARGINWIDTH: Indica el ancho del margen, este atributo es opcional y normalmente el navegador ajusta todos los mrgenes al mismo tamao, si se especifica su valor ser en puntos de la pantalla. MARGINHEIGHT: Igual que en el caso anterior pero para el alto de los mrgenes. Lo normal es no especificar ninguno de estos dos atributos. SCROLLING: Indica si el frame tendr o no una barra de scroll, la barra de scroll se muestra en el lateral y permite el desplazamiento por el documento, pulsando con el ratn en ella. Si toma el valor YES, siempre se mostrar esta barra, para el valor AUTO solo se mostrar si el documento no cabe en el frame presentado en pantalla, si es necesario. Y por ltimo NO indica que en ningn caso se muestre la barra de scroll. Si no se indica nada se toma por defecto el valor AUTO.

NORESIZE: Indica que el frame no debe ser variada de tamao por el usuario, se puede variar el tamao de un frame situando el cursor del ratn encima y arrastrando en la direccin deseada. Con este atributo el usuario no podr cambiar el tamao del frame en ningn caso. Por defecto todas las frames pueden variar su tamao. TARGET: Atributo para indicar el frame de destino, en que cuadro (FRAME) se va a presentar la informacin. El uso de frames introduce un nuevo atributo a alguna de las etiquetas especificadas con anterioridad, este atributo es TARGET que indicar el frame de destino de la operacin. Normalmente, en pginas sin frames, cuando se segua un hiperenlaces este se mostraba en la misma ventana del navegador sustituyendo el documento actual. Con los frames se puede especificar que cuadro presentar la informacin dinmica, no necesariamente debe ser el mismo frame donde suceda el cambio. Como nombre del frame su usar el nombre que se especifico en el atributo NAME de la etiqueta FRAME. Estas instrucciones se utilizarn normalmente en los documentos que se incluyen dentro de los frames. Las etiquetas que permiten el uso de TARGET son las siguientes: <A HREF="url" TARGET="frame"> BASE: Indicar el frame en el que se mostrar por defecto todos los hiperenlaces del documento actual. Se debe especificar en la cabecera del documento (HEAD). <BASE TARGET="frame"> AREA: En la definicin de imgenes sensibles en el cliente, se indica el frame donde se ver el documento que se activa en la zona correspondiente de la imagen. <AREA SHAPE=RECT COORDS="x,y,..." HREF="url" TARGET="frame"> FORM: Indicar el frame de destino del resultado del formulario. <FORM ACTION="url" TARGET="frame"> Existen unos valores especiales de TARGET que nos permitirn definir destinos distintos a los frames definidos. Estos valores son los siguientes: TARGET="_blank": Indica que se muestre en una nueva ventana vaca, para seguir el enlace se lanza otra ventana distinta del navegador. TARGET="_self": Se mostrar en la misma ventana o frame que lo referencia, se puede usar para modificar el valor dado por BASE.

TARGET="_parent": Se muestra en el frame o estructura de frames que llam al documento actual. TARGET="_top": Indica que se muestre en la ventana completa, eliminando la estructura de frames que tenga la ventana Ejemplo: <HTML> <HEAD> <TITLE>Tecnol&oacute;gico de Monterrey, Campus Estado de M&eacute;xico: Proyecto Internet</TITLE> </HEAD> <FRAMESET FRAMEBORDER="0" BORDER=0 FRAMESPACING="0" COLS="132,*">

<FRAME SRC="izq.html" NAME="izquierda" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"> <FRAME SRC="index1.html" NAME="pantalla" MARGINWIDTH=10 MARGINHEIGHT=10 RESIZE SCROLLING="yes"> </FRAMESET> </FRAMESET> <NOFRAME> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>PROYECTO INTERNET</TITLE> <META NAME="GENERATOR" CONTENT="User-Agent: Mozilla/3.0Gold (Macintosh; I; 68K)"> </HEAD> <BODY TEXT="#000000" BGCOLOR="#ffffff" LINK="#FFFFAA" VLINK="#33EEFF"> Lo sentimos, pero esta p&aacute;gina esta dise&ntilde;ada para programas clientes que soporten estructuras en <i> FRAMES </i>. Por el momento puede visitar nuestra versi&oacute;n sencilla en: <A HREF="index1.html">C&aacute;mara de Diputados </A>. </BODY> </HTML>

17- INSERCIN DE ELEMENTOS MULTIMEDIA "Multimedia " Como se ha explicado hasta ahora las posibilidades multimedia del lenguaje HTML se limita a insertar imgenes dentro de un texto, mostrar un fondo en el documentos y modificar los colores que presentarn los distintos textos. Con las instrucciones bsicas de HTML que hemos visto hasta ahora esto es lo mximo que se puede conseguir, la posibilidad de mostrar vdeo o sonido en un documento HTML esta limitada a la capacidad y a la configuracin del navegador. La forma bsica de incluir un archivo de un formato no reconocido por el navegador es incluirlo en una liga o hiperenlace de forma que cuando el usuario siga el hiperenlace el programa navegador llame a una aplicacin externa que trate este tipo de archivos. El navegador tendr definida una lista aplicaciones que trabajarn con los formatos ms comunes de vdeo, audio o imgenes. Esta opcin es poco operativa ya que no podran incluirse en el documento actual. El Internet Explorer de Microsoft incluye una serie de etiquetas y atributos que permiten el uso de elementos multimedia, pero no es estndar y se puede asegurar que no ser posible verlos en maquinas distintas a los PC con windows, ni en navegadores distintos a este. Otra aproximacin la ha realizado Netscape con la inclusin de los Plug-ins, estos son programas que se aaden al navegador de Netscape versin 2.0 o superior y permiten tratar diversos tipos de archivos. De esta forma podr insertarse estos tipos de archivos dentro de una pgina HTML, permitiendo mostrar vdeo en distintos formatos (mpeg, avi, mov), interpretar sonido, en varios formatos (au, mid, ), incluir archivos de Adobe Acrobat (pdf), mostrar archivos VRML, etc... El principal problema es que estos plug-in no son estndar ni estn realizados por el mismo fabricante, ni son todos de libre distribucin, y adems solo son validos hasta ahora en PC"s con windows. Adems la correcta visin del documento depender de que el usuario disponga del plug-in correspondiente instalado. Apartir de la versin de Netscape 3.0, se incluyen por default plug-in"s para audio, vdeo y VRML, por lo tanto entre ms se extienda el uso de este navegador se podra asegurar la reproduccin de este tipo de arcivos. Extensiones Multimedia de Internet Explorer El Internet Explorer de Microsoft permite mostrar vdeo en formato AVI y reproducir sonido, de una forma sencilla, para eso aade una nueva etiqueta y un atributo a la etiqueta de mostrar imgenes. <BGSOUND ...> Reproduccin de audio <BGSOUND SRC="archivo de sonido" LOOP= n INFINITE> Incluiremos una nica vez esta etiqueta en el arcivo que deseemos presente msica de fondo. En el atributo SRC se indicar el archivo de audio que se debe reproducir. El archivo podr ser de formato .wav, .au o MIDI (.mid). El atributo LOOP indica cuantas veces se ejecutar la pieza musical, podr indicarse un nmero o INFINITE que indicar de forma indefinida. <IMG DYNSRC ...> Reproduccin de vdeo <IMG DYNSRC="archivo de sonido" LOOP= n INFINITE CONTROLS START= FILEOPEN MOUSEOVER> En este caso es un nuevo atributo para la etiqueta IMG, caso de existir este, en vez de mostrar una imgen mostrar un vdeo en formato AVI (Vdeo for Windows), se puede utilizar todas los atributos normales de IMG, pudiendo usar las distintas alineaciones y colocaciones respecto al texto, adems se podr variar el tamao del vdeo con los atributos HEIGHT y WIDTH.

Se aaden otros atributos que solo se pueden aplicar al vdeo, el atributo IMG SRC indica el url del archivo que se mostrar. El atributo LOOP indica el nmero de veces que se mostrar el vdeo. El atributo CONTROLS indicar si se mostrarn los botones de control, que permitirn volver a reproducir, regresar, .... El atributo START indica si la secuencia de vdeo empezar al abrir el archivo (FILEOPEN) o cuando pase el cursor del ratn encima (MOUSEOVER). De no poder mostrar el vdeo por tratarse de otro navegador (por ejemplo Netscape), se podr indicar una imgen que se muestre de manera alternativa, incluyendo el atributo SRC. Plug-in's Plug-in es un programa que extiende las capacidades del navegador de Netscape en un modo especfico, dado por ejemplo la capacidad de mostrar vdeo, audio, archivos de un determinado formato (archivos PDF, presentaciones de ASAP, archivo VRML, etc ...). No existe actualmente un conjunto estndar de plug-in"s para cada tipo de documentos, sino que existen diversas aplicaciones, realizadas por diversos fabricantes, y no todas de libre distribucin. Se puede asegurar que todas las aplicaciones sern compatibles y si por ejemplo se referencia un archivo de sonido en formato .wav en su pgina, este podr ser odo por todos aquellos que tengan un plug-in para este tipo de formatos. Para que un documento multimedia que es incluido en una pgina sea visible por el usuario debe cumplir dos condiciones: -La primera es que posea el navegador de Netscape en su versin 2.0 o superior y la segunda es: -Contar con el plug-in correspondiente que trata el documento deseado. Por tanto se recomienda un uso moderado de los plug-in"s utilizando archivos que sean de formatos comunes y un uso complementario en una pgina, ya que muchos usuarios no podrn verlo, o escucharlo. Es aconsejable incluir un enlace en el que se referencie el archivo, de esta forma un usuario podr seguir el enlace y ver el documento en un visualizador externo si lo posee. Existe una instruccin que permite incluir cualquier tipo de archivo dentro de los documentos HTML. <EMBED> Insertar archivos Esta instruccin permite la inclusin de cualquier tipo de documento en la posicin del documento HTML donde se especifique. Su funcionalidad es similar a la IMG para incluir imgenes. En este caso para que pueda mostrarse el archivo deber tener el plug-in adecuado que lo interprete. El formato es el siguiente: <EMBED SRC="URL del archivo" WIDTH=n n% HEIGHT=n n%> En el atributo SRC se indicar el archivo que se desea mostrar, y los atributos WIDTH y HEIGHT se indicar el tamao que tendr en objeto insertado, siendo estos opcionales. El archvio que podr ser vdeo, audio, imgen de algn tipo distinto a los que se presentan por default, archivo de presentaciones, etc... solo podr ser visto por el usuario si este posee el plugin correspondiente que trata ese tipo de documentos, en caso contrario mostrar un mensaje de error indicando al usuario que debe proveerse de ese plug-in para poder consultar el documento de forma correcta.

En el caso que se pueda mostrar el plug-in se incluir en la zona del documento que se indic pudiendo as de este modo insertar dentro de un documento HTML pelculas de vdeo o incluir sonidos de fondo. Se recomienda un uso limitado de esta posibilidad, ya que existirn muchas personas que no posean el Netscape 2.0, o una versin superior y no posean el plug-in correspondiente, y por lo tanto no podrn ver los atractivos de su pgina. REFERENCIAS - http://www2.uca.es/serv/sii/sii.html UNIVERSIDAD DE CDIZ, en Espaa Servicios de Infraestructura Informtica. - http://www.sandia.gov/sci_compute/html_ref.html HTML Reference Manual - http://www.w3.org/TR/WD-html40/cover.html HTML 4.0 Specification,W3C Working Draft 17-Sep-1997