Foros del Web » Creando para Internet » Diseño web »

¿Cuál de estas dos opciones es mejor?

Estas en el tema de ¿Cuál de estas dos opciones es mejor? en el foro de Diseño web en Foros del Web. Me gustaría saber: ¿Cuál de estas dos opciones es mejor? Opción 1: http://extremegames.gofreeserve.com/...ueba%2029.html Opción 2: http://extremegames.gofreeserve.com/...Prueba 40.html Códigos respectivos: Prueba 29: Código HTML: <!DOCTYPE html ...
  #1 (permalink)  
Antiguo 01/07/2009, 18:53
 
Fecha de Ingreso: septiembre-2008
Mensajes: 221
Antigüedad: 9 años, 2 meses
Puntos: 1
¿Cuál de estas dos opciones es mejor?

Me gustaría saber: ¿Cuál de estas dos opciones es mejor?

Opción 1: http://extremegames.gofreeserve.com/...ueba%2029.html

Opción 2: http://extremegames.gofreeserve.com/...Prueba 40.html

Códigos respectivos:

Prueba 29:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-top: 200px;
}
.Estilo1 {color: #000000}
-->
</style></head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
<body>
<div align="center"><a href='http://farm3.static.flickr.com/2648/3675146547_33a0a3b6c3_o.png' class='lightview' rel='gallery[mygallery]'><img src="http://extremegames.gofreeserve.com/boton-imagenes-mafia.png" width="480" height="80" border="0" /></a>

</div>
<a href='http://farm3.static.flickr.com/2443/3675990220_a4b3cf839b_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm3.static.flickr.com/2524/3675209775_9e8e306d98_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3565/3675241625_6fa09cd33e_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3562/3675956690_623f741a6e_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm3.static.flickr.com/2562/3675290783_978b16c7b6_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='http://farm4.static.flickr.com/3006/3676055014_cf3ac7c766_o.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Un viaje de carreras.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Un viaje de carreras_2.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>

<a href='Un viaje de carreras_3.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una noche en el campo.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una visita inesperada_1.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
<a href='Una visita inesperada_2.png' class='lightview Estilo1' rel='gallery[mygallery]'>1</a>
</body>

</html> 
Prueba 40:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<style type="text/css">
<!--
body {
	background-color: #000000;
	margin-top: 200px;
}
.Estilo1 {color: #000000}
-->
</style><link href="margen_tabla.css" rel="stylesheet" type="text/css" /></head>
<body>
<table width="500" border="0" align="center">
  <tr bordercolor="0">
    <td width="18" bordercolor="0" class="f"><img src="iconos/boton_mafia_border_left.png" width="20" height="80" /></td>
    <td width="450" bordercolor="0" background="iconos/boton_mafia.png" class="f"><img src="iconos/boton_mafia_text_2.png" width="440" height="80" /></td>

    <td width="18" bordercolor="0" class="f"><img src="iconos/boton_mafia_border_right.png" width="20" height="80" /></td>
  </tr>
</table>
</body>

</html> 
Como verán en los códigos de dichas URL, en la primera simplemente se carga la imagen completa de "Imagenes de Mafia.png" que tiene un peso aproximado de: 10.46 KB.

Opción 1:

Código HTML:
<img src="http://extremegames.gofreeserve.com/boton-imagenes-mafia.png" width="480" height="80" border="0" /> 
Opción 2:

Código HTML:
<td width="450" bordercolor="0" background="iconos/boton_mafia.png" class="f"> 
Y en la segunda como verán tiene un fondo en la tabla de un tamaño 1x80 pixeles con un peso aproximado de 0.17 KB que se repite y pues la carga nose si es mejor, si es más rápida.

¿Qué me recomiendan?

Espero una pronta respuesta...
  #2 (permalink)  
Antiguo 01/07/2009, 19:39
Avatar de Julcar  
Fecha de Ingreso: noviembre-2007
Ubicación: C:\inetpub\wwwroot\Guayaquil
Mensajes: 1.500
Antigüedad: 10 años
Puntos: 53
Respuesta: ¿Cuál de estas dos opciones es mejor?

la segunda tiene un error en IE y carga mas lento

te recomiendo la primera
__________________
Linux no es el único S.O. libre, conoce a ReactOS el Windows Libre!
"Si mis respuestas te dan la calma, espárceme un poco de karma"
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:23.