|
En la imagen anterior de nuestro proyecto podemos observar que están definidos distintos sectores o divs, a saber:
- un “header” o cabecera donde está la imagen con el logo de Joomla.
- una barra de navegación con el menú
- una barra lateral a la derecha dividida a su vez en tres sectores
- un cuerpo de contenido donde está el texto titulado “Template Joomla”, que a su vez tiene otro sector con una barra de navegación inferior (“Volver-Inicio-Mapa del sitio”)
- y un pie donde dice “Mi primer template Joomla...”.
Dados estos sectores, modifiquemos primeramente nuestro “index.html” para que quede de la siguiente forma: (ver el codigo desde aquí) Vamos a ir viendo cada uno de los divs, pero expliquemos primero sus usos. Recordemos que un div empieza con el tag o etiqueta “ ” y termina con “ ”.
|
|
Última actualización el Viernes, 05 de Febrero de 2010 20:25 |
|
|
Como dijimos en el capítulo anterior dentro de las etiquetas divs podemos indicar sus atributos mediante CSS. Dentro de los muchos atributos que veremos hay uno que se destaca y que es fundamental antes de comenzar a armar la plantilla propiamente dicha: el width, traducido “el ancho”. En efecto, recordemos que los divs son áreas o sectores y para darles sentido de ubicación primero debemos definir su tamaño.
Así podremos tener una web que podrá ser de ancho fijo definida en píxeles (px) o una web de ancho variable definida en porcentajes(%). Tanto el primero como el segundo se refieren a la “ocupación” que cada sector va a hacer de la pantalla.
Vale aclarar que existen más unidades de medidas en CSS, por ejemplo: “in”: pulgadas, “cm”: centimetros, “mm”: milímetros, “pt”: puntos, “pc”: picas, “em” o “ex”: usadas para definir sangrías en textos o tamaños de fuente. Para el objeto de este tutorial solamente usaremos “px”: píxeles y “%” porcentajes.
|
|
Última actualización el Sábado, 02 de Enero de 2010 08:24 |
|
Haciendo Plantillas para Joomla - Capitulo II
No me voy a detener mucho explicando el formato de una web pero para el neófito en la materia les hago una breve introducción y luego amplían leyendo el manual HTML que seguramente ya descargaron o buscan mayor información en la web. A grandes rasgos, una web no es más que un conjunto de archivos html alojados en un servidor. Estos archivos pueden ser "generados al vuelo" como en el caso de Joomla, mediante PHP, o bien estáticos si los hicimos nosotros mismos escribiendo el código.
|
|
Última actualización el Sábado, 02 de Enero de 2010 08:22 |
"Realizar Plantillas para Joomla!" va a estar casi en simultáneo en mi web MoatSoft y aquí, en SoloJoomla. Para empezar les dejo esta breve introducción.
Capitulo I V.1: Maquetando en CSS para Joomla!
Una de las cuestiones que tenemos que arribar si quereremos hacer plantillas para Joomla es la “maquetación”, esto es independientemente de cierto conocimiento de PHP con el que deberemos contar y mucho de XHTML y los estándares fijados por la W3C. No hay que ser un sabio en la materias mencionadas pero al menos contar con un buen manual a mano para consultas. Hay mucho material al respecto de HTML y PHP en la web así que a descargar!...
|
|
Última actualización el Miércoles, 24 de Febrero de 2010 09:04 |
|
Armar templates para Joomla (como para cualquier otro CMS) no es sencillo pero tampoco imposible. Solo es cuestión de conocer un poco de PHP, HTML y CSS, y sin llegar a ser un sabelotodo o un experto; la experiencia viene con el uso y con el uso la sabiduría. De igual modo debemos conocer qué usa cada CMS para manejar sus contenidos, como funciona y qué estilos utiliza, cuánto más sepamos de estas tres cosas mejor resultado tendrá el trabajo al que nos lancemos. Por eso, lo básico es leer el manual (RFM!., como dicen en Linux y perdón por el exabrupto: read the fucking manual)...
|
|
Última actualización el Sábado, 02 de Enero de 2010 08:32 |
|
|
|
|
<< Inicio < Prev 1 2 3 4 5 6 7 8 9 10 Próximo > Fin >>
|