Upload
placido-vivanco
View
219
Download
0
Embed Size (px)
Citation preview
El lenguaje HTML:Programación avanzada
Juan Alberto SigüenzaEscuela Técnica Superior de InformáticaUniversidad Autónoma de Madrid
Tablas (elementos básicos)
Creación de una Tabla: <TABLE></TABLE>
Asignación de filas <TR></TR>
Asignación de columnas <TD>>/TD>
Ejemplos 11, 12 y 13
HTML con Netscape Composer
Marcos (frames)
Permiten subdividir el área de visualización del browser con diferentes páginas HTML.
Puede haber una división: Horizontal: <FRAMESET COLS=30%,70%> Vertical: <FRAMESET ROWS:40%,60%> Mixta
Ejemplos 14, 15 y 16
Mapas gráficos (I)
Son imágenes sensibles al ratón.Se definen mediante coordenadas.Envian a diferentes páginas HTML al
pulsar sobre áreas distintas.Se pueden configurar utilizando
tablas.
Mapas gráficos (II)
<MAP NAME = Colores><AREA SHAPE = “POLY” COORDS =“x1y1x2y2x3y3” HREF=“pag1.html”><AREA SHAPE = “RECT” COORDS =“x1y1x2y2” HREF=“pag2.html”><AREA SHAPE = “CIRCLE” COORDS =“x1y1r” HREF=“pag1.html”></MAP><IMG SRC = “colores.gif” USEMAPS = “#colores”>
Formularios I
Equivalentes a los formularios de papel.
Permite la comunicación con Bases de Datos.
Son la base de las Intranets.
Formularios II
Especificaciones iniciales: <FORM METHOD=“POST”
ACTION=“MAILTO:[email protected]”> </FORM>
Formularios III
Campo de entrada TEXTO <INPUT NAME=“nombre” SIZE=“20”>
Campo de entrada elección múltiple <INPUT NAME=“nombre”
TYPE=“radio”>Campo de entrada selección múltiple
<INPUT NAME=“nombre” TYPE=“checkbox”>
Formularios IV
Lista desplegable de selección <SELECT NAME=“nombre” SIZE=“1”> <OPTION>nombre1 <OPTION>nombre2 </SELECT>
Formularios V
Campo Área de Texto <TEXTAREA NAME=“nombre” SIZE=“2”
COLS=“50” ROWS=“2” </TEXTAREA>
Formulario VI
Botones de envio y borrado de formulario <INPUT TYPE=“submit”
VALUE=“Enviar”> <INPUT TYPE=“reset”
VALUE=“Borrar”>
Programas CGI
Common Gateway InterfaceSon una especificación para los
programas que el usuario puede especificar en la WWW.
Se ejecutan en el servidor.Los lenguajes mas comunes son
PERL y C.
Funcionamiento de los CGI
Se ejecutan por el usuario de forma semejante a como se va a una página HTML, al pulsar sobre un enlace.
El explorador usa la dirección URL del programa CGI para contactar con el servidor web donde se instaló el programa, y el servidor lo ejecuta.
Recepción y descodificación de un formulario
Elegir el método POST o GET.Los formularios se basan en una
serie de parejas Nombre del Campo-Valor del campo, lo primero es separar todas las parejas del formulario por lo que hay que detectar los símbolos de separación, p.e. &.