Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Qué es DHTML o HTML Dinámico


Explica rápidamente lo que es HTML Dinámico y diferencia entre DHTML del lado del cliente y del servidor.


09/5/01 - A medida que vamos avanzando en la programación de páginas web nos vamos fijando nuevos objetivos para crear cada día webs más excitantes. Siguiendo este camino, llega un momento que el lenguaje HTML se nos queda corto y tenemos que servirnos de alguna tecnología superior, que nos permita realizar esos desarrollos más complejos y dinámicos.

Imaginaros por un momento que tuvieseis entre manos un gran proyecto, un proyecto que supusiese la creación masiva de páginas, como puede ser un periódico, donde cada día hay que cambiar los contenidos por completo, o una enciclopedia online, con miles de páginas y referencias, por poner dos ejemplos. Si utilizásemos únicamente HTML necesitaríamos un regimiento de maquetadores web para poder llevar a cabo el trabajo de crear tantas y tantas páginas y su actualización.

Así mismo, si quisiésemos desarrollar una aplicación en la web donde el usuario tuviese que interaccionar con la página, o una aplicación que ofreciese algún servicio, como un buscador o un gestor de correo a través de la web, también nos veríamos muy limitados con el HTML.

Además, también estamos muy limitados con el HTML a la hora de crear efectos en las páginas, animaciones que llamen un poco la atención del usuario y que permitan hacer que las páginas web sean más divertidas.

DHTML es lo que hace posible crear una páginas web que salven todas las limitaciones del HTML como las comentadas con anterioridad. Como vemos, el DHTML es muy amplio y engloba muchas técnicas que se pueden realizas con multitud de lenguajes de programación y programas distintos .

Vamos a hacer una clasificación de DHTML para acotar un poco sus radios de acción y para que el concepto se acote en áreas de la programación web que podemos ya conocer.

DHTML de cliente

Por un lado tenemos el DHTML que se desarrolla en el ámbito de una página web, cuando la página se está viendo en la pantalla de los usuarios , es decir, en los navegadores. En estos casos, para realizar cualquier tipo de efecto o interactividad en la página tenemos como recurso al navegador, por eso se llama de cliente.

La programación en el cliente sirve para muchas cosas, ejemplos de ello son efectos diversos en las páginas, sonidos, videos, menús interactivos, control y respuesta a las acciones de un usuario en la página, control sobre los formularios, etc. Para hacer muchas de estas cosas podemos utilizar diversos lenguajes de programación como Javascript y VBScript, o incluso podemos meter aquí programas como Flash.

No obstante está más cercana a la idea del DHTML el programar scripts dentro de la página con los lenguajes del lado del cliente. Javascript para todos los navegadores y VBScript para Internet Explorer. Estos lenguajes trabajan, como se ha dicho, integrados con el navegador y dependen del modelo y de la versión de éste.

Estos lenguajes no permiten el desarrollo de cualquier proyecto en Internet, ya que al ser ejecutados en el navegador del cliente, no tienen acceso a todos los recursos del sistema del usuario, para evitar agujeros de seguridad, ni a los recursos del servidor donde están alojadas las páginas. Esta limitación, añadida a la ya comentada de su dependencia del navegador, los hacen insuficientes para desarrollos avanzados, siendo más bien un complemento de programación que el núcleo de verdaderas aplicaciones en el web.

DHTML de servidor

Por otro lado, existen una serie de lenguajes que se basan en el servidor para ejecutar sus scripts, al igual que la programación del cliente se basa en el navegador. Cuando una página es solicitada por parte de un cliente, el servidor ejecuta los scripts y genera una página resultado, que envía al cliente. La página resultado contiene únicamente código HTML , por lo que puede ser interpretada por cualquier navegador sin lugar a errores, independientemente de su versión.

Esta independencia del navegador ya es una ventaja significativa con respecto a la programación en el cliente, pero lo es aun más que contamos con todos los recursos del servidor donde están alojadas las páginas. Estos recursos, como podrían ser gestores de bases de datos, servidores de correo o el propio sistema de archivos del servidor, son los que nos van ha permitir construir todo tipo de aplicaciones.

Como ventajas adicionales se puede destacar que el código de las páginas con los scripts nunca llega al cliente, recordamos que al navegador sólo le llega HTML, y esto implica que nuestros visitantes nunca van a poder acceder al corazón de las aplicaciones que hayamos desarrollado, es decir, a los scripts del lado del servidor.

Lenguajes del lado del servidor son ASP, desarrollado por Microsoft, PHP de código libre, JSP para programar en Java, o alguna otra interfaz como CGI, que se desarrolla en lenguajes como C o Perl.


Esquema del funcionamiento de las páginas con scripts del servidor

Para tratar en extensión el tema del DHTML tenemos un manual que ofrece mucha más información. Es el manual de páginas dinámicas.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 9 comentarios (Añadir)
+ 13 comentarios no revisados

 Autoría, licencia y acciones sobre este artículo

Informe de Miguel Angel Alvarez*
Director de DesarrolloWeb.com

Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Qué es cada tecnología
Siguiente: Qué es CSS
Anterior: Qué es HTML

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en DHTML


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestran 9 comentarios revisados

 Comentario de Hugo Diaz
12/12/01 
Creo que este articulo esta equivocado. DHTML es tecnologia pura del lado del cliente. Su nombre son las iniciales de Dinamic HTML. Se basa en el DOM. No se olviden que los scripts del lado del servidor pueden generar codigo que _no_ es HTML (por ej XML) y de hecho, este concepto existia antes del DHTML (cuando se estandarizo el DOM) por ej. el CGI

 Comentario de Aitor
31/10/02 
Totalmente de acuerdo con Hugo. DHTML "siempre" es del lado del cliente, nunca del servidor. Saludos.

 Comentario de Miguel Angel Alvarez
02/11/02 
Estoy de acuerdo con los comentarios que indican que DHTML es siempre del lado del cliente y no del servidor. Estoy de acuerdo, porque hay una corriente que así lo afirma y la conozco.

De todos modos, como se explica en el artículo, no es la única visión de DHTML la que vosotros conocéis y en ciertas corrientes también se incluyen en DHTML todo aquello que sirva para que una página sea dinámica, incluyendo los scripts del servidor.

Cada uno puede pensar lo que desee y es que el término provoca interpretaciones distintas.


 Comentario de pitiwiti
14/11/02 
Puede ser como tu dices pero creo que siendo un artículo para iniciarse es globalizar demasiado el concepto DHTML y puede crear una idea equivocada del concepto dinámico usado para Php CGI etc y el dinamismo del HTML dotar a las páginas de movimiento e interactividad. Es una opinión.

 Comentario de Humberto Villa
16/3/03 
Pues les dire a todos.. DHTML es del lado del cliente...............

 Comentario de jaime
03/9/03 
Diablos! Me confunden soy un principainte en esto y ahora no se quien tiene la razón.

 Comentario de Bertoni
19/9/03 
...sin mas rodeos: DHTML, es del lado des CLIENTE ;-)

 Comentario de Reyna Elisa Montes
02/6/04 
Yo considero que Dhtml abarca el desarrollo de aplicaciones interactivas tanto del lado del cliente, como del servidor. Es decir, el usuario puede obtener dinamismo al navegar (en el cliente) sobre una página web o puede obtener dinamismo al solicitar a través de un formulario (al servidor y este a una bases de datos) determinada información.

 Comentario de Mauricio Rodríguez
04/10/04 
Bueno, si lo que hace el dhtml es dar dinamismo e interactividad y funcionalidad a las paginas, esta explicacion es acertada, pues tanto la tecnologia del servidor como la del cliente sirven para tal proposito.

Añadir un comentario al artículo Añadir un comentario del artículo
 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 13 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Qué es cada tecnología
Categorías
+DHTML

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia