Tema: Precarga (Preload) pagina HTML Completa
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/01/2010, 12:03
hugoblanco
 
Fecha de Ingreso: enero-2010
Mensajes: 4
Antigüedad: 14 años, 10 meses
Puntos: 0
Precarga (Preload) pagina HTML Completa
Hola amigos, soy nuevo en el foro.

Pues miren hice una pagina en Dreamweaver, se HTML Básico.

El caso es que pues la plantilla la diseñe en photoshop y en dreamweaver y genere el codigo, el codigo me quedo algo asi:

Código: 
<html>
<head>
<title>Punto Relax</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	background-image: url(http://punto-relax.com/diseno/fondopuntorelax.jpg);
	background-repeat: repeat-y;
}
.Estilo9 {font-family: "Myriad Pro", Arial; font-size: 18px; color: #FFFFFF; }
.Estilo22 {font-size: 18px; font-family: "Myriad Pro", Arial; }
.Estilo31 {font-family: "Myriad Pro", Arial; font-size: 16px; color: #FFFFFF; }
.Estilo32 {
	font-size: 10px
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (plantillapuntorelax.psd) -->
<table id="Tabla_01" width="1024" height="1161" border="0" cellpadding="0" cellspacing="0">
<tr>
		<td width="68" rowspan="11">&nbsp;</td>
	  <td height="175" colspan="4" background="http://punto-relax.com/diseno/PuntoRelax_02.png">&nbsp;</td>
<td width="107" rowspan="11">&nbsp;</td>
  </tr>
	<tr>
		<td height="37" colspan="4" align="center" valign="middle" background="http://punto-relax.com/diseno/PuntoRelax_04.png"><table width="700" border="0" align="center">
          <tr>
            <td height="24" align="center" valign="middle"><span class="Estilo22"><a href="../Paginas/www.punto-relax.com/index.html">Inicio</a></span></td>
          
            <td align="center" valign="middle"><span class="Estilo22"><a href="../Paginas/www.edancers.punto-relax.com">e-dancers</a></a></span></td>
            <td align="center" valign="middle"><span class="Estilo22">Archivo</span></td>
            <td align="center" valign="middle"><span class="Estilo22">Notas</span></td>
            <td align="center" valign="middle"><span class="Estilo22"><a href="../Paginas/www.punto-relax.com/acercade.html">Acerca de...</a></span></td>
            <td align="center" valign="middle"><span class="Estilo22">Contacto</span></td>
          </tr>
        </table></td>
  </tr>
	<tr>
		<td height="21" colspan="4" background="http://punto-relax.com/diseno/PuntoRelax_05.png">&nbsp;</td>
  </tr>
	<tr>
		<td width="15" rowspan="6" background="http://punto-relax.com/diseno/PuntoRelax_06.png">&nbsp;</td>
  <td width="479" rowspan="6" valign="top" background="http://punto-relax.com/diseno/PuntoRelax_07.png"><!-- TemplateBeginEditable name="Contenido principal" -->
    <table width="475" border="0" align="center">
      <tr>
        <td background="http://www.punto-relax.com/imgs/je.png"><span class="Estilo9">Inicio</span></td>
      </tr>
      <tr background="file:///D|/Hugo/Punto Relax/je.png">
        <td valign="top" background="http://www.punto-relax.com/imgs/je.png"><span class="Estilo9">En portada...</span></td>
      </tr>
      <tr>
        <td valign="top"><p>Estamos actualizando el sitio y agregando contenido.</p>
          </td>
      </tr>
    </table>
    <table width="475" border="0" align="center">
      <tr background="file:///D|/Hugo/Punto Relax/je.png">
        <td width="260" background="http://www.punto-relax.com/imgs/je.png"><span class="Estilo9">Notas</span></td>
        <td width="205" background="http://www.punto-relax.com/imgs/je.png"><span class="Estilo9">Tu Evento</span></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><p>&iquest;Quieres organizar tu evento con un estilo muy relax?<br>
          Nosotros lo hacemos por ti, solo cont&aacute;ctanos.</p>
          <p>&iquest;Quieres un patrocinio?<br>
          Nosotros te apoyamos, no esperes m&aacute;s y cont&aacute;ctanos.</p>
          </td>
      </tr>
    </table>
    <br>
  <!-- TemplateEndEditable --></td>
<td width="326" height="40" background="http://punto-relax.com/diseno/PuntoRelax_08.png"><table width="200" border="0" align="center">
          <tr>
            <td align="center" valign="middle"><span class="Estilo9">Multimedia</span></td>
          </tr>
        </table></td>
<td width="29" rowspan="6" background="http://punto-relax.com/diseno/PuntoRelax_09.png">&nbsp;</td>
  </tr>
	<tr>
		<td height="232" valign="top" background="http://punto-relax.com/diseno/PuntoRelax_10.png"><!-- TemplateBeginEditable name="Multimedia" -->
		  <table width="320" border="0" align="center" background="http://www.punto-relax.com/imgs/je2.png">
            
            <tr>
              <td valign="top" background="http://www.punto-relax.com/imgs/je2.png"><span class="Estilo31">Video Relax</span></td>
            </tr>
            <tr background="http://www.punto-relax.com/imgs/je2.png">
              <td valign="top">
              
                <div align="center">
                  <object width="312" height="187">
                    <param name="movie" value="http://www.youtube.com/v/Pde2j70eiC8&hl=es_ES&fs=1&">
                    </param>
                    <param name="allowFullScreen" value="true">
                    </param>
                    <param name="allowscriptaccess" value="always">
                    </param>
                    <embed src="http://www.youtube.com/v/Pde2j70eiC8&hl=es_ES&fs=1&" width="312" height="187" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed>
                  </object>
                  
                </div></td>
            </tr>
          </table>
		  <!-- TemplateEndEditable --></td>
	</tr>
	<tr>
		<td height="40" background="http://punto-relax.com/diseno/PuntoRelax_11.png"><table width="200" border="0" align="center">
          <tr>
            <td align="center" valign="middle"><span class="Estilo9">Anuncios</span></td>
          </tr>
        </table></td>
  </tr>
	<tr>
		<td height="227" valign="top" background="http://punto-relax.com/diseno/PuntoRelax_10.png"><!-- TemplateBeginEditable name="Anuncios" -->
		  <table width="290" border="0" align="center" background="http://www.punto-relax.com/imgs/je2.png">
            <tr background="http://www.punto-relax.com/imgs/je2.png">
              <td><span class="Estilo31">Publicidad</span></td>
            </tr>
            <tr>
              <td background="file:///D|/Hugo/Punto Relax/je2.png"><div align="center"><img src="http://www.punto-relax.com/imgs/ANUNCIATE.jpg" width="280" height="270" align="bottom"></div></td>
            </tr>
          </table>
	    <p>&nbsp;</p>
		<!-- TemplateEndEditable --></td>
  </tr>
	<tr>
		<td height="40" background="http://punto-relax.com/diseno/PuntoRelax_11.png"><table width="200" border="0" align="center">
          <tr>
            <td align="center" valign="middle"><span class="Estilo9">Enlaces</span></td>
          </tr>
        </table></td>
  </tr>
	<tr>
		<td height="255" align="center" valign="top" background="http://punto-relax.com/diseno/PuntoRelax_10.png"><!-- TemplateBeginEditable name="Enlaces" -->
		  <table width="290" border="0" background="http://www.punto-relax.com/imgs/je2.png">
<tr>
              <td background="file:///D|/Hugo/Punto Relax/je2.png"><div align="left"><span class="Estilo31">Siguenos en:</span></div></td>
          </tr>
            <tr background="file:///D|/Hugo/Punto Relax/je2.png">
              <td align="center"><p><img src="http://www.punto-relax.com/imgs/facebook.png" width="140" height="44"><a href="http://www.myspace.com/puntorelaxpuebla"><img src="http://www.punto-relax.com/imgs/myspace.png" width="140" height="44"></a><br>
              <a href="http://twitter.com/puntorelaxpue"><img src="http://www.punto-relax.com/imgs/twitter.png" width="140" height="44"></a><a href="http://www.youtube.com/user/Puntorelaxpuebla"><img src="http://www.punto-relax.com/imgs/youtube.png" width="140" height="44"></a></p></td>
          </tr>
          </table>
	    <!-- TemplateEndEditable --></td>
  </tr>
	<tr>
		<td height="70" colspan="4" align="center" valign="middle" background="http://punto-relax.com/diseno/PuntoRelax_15.png"><table width="400" border="0">
          <tr>
            <td><div align="center" class="Estilo32"> &copy;   Copyright 2009 Punto Relax | Sitio dise&ntilde;ado por Hugo Blanco S&aacute;nchez</div></td>
          </tr>
        </table></td>
  </tr>
	<tr>
		<td colspan="4">&nbsp;</td>
  </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Quiero saber detalladamente donde insertar el código de un preloader, para que en lo que carga mi pagina completamente con todo y sus imágenes, aparezca un mensaje espere o algo asi.