10.1.- ¿Cómo Funciona Un Sitio Web?

Un sitio o página web se compone de documentación estructurada al menos bajo dos lenguajes de programación que son XHTML y CSS.

XHTML es un lenguaje de marcado de hecho para la estructuración y la configuración del contenido de una página. XHTML es el lenguaje básico de cualquier web. CSS es un lenguaje de programación para dar formato a la página. En resumen, CSS permite definir casi todo sobre el diseño de una página web, como: color y tamaño de las fuentes tipográficas, color de fondo, alineación del texto, colocación de las imágenes, etc ...

Funcionamiento internet

Navegadores
Un navegador es un programa que interpreta o "restaura" visualmente el código XHTML/CSS contenido en las páginas web. Su trabajo consiste en leer el código es una página web que estamos visualizando y lo interpreta, mostrando el resultado en pantalla.

En resumen: el cliente (el usuario) solicita una página web, el servidor (máquina donde el sitio está alojado) procesa la solicitud y devuelve la respuesta y finalmente el navegador muestra la respuesta.

Hay una multitud de navegadores, los más conocidos son:

- Mozilla Firefox (para Windows, Mac, Linux y Android)
- Google Chrome (para Windows, Mac, Linux y Android)
- Opera (para Windows, Mac, Linux, Symbian y Android)
- Safari (para Mac y Windows)
- Konqueror (Linux)
- Internet Explorer (para Windows).
Los navegadores no interpretan todos los mismos elementos o formas de configuración de una página web. Mozilla Firefox muestra de manera fiel lo planeado por el desarrollador de la página web. Sin embargo Internet Explorer hasta recientemente no ha seguido los estándares XHTML y CSS, lo cual da lugar a problemas de visualización.

Editores
Un editor es un programa ( software) que entre otras funcionalidades, permite crear páginas web. Hay muchos sitios web y editores. Se pueden clasificar en dos categorías:

- Editores WYSIWYG
- Editores de textoWYSIWYG significa más o menos "lo que ves es lo que obtienes", permite escribir el contenido directamente sin necesidad de escribir una sola línea de código XHTML/CSS . Básicamente, generan de forma automática el código XHTML/CSS. Este es el caso de NVU, Frontpage, Dreamweaver, entre otros. Estos programas son bastante fáciles de manejar y permiten crear rápidamente unas pocas páginas o incluso una web completa.

Desventajas:
- El código generado aunque funcional está lejos de estar refinado.
- La separación del contenido (XHTML) y la presentación (CSS) no es evidente.
- Tienen limitaciones.
- Al final se tiene una página, pero puede que no sea como se esperaba.

Los editores de texto proporcionan mayor flexibilidad en la creación de una página y permiten al creador estar cerca de todo en el desarrollo. Una página web se compone principalmente de dos lenguajes que son XHTML y CSS. Un editor de texto permite editar directamente el XHTML y CSS de esta página, se maneja todo, separando perfectamente los dos lenguajes básicos que conforman una página web.

También hay una variedad de editores de texto, en Windows destacan: Notepad, Notepad ++, y UltraEdit. Se recomienda Notepad ++ que es gratuito, y por otra parte muestra en colores colores los códigos XHTML/CSS, lo que permite desarrollar código con más comodidad.