Saludos

Solo disponible en BuenasTareas
  • Páginas : 6 (1293 palabras )
  • Descarga(s) : 0
  • Publicado : 26 de noviembre de 2010
Leer documento completo
Vista previa del texto
DHTML
Para poder entender y trabajar con DHTML debemos conocer y entender HTML, JavaScript y CSS. Estas tres tecnologías son indispensables para introducirse en el mundo de DHTML (HTML dinámico).

DHTML tiene por objetivo aumentar la funcionalidad de un sitio web. Se puede utilizar para crear animaciones, menúes desplegables, mostrar y ocultar partes de una página luego que la página fuecargada completamente, crear un entramado de capas que con sólo el HTML y CSS sería imposible alcanzar. Si bien la funcionalidad de DHTML se puede duplicar con otras herramientas como los Applet de Java o Flash, el DHTML ofrece la ventaja de que no requiere ningún tipo de plug-in para poder utilizarlo.
DHTML ofrece a los creadores de páginas web la posibilidad de modificar, cambiar la apariencia,ocultar, mostrar y animar el contenido dinámicamente.
Con DHTML podemos, luego de cargada la página en el navegador, acceder a cada una de las marcas HTML modificar sus atributos, ocultarlas, volverlas a mostrar y acceder al estilo definido para dicha marca.
Debe quedar bien en claro que DHTML no es un lenguaje nuevo sino la combinación de HTML, CSS y JavaScript.
El DHTML es otro de los escalonesque debemos dominar para poder introducirnos en el mundo de AJAX.
Importancia del DOM (Document Object Model)
Para poder aplicar los conceptos de DHTML debemos conocer a la perfección el DOM (Document Object Model - Modelo Objeto Documento)
El DOM es otra forma para representar una página web. Para entender que es el DOM veamos tres tipos de personas frente a una página web:
1 - Un usuario deinternet que conoce muy poco sobre el mundo de la computación, ve una página web como una ventana que contiene texto con distintos tamaños y colores, imágenes, enlaces etc. esto es lo que ve un usuario común de internet.
 
2 - Ahora veamos como ve una página web una persona que se ha iniciado hace muy poco en el mundo del diseño de páginas web, este usuario ve un poco más allá de lo que ve unusuario común, puede identificar que texto dispuso en la marca title del documento, si utilizó tablas para formatear datos de la página o empleó CSS o ambas. Si incorporó algun aplique Flash etc. Este segundo tipo de personas puede imaginar el contendino HTML y CSS de la página.

3 - Ahora por último, para un programador de sitios web tiene una visión mucho más profunda, puede decir si la páginasegún su interactividad tiene apliques de programación. 
 

Este último tipo de persona puede identificar más allá del código HTML y CSS de la página, intuye perfectamente si hay programación por detrás del esqueleto HTML y la definición de las hojas de estilo.

Este tercer tipo de persona debe conocer perfectamente el DOM.
Entonces que es el DOM?
El DOM es otra forma de ver el contenido dela página. Con el DOM, todos los elementos HTML se insertan en un árbol cuyos nodos son las marcas HTML y las hojas, los valores propiamente dichos de las marcas. Por medio de JavaScript podemos acceder y modificar este árbol de marcas y hacer que la página varíe luego que ya se haya mostrado en el navegador. De aquí el nombre de esta tecnología DHTML es decir Dynamic Hyper Text Markup Language.Mediante el DOM podemos acceder al contenido y estilo de cada marca del documento y modificarlo de acuerdo a algún evento.
Mediante el DOM podemos insertar, borrar, modificar marcas HTML. Podemos acceder a la hoja de estilo definida a la página y dinámicamente agregar, modificar o borrar propiedades. Todos esto sin tener que recargar la página del servidor, es decir todo se hace en el cliente(navegador) mediante JavaScript.

Accediendo a una marca HTML a través del DOM (getElementById)
La primera función que nos provee el DOM a través del objeto document es:
document.getElementById("nombre del Id de la marca HTML")
Nos retorna una referencia a la marca en sí misma. Con esta referencia podemos acceder a sus propiedades como puede ser su contenido, color, fuente, etc....
tracking img