>>Tecnología del Diseño Web <<


>> Introducción

Hoy en dia el WWW está evolucionando a una velocidad incrible. El sector de diseño de páginas está teniendo más y más desarrollo en la parte tecnológica. Los sitios Web se estan transformandose más interactivos, estéticos y sotisficados cada dia. Por eso debes estar informado sobre las tecnologías más utilizadas para el diseño de sitios. Aquí abajo se presentarán los términos técnicos y nombre de tecnologías más nombrados en el sector del diseño web, empezando desde los más básicos hasta los más avanzados.


HTML

El lenguaje HTML (Hyper Text Markup Language) aunque es llamado “lenguaje”, no se considera como lenguaje de programación. Ya que su ”nica finalidad es el formateo de la información presentada en una página Web. Los documentos HTML son almacenados en forma “texto puro” o sea que lo podes abrir con cualquier editor de textos. El lenguaje está conformado por TAGs que traducido son etiquetas, están comprendidos entre signos  “<” y “>”. (Con apretar el botón derecho del mouse sobre esta página y seleccionar “Ver código fuente” podrás ver las etiquetas que contiene esta página.

Ejemplo:

 <html>
   <head>
     <title>mi pagina</title>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   </head>
   <body bgcolor="#FFFF33" background="background.gif">
     <div align="center"> 
       <p><img src="MainTitle.gif" width="545" height="161"></p>
     </div>
     <h1 align="center"><font color="#CC3300">mi texto</font></h1>
   </body>
 </html>

El HTML tiene sus propias normas que son impuestas por la asociación internacional W3C. Hay diferentes versiones de HTML la actual es el 4.0 que solo son soportados por navegadores tales como IE4.0 y NS4.0 para adelante. Cabe mencionar además que las versiones nuevas de HTML solo agregan funciones o TAGs nuevos a la base ya establecida por las versiones anteriores, por lo cual a veces se puede ver una página hecha en HTML 4.0 con un navegador viejo que no lo soporta, lo ”nico que el navegador ignorará los TAGs nuevos incorporados en la nueva versión.

DHTML

El DHTML (Dynamic HTML) es en realidad la versión 4.0 de HTML incorporando las tecnologías JavaScript y CSS (Cascade Style Sheet) El HTML original es usado para la presentación de información, pero como las presentaciones tienen limitación en la flexibilidad del manejo visual, se incorpora el CSS que hace más ágil el manejo de diseño y formateo visual. En cambio el JavaScript introduce el movimiento y un alto grado de interacción entre la página y el usuario. Es la tecnología que introdujo el t”rmino “sitios multimedia” a la Web. Pero uno de sus más grandes inconvenientes es su compatibilidad. Ya que solo versiones más nuevos de los navegadores pueden ejecutarlos sin problemas.

JavaScript vs. VBScript

El JavaScript fue promovido por la compañía del conocido navegador NetScape. El JavaScript es un lenguaje de programación. Esta tecnología permite introducir dinamismo al las páginas. Podes lograr animaciones, y todo tipo de interacciones con el usuario. El programa escrito en este lenguaje no se compilan sino que se inclustan dentro del código HTML de la página entre los tags <script language="JavaScript"></script> y es interpretado directamente por el navegador.

El VBScript (Visual Basic Script) fue desrrollado por Microsoft como una respuesta al JavaScript, prácticamente tiene las mismas características que el competidor. Pero su desventaja es que no es aceptado por los navegadores NetScape. En cambio Internet Explorer acepta los dos lenguajes, lo que lo hace más compatible que su rival.

Es irónico mencionar que hay funciones de JavaScript que no son compatibles con el navegador de sus propio creadores el NetScape Navigator. (quizás sea alguna maniobra rara de Microsoft... :P ) Por eso para evitar incompatibilidad se recomienda no utilizar esas funciones que solo son compatibles por un solo navegador.

Java vs. ActiveX

Primero que nada, no te confundas Java con JavaScript con Java. Son dos cosas totalmente diferentes ya que uno es un lenguaje script que se inclusta en el HTML para ser interpretado por el navegador, mientras que Java es un lenguaje de programación que necesita ser compilado para poder ser ejecutado.

El Java es un lenguaje optimizado para aplicaciones Web, creado por Sun corp.. Este es muy utilizado hoy en día debido a su capacidad multiplataforma (o sea que se lo puede ejecutar en diferentes sistemas operativos sin necesidad de recompilarlos). Tiene características parecidas al C++. Los programas elaborados por Java se pueden clasificar en dos clases: Los del tipo Aplication y del tipo Applet. Los Aplications se ejecutan independientemente como cualquier otro programa mientras que los Appplets son programas que trabajan junto con el navegador para lograr efectos interactivos y visuales. Es mucho más potente comparado con los lenguajes scripts como JavaScript.

Como esperado Microsoft no se iba a quedar sentado viendo que Java se difunda tanto, como respuesta lanzó el Actives (Controles ActiveX).

El ActiveX funciona de manera similar a los Java Applets, osea que necesitan del navegador para funcionar. Su ”nica diferencia es que como el VBScript no es aceptado por NetScape.

CGI

Los CGI (Common Gate Interface) es un conjunto de normas que son aplicadas para el diseño de aplicaciones Web. Los programas escritos respetando las normas CGI funcionan del lado del dservidor (ServerSide). No es relevante con qu” lenguaje está escrito el programa ya que lo ”nico que tiene que hacer el programador es serguir las reglas establecidas por las normas CGI. Los lenguajes más populares para el desarrollo de aplicaciones CGI son el C++ y Perl.

ASP vs. PHP

El ASP lo desarrollo Microsoft. Es una tecnología ServerSide, osea que se ejecuta del lado del servidor. Introduce grandes facilidades para lograr la interacción con el visitante e incorpora la integración de base de datos On-Line. Es un lenguaje script (se inclusta en el codigo html) que el servidor al recibir la petición del usuario lee el documento .asp y ejecuta el código en el servidor y reci”n despu”s envía el documento al usuario. Solo puede ejecutar estas instrucciones un servidor que tenga instalado el IIS (Internet Information Server) o PWS (Personal Web Server) de Microsoft. O sea que si consideras usar ASP en tu sitio debes asegurarte de que el servidor que vas a usar tenga instalado IIS o PWS.

La gran diferencia de PHP con ASP es que PHP es gratis y además es multiplataforma. La idea es la misma, necesita que el servidor tenga instalado un programa que permita la ejecución de documentos .php. Por ahora el PHP al ser gratuito no es tan desarrollado como el ASP aunque no presentan grandes diferencias al nivel tecnológico.

Tecnología SHOCKWAVE.

La tecnología Shockwave fue desarrollado por Macromedia. Su flexibilidad en la presentación gráfica es incomparable. Tiene grandes capacidades en la interacción con el usuario. Se pueden incorporar gráficos vectoriales que son gráficos representados atrav”s de fórmulas matemáticas que ocupan mucho menos espacio que gráficos bitmap, pero requieren de más procesamiento al ser ejecutadas. Los archivos .swf son generalmente compactos considerando toda los elementos multimedia que contiene. El sonido esta incorporado con formato mp3 y las animaciones son suaves y simplemente espectaculares mientras que tengas una máquina suficientemente potente (P II o posteriores).

Los archivos .swf son generados por Flash, un software de diseño desarrollado por Macromedia. Tambien hay otras empresas de softwares de diseño que han desarrollado programas que generan archivos .swf para trabajar integralmente con Macromedia Flash.

Programas PLUG-IN.

Muchos formatos de archivos no son estándares en la WWW que no son compatible por predeterminado con los navegadores más populares. Para solucionar esto, se presenta el concepto de Plug-in que es un programa externo que al ser instalado junto al navegador permite visualizar documentos que no eran posibles. Los Plug-Ins son elaborados por cada una de las empresas que desean que sus formatos de archivos pueda ser mostrados por los navegadores. Un ejemplo es el caso de Flash de Macromedia, para ver sitios echas con la tecnología Flash se necesita instalar el plug-in de Flash que esta disponible en el sitio de Macromedia. Aunque actualmente las ultimas versiones de los mavegadores más conocidos como NetScape e Internet Explorer ya traen por predeterminado el plug-in de Flash.

Formatos gráficos.

Los gráicos en las páginas Webs no están almacenados en el documento HTML, sino que desde el .html se hace una llamada al archivo gráfico que generalmente son de formatos JPG, GIF o PNG.