 |
Los conceptos vinculados a la programación Web implican cierta complejidad y terminología, por ello en DESIGNER-PAGES.COM ofrecemos una guía sencilla para que los conceptos centrales de la programación de sitios Web estén al alcance de todas las personas no especializadas en el tema. Con esta información Ud. podrá entender rápidamente cómo se realiza un sitio Web y cómo funciona.
HTML y XHTML
Para comenzar es necesario saber que todos los sitios Web están realizados en base a cualquiera de estos dos lenguajes de marcas: HTML o XHTML. Un lenguaje de marcas es un lenguaje de programación que estructura el contenido de un sitio Web mediante el uso de etiquetas o marcas, es decir, de breves descripciones en las que se especifica el modo de organizar la información (texto e imágenes) y, a veces, también su presentación visual. Así, en los documentos hechos con estos lenguajes aparece no sólo el texto propiamente dicho de un sitio Web, sino también las etiquetas que señalan su estructura.
El HTML (HyperText Markup Language, “lenguaje de marcas hipertextuales”) es el lenguaje de marcación más ampliamente utilizado para el desarrollo de sitios Web. Las famosas marcas de HTML se caracterizan por estar señaladas por corchetes triangulares (< >) entre los que se incluye la indicación correspondiente. Cada marca que se abre debe ser cerrada en la parte del texto adecuada, con una barra () antes de la indicación. Algunos ejemplos de etiquetas son:
<BODY></BODY> Indica el texto central de un documento.
<P></P> Señala la presencia de un párrafo nuevo.
<IMG></IMG> Indica que hay una imagen.
<i></i>Señala que el texto va en cursiva o itálica.
<b></b>Establece que el texto debe ir en negrita.
El HTML se ha utilizado no sólo para estructurar el texto de un sitio (párrafos, títulos, hipervínculos, listas, imágenes) sino también para indicar cómo éste debe aparecer visualmente ante los usuarios (tipografías, cuerpo, colores, alineación, fondos, etc.), a través de las etiquetas presentacionales (como por ejemplo: ). Sin embargo, hoy en día se recomienda separar la estructura textual de su presentación, dejando ésta última para las hojas de estilo.
Los diseñadores que realizan un sitio con HTML utilizan o bien editores de texto (los que trabajan con textos sin formato: Notepad, Textpad, Wordpad, por ejemplo) o programas como el Microsoft FrontPage o el Dreamweaver de Adobe, los cuales van mostrando lo que se realiza mientras se edita con HTML.
-El XHTML (eXtensible HypertText Markup Language, “lenguaje de marcas hipertextuales extensibles”) es el lenguaje de marcación que continúa al HTML. Fue creado para respetar las indicaciones de la World Wide Web Consortium (W3C), organización internacional que establece los estándares de Internet. Según la W3C es preciso separar estructura del texto de aspecto visual, ya que de este modo aumenta la accesibilidad de los sitios Web. Por ello, este lenguaje de marcas sólo sirve para organizar la información de un sitio, sin agregar indicaciones sobre su presentación. Todo lo referente al aspecto visual de un sitio Web se codifica con un lenguaje de estilo.
El XHTML es interpretado por casi todos los navegadores en sus últimas versiones -Mozilla Firefox, Netscape, Opera, por ejemplo-. Sin embargo, muchas veces las versiones más antiguas interpretan el lenguaje XHTML como HTML. Otro problema que suele presentar el uso de XHTML es que el navegador de Microsoft, Internet Explorer, no lo interpreta. A pesar de estos inconvenientes, se emplea cada vez más, dado que cumple con las normas indicadas por la W3C.
CSS
Uno de los lenguajes de estilo más populares es el CSS (Cascading Style Sheets, “hojas de estilo en cascada”). Las hojas de estilo son documentos en los cuales se incluyen indicaciones acerca del aspecto visual del contenido Web. Lo más conveniente es que estas instrucciones formen un archivo anexo al archivo textual, dado que, si bien es posible incluirlas en el HTML, es mucho menos conveniente. El lenguaje de estilo CSS se emplea para codificar la presentación de textos marcados en HTML o en XHTML. En estas hojas de estilo se incluyen indicaciones sobre: tipografías, textos (interletraje, interlineado, alineación, volumen de voz), colores, fondos y caja (márgenes, bordes, rellenos). Escribir todo la presentación visual de un sitio Web con este lenguaje de estilo tiene tres grandes ventajas:
 Mayor accesibilidad: dado que un mismo contenido Web puede tener, gracias al uso de un lenguaje de estilo, diferentes presentaciones para los distintos tipos de usuarios y para los distintos dispositivos, aumenta enormemente la accesibilidad de un sitio Web (es decir, un mayor número de personas pueden acceder a él correctamente). Cada usuario puede configurar la hoja de estilo de un sitio y de este modo las personas con dificultades visuales pueden utilizar el sistema Braille o un sintetizador de voz, dado que ambos métodos alternativos funcionan con mayor facilidad cuando texto y presentación están separados. Por otra parte, un sitio Web cuyo aspecto visual está escrito en CSS será correctamente visualizado desde cualquier dispositivo: computadora de escritorio, de mano, teléfono celular, impresora y otros.
Fácil actualización: al codificar texto y presentación visual en forma separada se hace más sencillo realizar modificaciones y actualizaciones tanto de contenido como de elementos gráficos.
Menor tamaño de HTML: si en vez de realizar las instrucciones presentacionales en HTML, se las realiza en CSS, el documento de HTML tiene menos tamaño y, por ende, puede ser leído con más facilidad por los navegadores.
Sitio Web estático
Existen dos tipos de sitios Web, de acuerdo con la presencia o ausencia de animación: los sitios Web estáticos y los dinámicos. Un sitio Web estático se caracteriza por tener presentaciones sin animaciones, así como también por mostrar un contenido sin cambios frecuentes y por no poder interactuar con el público. Todos los sitios Web realizados exclusivamente con HTML o XHTML son sitios estáticos. Hoy en día este tipo de sitios no tienen gran popularidad dado que no cuentan con el atractivo de las animaciones y la interacción, y, además, porque las actualizaciones deben hacerse manualmente con un editor de textos u otro programa y con una frecuencia baja.
Sitio Web dinámico
Por su atractivo y funcionalidad actualmente la mayoría de las organizaciones eligen desarrollar sitios Web dinámicos. Se denomina sitio Web dinámico a aquel en cuya presentación se encuentran animaciones, videos y sonidos, aquel en el que es posible la interacción con los usuarios (mediante encuestas, foros y personalización) y aquel en el que la actualización de la información es continua.
Para la creación de sitios con presentaciones dinámicas se emplean con gran éxito dos tecnologías muy populares: Flash y JavaScript. Ambas permiten incluir elementos multimedia y animaciones a los sitios escritos en HTML y XHTML, lo cual los hace mucho más atractivos. Flash es un programa de Adobe, mientras que JavaScript es un lenguaje de programación. Ambas tecnologías otorgan dinamismo a un sitio Web y se caracterizan por depender del navegador de los usuarios para poder funcionar adecuadamente. Esto significa que, cuando los sitios tienen presentaciones dinámicas de este tipo los usuarios deben contar con un navegador que soporte Flash o JavaScript, ya que de otro modo éste no podrá interpretar al sitio Web y no será visualizado como corresponde. De todos modos, la popularidad de estas tecnologías se debe a que son interpretadas por los principales navegadores sin inconvenientes.
Un sitio Web puede ser dinámico no sólo por tener presentaciones animadas, sino también por contar con una gran capacidad para recargar información. En este caso, el dinamismo en la actualización de los contenidos (se pueden hacer modificaciones constantemente) se logra con lenguajes interpretados por el servidor de cada sitio: ASP, ASP.NET, Perl y PHP. Estos lenguajes informáticos no dependen de los navegadores del público para ser ejecutados, sino del servidor de un sitio Web. Todas estas tecnologías se combinan con HTML o XHTML para lograr sitios dinámicos en la carga de datos. También, por supuesto, estos sitios admiten presentaciones en Flash o JavaScript. ASP y ASP.NET son lenguajes de Microsoft y sólo pueden ser ejecutados en el sistema operativo Windows. Perl, por su parte, es adecuado para el sistema operativo Linux, mientras que PHP tiene la ventaja de poder ejecutarse en varios sistemas operativos (Windows, Macintosh y Linux).
|
|
