CSS Tableless
Hace ya un tiempo, la tendencia es diseñar sin tablas y dejar al o los archivos CSS todo el trabajo de organización del sitio; esto es el tamaño del layout, ancho de las columnas, posición de los módulos, etc. además de las ya conocidas indicaciones de colores, fuentes e imágenes.
Para Joomla 1.5, básicamente se comienza con un código en el header del archivo php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="language; ?>"
lang="language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/template ?>/css/template.css" type="text/css" />
</head>
y luego el contenido del BODY:
<body>
getCfg('sitename');?><br />
<jdoc:include type="module" name="breadcrumbs" />
<jdoc:include type="modules" name="top" />
<jdoc:include type="modules" name="left" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="right" />
</body>
Eso es lo más sencillo... porque ahora se necesita dominar CSS para manejar todas las variables que queramos para nuestro sitio. Casi todos los sitios de templates comerciales trabajan con el concepto "100% CSS and Tableless" aunque no es una obligación, podría usarse tablas en algunos casos sin perjudicar el sitio... ¿perjudicar?, bueno, veamos las ventajas de trabajar así.
Algunas Ventajas
- Validación W3C, el lugar donde se norma la Web
- Usabilidad, Accesibilidad, SEO
- Se ve en la mayoría de los navegadores
- El sitio carga más rápido
Resumiendo, para diseñar con 100% CSS and Tableless, se debe pensar de otra forma, y tal vez eso sea lo difícil para alguien acostumbrado a las tablas. El futuro va hacia allá, así que no nos queda más remedio que aprender.
