Diseño de sitios web

+

XHTML XHTML, acrónimo inglés de eXtensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas web. XHTML es la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. En este sentido, XHTML serviría únicamente para transmitir la información que contiene un documento, dejando para hojas de estilo (como las hojas de estilo en cascada) y JavaScript su aspecto y diseño en distintos medios (ordenadores, PDAs, teléfonos móviles, impresoras...).

Ventajas Las principales ventajas del XHTML sobre otros formatos son: - Compatibilidad parcial con navegadores antiguos: la información se visualiza, aunque sin formato. - Un mismo documento puede adoptar diseños radicalmente distintos en diferentes aparatos, pudiendo incluso escogerse entre varios diseños para un mismo medio. - Facilidad de edición directa del código y de mantenimiento. - Formato abierto, compatible con los nuevos estándares que actualmente está desarrollando el W3C como recomendación para futuros agentes de usuario o navegadores. - Los documentos escritos conforme a XHTML 1.0 pueden potencialmente presentar mejor rendimiento en las actuales herramientas web que aquellos escritos conforme a HTML.

Inconvenientes ·Algunos navegadores antiguos no son totalmente compatibles con los estándares, lo que hace que las páginas no siempre se muestren correctamente. Esto cada vez es menos problemático, al ir cayendo en desuso. ·Muchas herramientas de diseño web aún no producen código XHTML correcto.

Diferencias entre HTML y XHTML Al ser XML, se exige: - Incluir siempre la etiqueta "doctype" apropiada. - Todas las etiquetas deben cerrarse, aunque sea poniendo una barra "/", como, por ejemplo:
pasa a ser
. - No se permite abreviar los atributos, por lo que todos los atributos deben tener un valor y este debe de estar entrecomillado.

Diseño de sitios web

+

- El código es sensible a mayúsculas y minúsculas. Los nombres y atributos de todas las etiquetas deben estar escritos en minúsculas.

El objetivo del World Wide Web Consortium es lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. Para cumplir con este objetivo se desaprueba el uso de elementos y atributos de formato a favor de utilizar hojas de estilo en cascada.

Hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. Por ejemplo, el elemento de HTML

indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como

. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada una de las etiquetas

debían disponer de esa información si se deseaba un diseño consistente para una página, y además, la persona que leía esa página con un navegador perdía totalmente el control sobre la visualización del texto. Cuando se utiliza CSS, la etiqueta

no debe proporcionar información sobre como va a ser visualizada. Solamente marca la estructura semántica del documento. La información de estilo, separada en una hoja de estilo, especifica como se ha de mostrar

: color, fuente, alineación del texto, tamaño, y otras características no visuales como definir el volumen de un sintetizador de voz, por ejemplo. Las ventajas de utilizar CSS son: - Control centralizado de la presentación de un sitio web completo, con lo que se agiliza de forma considerable la actualización del mismo. - Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.

+

Diseño de sitios web

- Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o incluso a elección del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo móvil, o ser "leída" por un sintetizador de voz. - El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño.

xhtml + css servidor

navegador del usuario