Técnicas para la conversión del diseño PSD a HTML-CSS
Existen muchas técnicas diferentes para la conversión de diseños de Photoshop en páginas web HTML / CSS. Los archivos gráficos preparados en Photoshop se pueden convertir manualmente, con la ayuda de un software especial o por profesionales de la conversión. PSD a HTML, PSD a HTML o PSD a CSS: las opciones de conversión de diseño se eligen teniendo en cuenta lo que el propietario del sitio desea obtener al final. La conversión de PSD en un sitio web generalmente toma para un profesional alrededor de 8 horas para la página de inicio y algo más de tiempo para otras páginas adicionales. Para los principiantes en la conversión de PSD a CSS, puede llevar varios días crear un HTML.
Varias técnicas de conversión de Photoshop a web se distinguen por sus propias características especiales. La variante clásica es una conversión de PSD a HTML simple de estilo pobre. Se usaba comúnmente para páginas de estilo antiguo que no requieren funciones adicionales. El diseño fue estricto y minimalista. Pero hoy en día esta técnica no es suficiente para una representación de páginas web contemporáneas muy cargadas de contenido y medios. Así ha aparecido la técnica de conversión de PSD a XHTML. XHTML tiene una serie de características que amplían la funcionalidad de un marcado HTML tradicional. Es por eso que este tipo de marcado se llama XHTML – Lenguaje de marcado de hipertexto extendido. Esta técnica se hizo prestando mucha atención a tener compatibilidad con el marcado HTML estándar. Algunas etiquetas de HTML estándar se presentaron de diversas formas según el navegador web que utilice un visitante. XHTML permite crear una representación de página web estandarizada para todos los navegadores, independientemente de sus versiones y tipos. XHTML es muy común en el concepto de sitios web de calidad Web 2.0. Una de las otras técnicas para convertir PSD a un sitio web es CSS: hojas de estilo en cascada. Dicho nombre se usa para reflejar la característica principal de esta técnica: las reglas de estilo de marcado se realizan en un orden en cascada. Por ejemplo, si tenemos una condición habilitada, obtenemos una representación. Si esta condición está deshabilitada, tenemos otra verificación de condición para denotar su estado y hacer la representación de acuerdo con esta condición. Si la condición está deshabilitada, la regla verifica la tercera o realiza una salida estándar. Tal cascada de comprobaciones de reglas influyó en el nombre de CSS tal como lo conocemos. Con tal característica, el diseño de las páginas CSS es mucho más flexible que el diseño clásico de las páginas HTML. CSS se utiliza en conexión con HTML o XHTML. De esta manera, la estructura del documento se separa de su representación.
