El lenguaje HTML: Programacin avanzada - PowerPoint PPT Presentation

1 / 15
About This Presentation
Title:

El lenguaje HTML: Programacin avanzada

Description:

Envian a diferentes p ginas HTML al pulsar sobre reas distintas. ... INPUT TYPE='reset' VALUE='Borrar' Programas CGI. Common Gateway Interface ... – PowerPoint PPT presentation

Number of Views:109
Avg rating:3.0/5.0
Slides: 16
Provided by: juanalbert
Category:

less

Transcript and Presenter's Notes

Title: 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. .
Write a Comment
User Comments (0)
About PowerShow.com