Investigacion

Curso de DHTML: CSS y Layers
http://rinconprog.metropoli2000.com lornacl@iname.com

Lola Cardenas Luque

Ultima actualizacion: 3 de febrero de 2001

Lola Cardenas Luque

Curso de DHTML

Copyright c 2.001, por Lola Cardenas Luque Con este curso se pretende completar los conocimientos de HTML, aprendiendo cosas sobre hojas de estilo y capas, las dos grandes categor as que constituyenel HTML Dinamico. Es altamente recomendable saber desenvolverse con el lenguaje HTML, puesto que estos temas son una ampliacion a lo que ya se conoce de este lenguaje. Este manual es para libre uso personal. No puede distribuirse, completo o en parte, sin el consentimiento escrito de la autora.

http://rinconprog.metropoli2000.com

iii

Lola Cardenas Luque

Curso de DHTML 1 2 6 8 11
1213 14 14 15

1 2 3 4 5

Indice General

5.1 5.2 5.3 5.4 5.5

Introduccion De nicion de los estilos Herencia de estilos Jerarqu a de de nicion de estilos. Clases. Pseudoclases Propiedades de las hojas de estilo
Propiedades de formato de bloque . Propiedades de las fuentes . . . . . Propiedades de texto . . . . . . . . Propiedades de color y fondo . . . . Propiedades de clasi cacion (listas). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

6 Layers: Creacion

6.1 Diferencias entre ambos tipos de posicionamiento . . . . . . . . . . . . . . 17 6.1.1 Posicionamiento absoluto . . . . .. . . . . . . . . . . . . . . . . . . 17 6.1.2 Posicionamiento relativo . . . . . . . . . . . . . . . . . . . . . . . . 17

16

7 Propiedades de las capas 8 La etiqueta de Netscape

19 22

http://rinconprog.metropoli2000.com

v

Lola Cardenas Luque

Curso de DHTML

1 Introduccion
DHTML son las siglas de Dynamic HyperText Markup Language (conocido como HTML Dinamico) se tratade una nueva especi cacion que viene a dar respuesta a la demanda de interactividad en las paginas web. El mundo de la red hasta ahora hab a estado lleno de paginas con un contenido mas o menos interesante, pero estatico: una vez la pagina hab a cargado, ya no hab a modi cacion posible que la dotara de la interactividad que el gran publico ped a. Y llego DHTML La especi cacion DHTML se podr adividir en tres grandes categor as: las hojas de estilo, las capas (layers) y las fuentes de letra cargables. Ademas, el uso de algun lenguaje de script, como JavaScript, contribuye en buena medida a la interactividad de las paginas, pues estos lenguajes son los que nos permiten cambiar las propiedades de forma dinamica. Si quieres saber algo de JavaScript, puedes consultar este curso. Las hojas deestilo vienen a intentar volver a separar en un documento el estilo logico del estilo f sico, dejando este ultimo en bloques de de nicion de estilos separados de la estructura del documento. El estilo logico se re ere a la logica del documento: cabeceras, parrafos, ... no se preocupa de la apariencia nal, sino de la estructura del documento. Por el contrario, el estilo f sico no se preocupa de laestructura del documento, sino por la apariencia nal: parrafos con un cierto tipo de letra, tablas con un determinado color de fondo, ... La nalidad de las hojas de estilo es crear unos estilos f sicos, separados de las etiquetas HTML (en lugar de como parametros de las etiquetas), y aplicarlos en los bloques de texto en los que se quieran aplicar. Estos estilos podran ser modi cados en algunasocasiones desde JavaScript, y esto empieza a darnos un poco mas de interactividad. Por otra parte, tenemos las capas, que vienen a darnos la solucion al problema de poner elementos justo en la posicion que queramos, evitandonos tener que hacer arti cios para obtener el resultado buscado. Una capa sera una parte mas del documento que puede ser situada en cualquier posicion del mismo, consiguiendo que...