12.176 cursos gratis
8.741.766 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Creación de Paginas Web con Html

Autor: Jean Carlo Romero Raffo
Curso:
9/10 (16 opiniones) |32353 alumnos|Fecha publicaciýn: 26/05/2005
Envýa un mensaje al autor

Capýtulo 19:

 Capas

Las capas se pueden definir como páginas que se pueden incrustar dentro de otras. Los atributos de una capa (posición, visibilidad, etc.), como los de cualquier otro elemento HTML, pueden definirse dentro de una hoja de estilo. Su contenido, en cambio, siempre deberá ser especificado dentro de la parte principal de la página. Como se puede ver, de nuevo estamos siguiendo la filosofía de separar el contenido y la forma de representarlo.

En realidad, el nombre de capas no es nada oficial: es un invento de Netscape. La denominación oficial podría traducirse como "contenido HTML posicionable dinámicamente". Toma ya. Tampoco se las puede considerar dentro de ningún estándar HTML sino de los estándares CSS, pero son la base de lo que se ha dado en llamar HTML dinámico.

Sin duda, lo más importante de las capas es la posibilidad que presentan de ser movidas y modificadas desde un lenguaje de script. Desgraciadamente, las implementaciones de Netscape y Explorer son incompatibles entre sí, por lo que resulta complicado escribir código que funcione en ambas plataformas. Estos temas los estudia en profundidad el curso de HTML dinámico.

19.1. Definición

La única manera común de definir capas en Explorer y Netscape (versiones 4 y superiores cuandos las haya) es mediante hojas de estilo en sintaxis CSS, por lo que será la que usemos de aquí en adelante.

La definición de una capa sigue la misma estructura que la que usabamos para decidir las características de una etiqueta con el parámetro ID:

<STYLE TYPE="text/css"> #micapa {position:absolute; top:100px; left:20px;} </STYLE>

Esto colocaría a la capa que hemos denominado micapa a 20 pixels de la izquierda de la pna y a 100 del comienzo de la misma. Muy bien, pero... ¿donde escribimos lo que queremos que contenga la capa? Utilizaremos para ello la etiqueta <SPAN>:

<DIV ID="micapa"> <H1>El título de la capa</H1> <P>Aquí es donde iría el texto. ... </DIV>

Las capas que hemos definido hasta ahora se colocan en una posición determinada de la página. Pero existe otro tipo de capas llamadas flotantes cuya colocación depende, en cambio, de la posición dentro del código fuente de la página donde las hayamos colocado. Se definen así:

<STYLE TYPE="text/css"> #flotante {position: relative; left: 20px; top: 100px;} </STYLE>

Puedes ver un ejemplo que te mostrará las diferencias entre capas absolutas y relativas.

19.2. Propiedades

Existen varias propiedades de las capas que podemos modificar, como son la posición, la visibilidad, el orden en que se ponen en pantalla, etc... Son estos:

CapasEsto es todo. Si quieres saber algo sobre modificación dinámica de capas desde JavaScript, visita mi curso.

Capýtulo siguiente - Sonido
Capýtulo anterior - Lenguajes de script

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratarý tus datos para realizar acciones promocionales (výa email y/o telýfono).
En la polýtica de privacidad conocerýs tu derechos y gestionarýs la baja.

Cursos similares a Creación de Paginas Web con Html



  • Výdeo
  • Alumnos
  • Valoraciýn
  • Cursos
1. Creación de un Cyber
En este curso se enseña como crear un cyber própio de una manera fácil. Descubre... [09/06/05]
13.237  
2. Posicionamiento Web
El posicionamiento en los buscadores es un factor clave para una empresa. El 75% de... [30/05/08]
1.150  
3. Creación de páginas. Wordpress
Aprende a crear una página y adjuntarla a tu sitio web, la experta te trae el paso... [03/11/11]
139
Curso con video

ýQuý es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail