Ayuda sobre tipo de maquetacion

[poltero]

Saludos!

fijandome por internet e visto en numerosos sitios, que tiene un tipo de maquetacion distindo al que yo uso.

Este se basa en que por ejmplo una imagen de fondo, esta echa en varias imagenes distintas, y luego mientras css se unen de manera que forman la imagen.

Otros que e visto, por ejemplo es la caja de un login (sin el formulario, solo la caja de fondo) tambien esta partida en varias imagenes que luego por css van unidas.

me interesa bastante aprender ese tipo de maquetacion pero ni se como se llama ni donde buscarlo.

Si lo conocen, podrian decirme si tiene algun nombre especifico y/o darme el enlace a algun tutorial?

Un Saludo y gracias!

[GAST0N]

Iniciado por poltero

Saludos!

fijandome por internet e visto en numerosos sitios, que tiene un tipo de maquetacion distindo al que yo uso.

Este se basa en que por ejmplo una imagen de fondo, esta echa en varias imagenes distintas, y luego mientras css se unen de manera que forman la imagen.

Otros que e visto, por ejemplo es la caja de un login (sin el formulario, solo la caja de fondo) tambien esta partida en varias imagenes que luego por css van unidas.

me interesa bastante aprender ese tipo de maquetacion pero ni se como se llama ni donde buscarlo.

Si lo conocen, podrian decirme si tiene algun nombre especifico y/o darme el enlace a algun tutorial?

Un Saludo y gracias!

no se si entendi bien, pero lo que vos decis es una imagen pequeña la repiten varaias veces y al ver, queda como una imagen grande... no tiene ningun nombre en particular, (eso creo), simplemente lo hacen para que sea mas fluido la descarga de la imagen que estan insertando de fondo... yo lo aplico mayormente a los backgrounds, siempre y cuando sea posible, porque aveces es imposible ya que el fondo es una imagen que si o si tiene q ser 1 sola,.... lo unico que se hace es agarrar una imagen y recortarla , por ejemplo de 1px x 1px , luego le das background repeat x o y depende para donde queres q se repita, y listo, al cargar todos los pedacitos queda como una unica ......

[poltero]

mmmm, no me refiero a eso exactamente.. lo que me comentas es una imagen de repeticion..

mira por ejemplo, en esta pagina http://www.globalwars.org/

si le das boton derecho a la imagen de fondo y desp a ver imagen sale esto http://static.globalwars.org/images/gui/bg_maininleft_org.gif

pero no es el fondo entero.. como veis esta partido..

yo pregunto porque parten la imagen, como se hace y/o o si tiene algun nombre esta maquetacion.

Un Saludo y gracias

[GAST0N]

Iniciado por poltero

mmmm, no me refiero a eso exactamente.. lo que me comentas es una imagen de repeticion..

mira por ejemplo, en esta pagina http://www.globalwars.org/

si le das boton derecho a la imagen de fondo y desp a ver imagen sale esto http://static.globalwars.org/images/...inleft_org.gif

pero no es el fondo entero.. como veis esta partido..

yo pregunto porque parten la imagen, como se hace y/o o si tiene algun nombre esta maquetacion.

Un Saludo y gracias

a ahora si, veo XD... lo inspeccione con el firebug, y realmente no se porque lo haran asi, no es nada especial, solo se le ocurrio unir por partes las imagenes,....no se porque sera, en mi caso particular yo no lo haria, pero bueno, tendra su justificacion... habria que preguntarle a quien maqueto eso

[poltero]

bueno.. no es el unico sitio donde utilizan ese tipo de maquetacion.. ya lo vi en varios..
seguire investigando..

Saludos!

[alexk]

bueno se tenia esa costumbre los que "maquetaban" con tablas cortaban todo en trozitos y aveces con el mismo HTML que generaba PS o su editor de imagenes ya lo dejaban tal cual :S... ademas que se supone que ayudaba a la carga rapida del sitio, recordemos que hace 10 años las conexiones eran de 28k a 56k XD...
ya te digo que si quieres aprender a "maquetar" con tablas estaras retrocediendo unos años...
Y es normal que cualquier maquetacion que veas sea diferente a las tuyas cada quien maneja su propio sistema comodo para trabajar mejor y mas rapido, aun que bueno algo tendran en comun las que esten correctas, en validacioin, semantica y de mas, un ejemplo para empezar correctamente es este sitio http://librosweb.es/

[poltero]

valla muchas gracias!
la verdad no sabia el porque de estos recortes en las imagenes..
la verdad no tengo aun ningun estilo de maquetacion predefinido.. pero me leere lo que me pasastes!

Un saludo y muchisimas gracias

[Portgaz]

A lo que te refieres con el fondo que estab dividido en varias partes y con css se van acomodando.

Es se podria decir una tecnica para ahorrar espacio, y sea mas ligero.

Imagina que tengo una imagen de 1000 x 1000, Pesa aprox. 12KB
Si la recortas por toda la altura y con 1 px de ancho, este tendra un peso de 120 bytes

MUCHA DIFERENCIA.

Y por ultimo la acomodan con repeat-x o repeat-y para que se unan una tras otra.
Espero me hayas entendido.

P.D: Te invito aqui: http://www.forosdelweb.com/f143/gente-que-quiera-aprender-html-css-php-867591/

Saludos