Sugerencias con precarga de web hecha en html

[Gepetto]

hola a todos/as, resulta que tenemos la web de un clan dedicado al juego de estrategia Pretorians ya casi terminada.
www.clangranada.com, pero como podéis ver la página tarda mucho en cargar debido a la calidad de sus imágenes.
me pregunto si hay manera de poner una barra de precarga cómo se ponen en las páginas en flash, de modo que al entrar.

En la web no de la sensación de que las imágenes van apareciendo poco a poco.
gracias, un cordial saludo.

[Fly]

Por lo que veo los slices esta hechos con el imageready de Adobe, pero del resto no tengo ni idea, igual si la hiciérais a mano o por lo menos retocáis el código iría más fluida.

Creo recordar que hay opciones para poner imágenes de baja calidad mientras cargan las buenas, eso podría ayudar. Así cómo hacer que los gifs se muestren de forma diferente según se van cargando (tampoco recuerdo como, sólo me suena).

Yo se algo de php, pero orientado a bases de datos, si te puedo ayudar avisa y rebusco entre los tutoriales.

Estoy viendo que el servidor es italiano y desde aquí (aunque ahora mismo estoy con una conexión de wifi compartida) el ping es más alto que otras páginas, aunque muy parecido al de 3dpoder, com, podéis ver si van por ahí los tiros, aunque no sé, el total de imágenes de index2.htm no llega a 900kb..

Recordad añadir las marcas meta si vais a poner la página en los buscadores.
saludos y suerte.

Posdata: la página está muy chula de todas formas.

[Gepetto]

Fly muchas gracias por todos tus consejos, los tendré en cuenta, pero no acabas de responder explícitamente a la pregunta que planteo de si es posible poner una barra de precarga tipo flash en una página echa en html.

Busco algo sencillo y funcional, que una vez se entre en la web vaya la navegación por la misma fluida.

Si alguien responde que tenga en cuenta que mi nivel de webmáster es -0,1. Saludos, para ellos, besitos para ellas.

[Fly]

Prueba esto, lo acabo de encontrar:

html>
head>
title>título</title>
div id=waitdiv style=position:absolute;left:300;top:300;visibility:hidden>
table cellpadding=6 cellspacing=0 border=1 bgcolor= bordercolor=>
tr><td align=center>
font color= face=verdana size=4>cargando página.</font>
img src=/images/cargando, gif border=1>
/td>
/tr></table>
/div>
script>
.-
Var dhtml = (document, getelementbyid || document, all || document, layers),
Function ap_getobj(name) {
If (document, getelementbyid)
{ return document, getelementbyid(name), style; }
Else if (document, all)
{ return document, all[name].style; }
Else if (document, layers)
{ return document, layers[name]; }
}
Function ap_showwaitmessage (div, flag) {
If (.dhtml) return;
Var x = ap_getobj(div), x.visibility = (flag)? Visible:hidden.

If(, document, getelementbyid) if(document, layers) x.left=280/2, return true; } ap_showwaitmessage (waitdiv, 3),
//->
/script>
/head>
body>
Cuerpo del sitio.
/body>
script language=javascript>
.-
Ap_showwaitmessage (waitdiv, 0),
//->
/script>
/html>

Perdón, olvidé citar la fuente : http://www.extremaweb.com/blog/noticia1124926502a-.html.

[Fly]

Aquí tienes más http://www.desarrolloweb.com/artículos/1171.php. Al final de la página tienes enlaces a temas similares. Saludos.

[josepzin]

Muy bien la web. Soy un gran fanático del Pretorians, aunque hace mucho que no tengo tiempo de jugar.

[Gepetto]

Fly estoy estudiando los ejemplos que me brindas, a ver si soy capaz de hacer funcionar alguno.

[josepzin]

Los contenidos html se cargan más rápido, directamente. También puedes poner algún sector hecho con flash. El cuadriculado de fondo no pega mucho con el estilo de la web.

[Gepetto]

También puedes poner algún sector hecho con flash.

El problema es que mi conocimiento de flash = 0 por eso voy buscando lo que comento.

El cuadriculado de fondo no pega mucho con el estilo de la web.

Puede ser que lleves razón. ¿Qué tipo de fondo me aconsejas?
.

Prueba esto, lo acabo de encontrar:

Html>.

Head>.
title>título</title>.

Div id=waitdiv style=position:absolute;left:300;top:300;visibility:hidden>.
table cellpadding=6 cellspacing=0 border=1 bgcolor= bordercolor=>.
tr><td align=center>.
font color= face=verdana size=4>cargando página.</font>.
img src=/images/cargando, gif border=1>.
/td>.
/tr></table>.
/div>.
script>.

Var dhtml = (document, getelementbyid || document, all || document, layers).

Function ap_getobj(name) {.

If (document, getelementbyid).
{ return document, getelementbyid(name), style; }.

Else if (document, all).
{ return document, all[name].style; }.

Else if (document, layers).
{ return document, layers[name]; }.
}.

Function ap_showwaitmessage (div, flag) {.

If (.dhtml) return.

Var x = ap_getobj(div), x.visibility = (flag)? Visible:hidden.

If(, document, getelementbyid) if(document, layers) x.left=280/2, return true; } ap_showwaitmessage (waitdiv, 3).
//->.
/script>.
/head>.
body>.

Cuerpo del sitio.
/body>.
script language=javascript>.

Ap_showwaitmessage (waitdiv, 0).
//->.
/script>.
/html>.

Perdón, olvidé citar la fuente : http://www.extremaweb.com/blog/noticia1124926502a-.html.

Esto es básicamente lo que busco, pero no he conseguido echar a andar esto. Saludos a ambos.

[josepzin]

El problema es que mi conocimiento de flash = 0 por eso voy buscando lo que comento. Puede ser que lleves razón. ¿Qué tipo de fondo me aconsejas?

Si no conoces de flash y para simplificar yo haría lo siguiente: dejar las imágenes como están (que se carguen a su bola) y tratar de achicar el peso lo máximo posible.

Sobre el fondo, no sé, pienso que una textura muy suave o quizás mejor un color pleno. Al go que siga con el estilo marcado por el resto de la web.

[Fly]

Esto es básicamente lo que busco, pero no he conseguido echar a andar esto. Saludos a ambos.

Parece que la opción que proponen en desarrolloweb, com es esta http://www.desarrolloweb.com/artículos/1422.php.

Como puedes ver es un poco lioso pues tu página tiene muchas imágenes, a la tarde le podría echar un vistazo si no has conseguido nada aun.

Otra cosa, el puntero personalizado no es compatible con Firefox, me he dado cuenta ahora que en iexplorer sí que funciona. Saludos.

[josepzin]

Yo no lo complicaría, ya demasiado es difícil hacer que se vea bien en todos los exploradores para además agregarle cosas raras.

[TBC3D]

Hola, lo primero es dejarse de tanta parafernalia de programación y scripts suelto por ande ande. Hazte una matríz en html y las imágenes(jpg), bajalas de tamaño con Adobe Photoshop. Así te ahorraras dolores decabeza, sobre todo si no controlas scripts y flash.

Si vas a meter un flash con fotografías, baja su resolución. La otra oprción es que te generes un archivo txt o xml con las ruta de las fotografías.

Metes las fotografías en una carpeta, y entonces, quedándote tres archivos(un swf, un xml(txt) y una carpeta con fotografías), haces que el flash llame a CAD imagen por medio el xml(txt).

De esta manera tu web no pesara tanto, y solo terdará un poco cuando intentes bajar una fotografía. Un saludo.