Cap. V - Maquetación en Joomla - Consideraciones Previas
|
 Escrito por Angus Yg : Metalero en Cursos, CSS Joomla A Fondo 
Si bien este capítulo será teórico y conceptual, he querido detenerme un poco más y explayarme en algunas definiciones ya que es necesario que se comprenda el punto de partida del diseño. Siempre el primer paso es el más importante y si arrancamos con el pie izquierdo sin entender bien hacia donde vamos no llegaremos a un buen destino. Cuando encaramos una maquetación para Joomla, sea su creación o adaptación, tenemos que tener en cuenta tres actividades distintas y ordenadas:
Dichas actividades tienen que ser cuidadosamente planeadas y enfocadas en el objetivo final de la web ya que no es lo mismo hacer una plantilla para un profesional que para un diario digital o una red social. La primer actividad es la generación o estado de las posiciones, es lo que en Joomla se corresponde con el archivo index.php ubicado en "templates/nombre-de-la-plantilla". Allí se codifica con PHP y HTML los espacios a ocupar con módulos y componentes del CMS. La segunda actividad es el estilo de dichas posiciones y se corresponde con el archivo, o los archivos, CSS ubicados dentro de la carpeta "templates/nombre-de-la-plantilla/css". La tercera actividad, es la parte de diseño gráfico en si: imágenes, gif animados, fondos, iconos, flash, etc., los que se ubicarán en la carpeta "templates/nombre-de-la-plantilla/images". En este tutorial nos ocuparemos solamente de la segunda actividad ya que la primera fue explicada en otro que hay en esta web, cual es "Maquetando para Joomla" y les recomiendo su lectura antes de continuar, si es que no saben nada de maquetación. La tercera actividad escapa a los fines planteados y pertenece más a las habilidades de cada uno en cuanto al conocimiento de conceptos de tratamiento de imágenes y al manejo de distintos programas que existen para ello como Corel, Photoshop, etc. Empezaremos con el archivo de estilo base: template.css o template_css.css, ubicado dentro de la carpeta del template llamada "css". Este archivo lo que hace es darle tamaños, fondos, colores, efectos y demás propiedades a las distintas posiciones y elementos que componen la plantilla. Para trabajar de una forma ordenada, es muy práctico dividir este archivo en dos secciones básicas:
En la primera parte del archivo, definiremos el formato general de la web, su maqueta, es decir los estilos básicos de alqunas etiquetas HTML. En el segundo codificaremos los estilos predefinidos que son propios del software. Vale aclarar que para el caso de plantillas de nivel avanzado, también se re-codifican en PHP algunos componentes y módulos que trae el CMS, como com_content, com_search, mod_banners, mod_login y otros. Estos archivos PHP se ubican dentro de la carpeta del template llamada "html" y sirven para darle un aspecto distinto a los que trae por defecto. Así mismo, es común encontrar carpetas js y archivos php dentro del template para darle efectos y funcionalidades extras. A los fines de poder seguir un orden con este tutorial iré explicando la maquetación basándomen en distintas plantillas conocidas incluyendo las que trae el propio Joomla cuando se instala. En el capítulo siguiente veremos la maqueta en lo que es el estilo en general y en distintas modalidades de diseño.
|
