Fundamentos de Páginas Web: Estáticas, Dinámicas Cliente y Servidor

Páginas Web Estáticas

El diseño web tiene como pilar central el lenguaje HTML y una serie de conceptos asociados como XHTML, hojas de estilo (CSS), etc. El conocimiento de HTML nos permite un mayor control. Aunque esto exige más esfuerzo, a cambio, seremos capaces de mejorar cualquier página producida con herramientas de diseño visual, así como crear documentos mucho más personales y distintivos.

HTML también es fundamental para programadores que necesitan generar contenido dinámicamente, a partir de información producida por otras aplicaciones u obtenida de fuentes como bases de datos. El lenguaje HTML es el estándar interpretado por los navegadores web. Además de HTML, es importante conocer su relación con XHTML (HTML se basa en SGML y XHTML en XML), cómo se aplica CSS (Cascading Style Sheets) para mejorar la apariencia estética separándola del contenido, y cómo se incluyen scripts embebidos en las páginas.

Páginas Web Dinámicas en el Cliente (Ejecución en el Navegador)

Están diseñadas para que el código asociado a la página se interprete o ejecute directamente en el navegador del usuario. Las tecnologías utilizadas para implementarlas son las siguientes:

Tecnologías Cliente

• Scripts (son los más habituales):
  • JavaScript
  • VBScript (Visual Basic Script)
  • Otros lenguajes como Perl (menos común en cliente)
• DHTML (Dynamic HTML): Combinación de HTML, Scripts (usualmente JavaScript) y CSS para crear interactividad y modificar la estructura y estilo dinámicamente.
• ActiveX: Tecnología de Microsoft que permite ejecutar componentes de software (código nativo) en el navegador (principalmente Internet Explorer), aunque su uso ha disminuido por razones de seguridad y compatibilidad.
• Applets de Java: Pequeñas aplicaciones Java que se ejecutaban en el navegador dentro de un entorno seguro (sandbox). Tecnología en desuso.
• Otras tecnologías: Adobe Flash (en desuso), VRML (Virtual Reality Modeling Language), etc.

Páginas Web Activas en el Servidor (Ejecución en el Servidor)

Están diseñadas para que el código asociado a la página se interprete o ejecute en el servidor web antes de enviar el resultado (generalmente HTML) al navegador del cliente.

Tecnologías Servidor

Basadas en Scripts

Tecnologías como ASP (Active Server Pages), PHP (PHP: Hypertext Preprocessor) y JSP (Java Server Pages). Estos scripts se procesan en el servidor y generan dinámicamente código HTML (u otro formato) que se envía al navegador. Permiten crear aplicaciones web que interactúan con bases de datos, procesan formularios y personalizan el contenido según el usuario o sus acciones. El cliente nunca ve el código fuente del servidor (ASP, PHP, JSP, etc.), solo recibe el resultado generado.

No basadas en Scripts

Incluyen tecnologías como CGI (Common Gateway Interface) y Servlets de Java. CGI es una interfaz estándar para que los servidores web ejecuten programas externos, mientras que los Servlets son clases Java que extienden las capacidades de los servidores.

JavaScript

JavaScript no es un lenguaje de programación compilado tradicional como C, Fortran, Basic o Pascal, sino un lenguaje de scripts interpretado. Esto significa que, aunque no se utiliza típicamente para crear aplicaciones independientes completas, se integra en documentos HTML mediante fragmentos de código para añadir interactividad, manipular el contenido y comunicarse con el servidor de forma asíncrona, ampliando enormemente las capacidades de una página web.