-
Cómo usar XHTML para el diseño y Diseño
-
XHTML es una versión más robusta del lenguaje de marcado web que las variantes anteriores de hiper text markup language (HTML). Esto hace que las páginas Web construidos en XHTML más fiable y accesible a una variedad más amplia de usuarios navegar por la web. Para utilizar XHTML, asegúrese de que el margen de beneficio es válido y bien formadas, como las especificaciones son estrictas y menos tolerante que lo que puede ser usado para. En lugar de sólo la construcción de páginas web que funcionan y buscan la forma que desee, utilizando XHTML significa un compromiso de mantener un alto nivel dentro de sus estructuras de página.Instrucciones
1 Separar el contenido de la página web de su formato. Calcule lo que el contenido de las páginas del sitio web va a ser. Esto puede incluir texto, datos y distintos medios, como imágenes y vídeo, pero no debe incluir la forma en que desea que aparezcan estos elementos. Cuando se construye páginas en XHTML, las estructuras utilizadas estará allí para mantener el contenido y por lo tanto es necesario tener una idea clara del contenido. Enumerar los elementos de contenido que tienen la intención incluidos en el sitio web y prepararlo para ir en línea.
2 Crear un diseño para el sitio web. El uso de software o dibujar en papel, llegar a un diseño para su página web, sin embargo rugosa o se detalla te gusta. Esto debe reflejar la apariencia que usted desea que el sitio se ajusta a cuando la gente ve en un explorador Web. Asegúrese de que todo el contenido que desea que se muestre puede ser contenida de manera efectiva dentro del diseño. Tenga en cuenta lo que desea que los usuarios puedan hacer uso de sus páginas web y asegurarse de que esto será posible dentro de su diseño de la interfaz.
3 Crear uno o más archivos ".html" en un editor de texto para mantener las estructuras XHTML y mostrar el contenido de su sitio. Uno a la vez, crear las estructuras dentro de sus páginas XHTML, de acuerdo con el siguiente esquema:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html>
<Head>
<Title> Mi título de la página </ title>
</ Head>
<Body>
<Div> Aquí es mi contenido de la página. </ Div>
</ Body>
</ Html>
Hay ciertas reglas que son requeridos por XHTML y sus documentos debe tener una validez Definición de Tipo de Documento (DTD) incluido. Asegúrese de marcado de la página contiene elementos válidos única y que éstas están cerradas correctamente, utilizando los atributos de caso citado solamente inferiores como en este ejemplo:
<P class = "principal"> Un texto en un párrafo. </ P>
4 Valida el XHTML. El uso de las herramientas de validación en línea, comprobar para asegurarse de marcado XHTML es válido. No se preocupe si hay una gran cantidad de errores cuando se compruebe en primer lugar, ya que esto es perfectamente normal. Mira a través de la lista de errores y corregir cada error en la curva. Cada vez que se corrige un error, validar de nuevo el documento, ya que un solo error puede causar a menudo múltiples errores posteriores, por lo que el margen de beneficio aparecer mucho peor de lo que es (ver Recursos).
5 Implementar el diseño utilizando las reglas de estilo. Utilice la hoja de estilo en cascada (CSS) reglas para reflejar la disposición deseada y el aspecto de las páginas XHTML, como en el siguiente ejemplo:
div
{Width: 50%;}
p.main
{Color: # FF0000;}
Es preferible mantener las declaraciones CSS independiente de la principal marcado XHTML, en un archivo guardado con extensión ".css" y vinculado a la cabecera de la página utilizando la siguiente sintaxis:
<Link rel = "stylesheet" type = "text / css" href = "miestilo.css" />
Trate de incluir todas las normas de diseño y maquetación dentro de la CSS en lugar de en el XHTML, ya que esta es la clave para la creación de contenidos web accesibles.
Consejos y advertencias
- Pon a prueba tu XHTML en tantos navegadores como sea posible, ya que es probable que aparezcan de manera diferente en algunos de ellos. Comience por el desarrollo de uno de los navegadores más compatible con los estándares y construir en apoyo a los demás después.
- Resistir la tentación de incluir la configuración de estilo y de la disposición dentro de su XHTML. La elección de utilizar XHTML es comprometerse a la creación de páginas que se construyen a un alto nivel.
