ancho pagina amoldable  

Hola juaito.

Es cierto el artister, sólo permite ancho fijo en pixeles para las páginas que realizas.
Pero hay que entender que este programa te brinda sólo una ayuda, y si quieres personalizar
mucho más tu template tendrás que modificar el código generado.

Para lograr que la página sea dinámica tienes que modificar el index.php y modificar o agregar
un archivo CSS. Revisa el siguiente link en donde explican el procedimiento.

Ancho de pagina-columnas dinamico (Joomla 1.5 + Artisteer 2)

Saludos.

Hola juaito,

El sistema de plantillas fluidas creo que ya no se lleva, que quedó muy en desuso sobre todo a raíz de que las nuevas resoluciones están por encima de los 1024 lo que permite que el estándar de 960px de ancho para el común de las plantillas sea casi una norma de facto actualmente utilizada por los desarrolladores de plantillas para Joomla!.

Antiguamente yo mismo era un defensor de la plantillas fluidas y las implementaba en aquellos proyectos que consideraba que era interesante disponer de esta funcionalidad, actualmente no piendo igual.

- http://www.e-verano.org/edicion/2007/

Si recogemos algunas estadísticas publicadas por W3Counter.com vemos el dominio de las resoluciones:

http://www.w3counter.com/ g">Resoluciones de pantalla
1 1 1024x768 1024x768 23.02% 23.02%
2 2 1280x800 1280x800 18.10% 18,10%
3 3 1280x1024 1280x1024 9.96% 9,96%
4 4 1440x900 1440x900 8.18% 8,18%
5 5 1366x768 1366x768 7.31% 7,31%
6 6 1680x1050 1680x1050 5.25% 5,25%
7 7 1920x1080 1920x1080 2.55% 2,55%
8 8 800x600 800x600 2.30% 2,30%
9 9 1152x864 1152x864 2.05% 2,05%
10 10 1920x1200 1920x1200 1.92% 1,92%

Tiempo atrás estaba de moda incluir los botones de 800x600, Fluido, etc., pero con el tiempo creo que han caído en desuso por el motivo expuesto.

¿Que sucede con aplicaciones como Artister? sencillamente seguirán permitiendo el diseño de plantillas en anchos fijos y si quieres algo fluido tendrás que tocar mucho el código de la misma y diseñar elementos visuales alternativos para las distintas resoluciones, pues ¿como diseñar un header fluido que contiene una imagen?, ¿como afectará este header a una resolución de 1200 y a una de 1900 cada vez más utilizadas?.

Creo que este tema daría para mucho, pero en líneas generales, tal como ya recomiendan desarrolladores como JoomlaShack, diseñar por encima de los 960px una plantilla (no los elementos que la circunscriben) es poco practico o queda para plantillas donde los elementos gráficos se escriban (dibujen) en CSS y no con imágenes.

Saludos

Buen punto gnumax

Por otro lado y sólo para complementar tal vez la flexibilidad de las plantillas actualmente
sea sólo tomada en cuenta hacia abajo, es decir menores a 960 dependiendo del dispositivo.

Por ejemplo:

Aplicable en algunos casos, para un site como blog sencillo en un IPHONE,
contenido redimensionado por CSS
flexible-mobile-first-layouts-with-css3

Aplicable para ver un sitio web en un IPAD
How to optimize your Joomla site for iPad

Saludos.

Hola

Entiendo perfectamente que la usabilidad debe ser no solo "hacia abajo" sino en todas las direcciones, de ahí que los nuevos desarrollos en Joomla! ya estén incluyendo y considerando plataformas móviles (iPhone, Android, Blackberry e iPads) como soportes de menor resolución y formato más simple, pero dudo mucho que plantillas realizadas con "maquinas de churros" como Artister sean capaces hoy por hoy de desarrollar plantillas finales en esa linea.

"Hacia abajo" no se si se considera la flexibilidad o si directamente se desarrolla para estos soportes "casi" de forma independiente a los soportes tradicionales, habría que ver algunas estadísticas para saber la incidencia de estos soportes en el trafico web.

Saludos

Hola gnumax

De acuerdo contigo en lo de artister, y también en lo de páginas casi independientes, (especialmente para dispositivos pequeños)

Por otro lado creo que inventé un término "flexibilidad hacia abajo" 🙂

Es un tema interesante lo de móviles, espero lo tratemos más al detalle en futuros posts.

Saludos.

Entonces 960 px seria un estandar para crear nuestros sitios web en vista de las altas resoluciones que existen hoy dia?

Más que estandar yo diria que es una buena práctica. Revisa http://www.w3counter.com/globalstats.php?year=2010&month=8 y veras las resoluciónes que más se utilizan y te darás cuenta que la mayoria usa 1024.

Si quieres leer un poco mas sobre el tema

http://cameronmoll.com/archives/2009/04/is_it_time_to_move_beyond_960/
http://designbit.co.uk/2009/04/17/web-page-design-width/ este ultimo tiene un muy buena respuesta

“it depends”, quickly followed by “look at your analytics”

PD. se me olvido decir el 1024 es la resolución de la mayoria de pantallas (segun las estadísticas) por lo que la sugerencia es diseñar para sea visto en dicha resolución, es decir configura tu monitor a dicha resolución y así diseñas, por lo que es muy probable que un 960 sea adecuado.

Saludos,

Leonel

Muy buena información, pero como se cual es el tipo de resolución que se utiliza en mi país, Mexico?

Puede sonar feo pero habria que buscar en google

Por ejemplo http://modernl.com/article/screen-resolutions-and-aspect-ratios-worldwide
http://www.comunidadhosting.com/programacion-y-diseno-web/10741-en-que-resolucion-de-pantalla-disenais-vuestros-sitios-web.html

y como te comentaba en la respuesta anterior revisa https://www.google.com/analytics de tu sitio

No se si ya te distes cuenta, pero casi en todos los enlaces que te he pasado y en el analytics de un sitio que acabo de consultar la mayoria usa 1024 x 768

Saludos,

Leonel

No sabia que www.google.com/analytics arrojara este tipo de datos?

Claro, si tienes instalado analytics, lo puedes encontrar en Usuarios - Opciones del navegador - Resoluciones de pantalla y mucha mas información util.

Saludos,

Leonel

Una pregunta de novato, si la resoluciones de pantalla son ya casi todas de 1024x788 para arriba, por qué decis que el ancho se de la página se debe hacer en 960x. ¿No sería mejor de 1024?.

Hola juaito,

El estándar se mantiene en los 960px por razones de estética, la mayoría de páginas no llegan a los bordes del navegador, y se recogen hacia el interior a esa medida, pero que sea el estándar no significa que tu debas hacerlas así.

Si vas ha realizar una plantilla con ancho completo, es obvio que tu resolución será tu referencia, pero no la del resto de visitantes, independientemente de eso, tu eres quien decide el ancho de tu plantilla, lo demás son solo eso "recomendaciones", el estándar es una guía, un referente, pero no es una norma.

Saludos

Gracias gnumax, era obvio.
Ya que estas conectado y veo que dominas el tema, otra pregunta, aprte del Artisteer hay algún otro progrma que genera plantillas y que sea mejor o al menos igual?????

Gracias