Gracias Gracias:  0
Resultados 1 al 13 de 13

Tema: ayuda con precarga de web hecha en html

  1. #1
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Question Ayuda con precarga de web hecha en html

    Hola a tod@s... ...resulta que tenemos la web de un clan dedicado al juego de estrategia praetorians 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 como 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
    Última edición por Gepetto; 02-04-2007 a las 01:43
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  2. #2
    Senior Member Avatar de Fly
    Fecha de ingreso
    Sep 2004
    Mensajes
    436

    Re: Ayuda con precarga de web hecha en html

    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 retocais 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í como 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 se... 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.

    PD: la página esta muy chula de todas formas.

  3. #3
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Re: Ayuda con precarga de web hecha en html

    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 hecha 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 webmaster es -0,1

    Saludos para ellos, besitos para ellas...
    Última edición por Gepetto; 02-04-2007 a las 04:11
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  4. #4
    Senior Member Avatar de Fly
    Fecha de ingreso
    Sep 2004
    Mensajes
    436

    Re: Ayuda con precarga de web hecha en html

    Prueba esto, lo acabo de encontrar :

    Código:
    <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="#000000" bordercolor="#FFFFFF">
    <tr><td align=center>
    <font color="#ffffff" 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/notic...26502a---.html
    Última edición por Fly; 02-04-2007 a las 04:14

  5. #5
    Senior Member Avatar de Fly
    Fecha de ingreso
    Sep 2004
    Mensajes
    436

    Re: Ayuda con precarga de web hecha en html

    Aquí tienes más http://www.desarrolloweb.com/articulos/1171.php

    al final de la página tienes enlaces a temas similares.

    Saludos.

  6. #6
    Habitacus! Avatar de josepzin
    Fecha de ingreso
    Feb 2004
    Ubicación
    Carthagonova
    Mensajes
    4,854

    Re: Ayuda con precarga de web hecha en html

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

  7. #7
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Re: Ayuda con precarga de web hecha en html

    Fly estoy estudiando los ejemplos que me brindas, a ver si soy capaz de hacer funcionar alguno ^^
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  8. #8
    Habitacus! Avatar de josepzin
    Fecha de ingreso
    Feb 2004
    Ubicación
    Carthagonova
    Mensajes
    4,854

    Re: Ayuda con precarga de web hecha en html

    Los contenidos HTML se cargan más rapido... directamente! :D
    Tambien puedes poner algún sector hecho con Flash.

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

  9. #9
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Re: Ayuda con precarga de web hecha en html

    Cita Iniciado por josepzin Ver mensaje
    Tambien puedes poner algún sector hecho con Flash.
    El problema es que mi conocimiento de flash = 0 por eso voy buscando lo que comento...

    Cita Iniciado por josepzin Ver mensaje
    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í

    __________________________________________________ ____________
    Cita Iniciado por Fly Ver mensaje
    Prueba esto, lo acabo de encontrar :

    Código:
    <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="#000000" bordercolor="#FFFFFF">
    <tr><td align=center>
    <font color="#ffffff" 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/notic...26502a---.html
    Esto es básicamente lo que busco, pero no he conseguido echar a andar esto

    Saludos a ambos
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  10. #10
    Habitacus! Avatar de josepzin
    Fecha de ingreso
    Feb 2004
    Ubicación
    Carthagonova
    Mensajes
    4,854

    Re: Ayuda con precarga de web hecha en html

    Cita Iniciado por Gepetto Ver mensaje
    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 imagénes como están (que se carguen a su bola) y tratar de achicar el peso lo máximo posible.

    Sobre el fondo, no se, 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.

  11. #11
    Senior Member Avatar de Fly
    Fecha de ingreso
    Sep 2004
    Mensajes
    436

    Re: Ayuda con precarga de web hecha en html

    Cita Iniciado por Gepetto Ver mensaje
    ...
    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/articulos/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 cosilla, el puntero personalizado no es compatible con firefox, me he dado cuenta ahora que en IExplorer si que funciona.

    Saludos

  12. #12
    Habitacus! Avatar de josepzin
    Fecha de ingreso
    Feb 2004
    Ubicación
    Carthagonova
    Mensajes
    4,854

    Re: Ayuda con precarga de web hecha en html

    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

  13. #13
    Senior Member Avatar de TBC3D
    Fecha de ingreso
    Apr 2006
    Ubicación
    En mitad de un sueño
    Mensajes
    2,425

    Re: Ayuda con precarga de web hecha en html

    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 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 delas fotografías.

    Metes las fotografías en una carpeta, y entonces, quedandote 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.

Temas similares

  1. ayuda como relleno una pieza hecha con torno
    Por XenGoth en el foro Modelado
    Respuestas: 3
    Último mensaje: 14-01-2010, 13:47
  2. Correos con HTML
    Por Mario en el foro Todo menos Infografía
    Respuestas: 5
    Último mensaje: 30-08-2007, 15:12
  3. Correos con HTML
    Por Mario en el foro Infografía General
    Respuestas: 1
    Último mensaje: 27-08-2007, 11:58
  4. Maquetador HTML
    Por yoyes en el foro Ofertas de Empleo
    Respuestas: 1
    Último mensaje: 02-06-2006, 11:23
  5. Sobre Html
    Por damesqlo en el foro Problemas con Programas
    Respuestas: 12
    Último mensaje: 05-04-2004, 12:13

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •