Programación Web

Uno de los aspectos centrales del diseño de un sitio web es la programación. Según las tecnologías que se empleen al programar se pueden obtener sitios con características y funciones diferentes. En HOSTING-AND-WEBDESIGN.COM ofrecemos los conceptos más importantes para comprender cuáles son los elementos necesarios en la construcción de sitios web. Con esta información clara Ud. tendrá una idea precisa sobre programación web y así podrá comprender el proceso completo de desarrollo de su sitio web.

Los sitios web se realizan con una tecnología de programación llamada lenguaje de marcas, que puede ser HTML o XHTML. Pero Ud. se preguntará qué es un lenguaje de marcas. Es un lenguaje de programación con el que se organizan los contenidos de un sitio web. Este lenguaje trabaja con un conjunto de marcas o etiquetas, que son instrucciones acerca de cómo estructurar textos e imágenes correspondientes a un sitio. En algunos casos las marcas o etiquetas también dan cuenta de la presentación gráfica de los elementos, si bien, como explicamos luego, actualmente se separa estructuración del texto de apariencia visual. Al construir un sitio web con HTML o XHTML los contenidos en sí mismos están intercalados con las marcas que señalan cómo organizarlo.

En cuanto al HTML, HyperText Markup Language (es decir, Lenguaje de Marcas Hipertextuales), se trata del principal instrumento en el desarrollo web, dado que es el lenguaje de marcas más popular, por su relativa simplicidad y su efectividad. Para construir un sitio web con este lenguaje se emplean programas tales como el Dreamweaver (Adobe) o el Microsoft FrontPage. También se suelen realizar sitios web utilizando el HTML en editores de texto, es decir, programas que permiten trabajar con textos sin formato alguno (por ejemplo, Wordpad, Notepad, Textpad, etc.). En estos textos se incorporan, entre corchetes de forma triangular, las marcas HTML, con las descripciones e indicaciones pertinentes. Las etiquetas se abren donde comienza la instrucción para organizar un contenido y se cierran donde finaliza, agregando una barra ( texto ). Ofrecemos algunos ejemplos de las marcas más frecuentes:

<HTML> Esta etiqueta indica que se trata del inicio de un documento HTML. De este modo el navegador del usuario, encargado de interpretar el código HTML, puede identificarlo.

<BODY> </BODY> Esta marca señala el texto principal de un documento.

<TABLE> </TABLE> Indica que en ese lugar hay una tabla.

<P> </P> Esta marca señala que comienza un párrafo.

<IMG> </IMG> Señala la presencia de una imagen.

<A> Esta marca indica que hay un hipervínculo.

<b> </b> Así se señala que el texto va en negrita.

<i> </i> Así se señala que el texto va en itálica.

El lenguaje HTML se emplea entonces como instrumento para darle una estructura al texto de un sitio web: señalar títulos, subtítulos, párrafos, tablas, imágenes, hipervínculos. Muchas veces también se emplea para dar indicaciones sobre la presentación visual del contenido ante quienes ven el sitio: fondos, colores, alineación, fuentes, cuerpo, etc. Un ejemplo de etiqueta de presentación es . De todos modos hoy en día la organización mundial de Internet (World Wide Web Consortium o W3C) recomienda establecer por separado el texto de la presentación gráfica de un sitio web y desarrollar ésta en las llamadas hojas de estilo, como indicamos luego.

Por otra parte, el XHTML, eXtensible HyperText Markup Language (Lenguaje de Marcas Hipertextuales Extensibles) es la continuación de lenguaje HTML y fue desarrollado en consonancia con las recomendaciones del organismo que regula los estándares válidos para Internet (W3C). Este lenguaje de marcas está diseñado únicamente para estructurar el contenido de un sitio web, dejando de lado todas las indicaciones presentacionales. Esta función específica del XHTML responde a un criterio básico altamente recomendable: separar organización de la información de la presentación visual, dado que esto hace a los sitios web más accesibles a los diferentes usuarios y a los distintos dispositivos. Para programar el aspecto gráfico de un sitio web se crearon los denominados lenguajes de estilo.

El uso de esta nueva tecnología se extiende gracias a que muchos navegadores, como Netscape o Mozilla Firefox la soportan sin inconvenientes. Hay que señalar, sin embargo, que el navegador Microsoft, Internet Explorer no interpreta el XHTML. De todos modos su uso sigue creciendo, por las ventajas que supone a la hora de crear sitios web más accesibles. Como planteamos anteriormente, separar organización de un texto respecto de la presentación es un punto importante a la hora de programar un sitio web. Para ello, además del uso de HTML es preciso emplear un lenguaje de estilo, tal como el CSS, Cascading Style Sheets (Hojas de Estilo en Cascada).

Un lenguaje de estilo permite crear documentos separados de los correspondientes al HTML, con instrucciones exclusivas sobre la estética de un sitio web y sus contenidos. Todos los aspectos de la presentación de un sitio se incluyen en una hoja de estilo, tales como colores, caja, fondo, tipografías, texto -alineación, interlineado, volumen, etc.-. ¿Cuáles son los principales beneficios de que la presentación gráfica de un sitio esté escrita en un lenguaje de estilo? En primer lugar, un beneficio de gran importancia es el mayor grado de accesibilidad de un sitio web. La accesibilidad es la cualidad de que todo tipo de usuarios, desde diversos dispositivos pueda acceder con facilidad a un sitio.

Con las hojas de estilo es posible crear distintas presentaciones para un mismo contenido. Las presentaciones diversas pueden adaptarse a los distintos contextos: diferentes usuarios y dispositivos. Así, un sitio web es más accesible, porque más personas pueden tener acceso a él sin dificultades. Esto se debe a que la separación de estructura textual y presentación visual agiliza y mejora la visualización de un sitio web en todo tipo de dispositivo: computadora de escritorio, PAD, impresora, teléfono celular, sistema Braille, sintetizador de voz, etc. La accesibilidad de un sitio es fundamental especialmente para las personas con discapacidades diferentes, tal como sucede con las personas de visión reducida o nula, que pueden acceder a sitios mediante el sistema Braille.

Otro de los beneficios de emplear hojas de estilo para un sitio web es que se reduce el tamaño de su documento HTML. Con menos tamaño el documento HTML de un sitio puede ser interpretado más rápidamente por los navegadores de los usuarios. Por último, la separación entre la estructura del texto (en HTML) y la de la presentación visual (en CSS) facilita la actualización de contenido y de gráfica.


Visita nuestras páginas amigas

Web design

Company website design

Web design

American Web design

Web design


Diseño Web por Log Technology