El lenguaje HTML: Programacin avanzada

1
El lenguaje HTMLProgramación avanzada

• Juan Alberto Sigüenza
• Escuela Técnica Superior de Informática
• Universidad Autónoma de Madrid

2
Tablas (elementos básicos)

• Creación de una Tabla
• ltTABLEgtlt/TABLEgt
• Asignación de filas
• ltTRgtlt/TRgt
• Asignación de columnas
• ltTDgtgt/TDgt
• Ejemplos 11, 12 y 13

3
HTML con Netscape Composer
4
Marcos (frames)

• Permiten subdividir el área de visualización del
  browser con diferentes páginas HTML.
• Puede haber una división
• Horizontal ltFRAMESET COLS30,70gt
• Vertical ltFRAMESET ROWS40,60gt
• Mixta
• Ejemplos 14, 15 y 16

5
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.

6
Mapas gráficos (II)
ltMAP NAME Coloresgt ltAREA SHAPE POLY COORDS
x1y1x2y2x3y3 HREFpag1.htmlgt ltAREA SHAPE
RECT COORDS x1y1x2y2 HREFpag2.htmlgt ltAREA
SHAPE CIRCLE COORDS x1y1r
HREFpag1.htmlgt lt/MAPgt ltIMG SRC colores.gif
USEMAPS coloresgt
7
Formularios I

• Equivalentes a los formularios de papel.
• Permite la comunicación con Bases de Datos.
• Son la base de las Intranets.

8
Formularios II

• Especificaciones iniciales
• ltFORM METHODPOST ACTIONMAILTOfulano_at_uam.esgt
  
• lt/FORMgt

9
Formularios III

• Campo de entrada TEXTO
• ltINPUT NAMEnombre SIZE20gt
• Campo de entrada elección múltiple
• ltINPUT NAMEnombre TYPEradiogt
• Campo de entrada selección múltiple
• ltINPUT NAMEnombre TYPEcheckboxgt

10
Formularios IV

• Lista desplegable de selección
• ltSELECT NAMEnombre SIZE1gt
• ltOPTIONgtnombre1
• ltOPTIONgtnombre2
• lt/SELECTgt

11
Formularios V

• Campo Área de Texto
• ltTEXTAREA NAMEnombre SIZE2 COLS50
  ROWS2 lt/TEXTAREAgt

12
Formulario VI

• Botones de envio y borrado de formulario
• ltINPUT TYPEsubmit VALUEEnviargt
• ltINPUT TYPEreset VALUEBorrargt

13
Programas CGI

• Common Gateway Interface
• Son 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.

14
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.

15
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. .