Comunidad de diseño web y desarrollo en internet online

Cargar una web en un frame

Citar            
MensajeEscrito el 01 May 2014 08:07 am
Hola amigos!

Soy nuevo en html y en el foro. No encuentro como solucionar "esto" que imagino es sencillo.

Tengo 2 frames (superior e inferior) y quiero cargar una web en concreto en el frame inferior.
Probe con iFrame, pero dicen que lo correcto en con frame.

<iframe src="http://www.miweb.com" width="500" height="500"> </iframe>

Además no quiero que tenga límites y nosé como resolverlo, desde ya muchas gracias a todos.

Pau

Por Pau2014

1 de clabLevel



 

safari
Citar            
MensajeEscrito el 02 May 2014 08:08 pm
Hola personalmente no te recomiendo el uso de iframe porque estan en via de desuso en html5,
en cambio te recomendaria que crees secciones de en tu pagina web por ejemplo

home.html
contactos.html
servicios.html

Pero de igaul manera te dejo un ejemplo bien explicado como cambiar el frame.
Esto se puede realizar desde javascript cambiando el src, si quieres modificar el tamaño de los iframes modifica el height y width, si quieres que ocupen la totalidad de la pantalla pon 100% en cada uno.
La funcion onclick llamara a la funcion y le pasara un parametro que sera la pagina a cargar.

<!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>
<script>
function cambiar_iframe(pagina)
{
document.getElementById("iframe").src= pagina;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<iframe id="iframe" src="index.html" height="500px" width="500px"></iframe>
<p>
<button onclick="cambiar_iframe('www.mipagina.com')">
cambiar iframe
</button>
</p>
</body>

</html>

Ante cualquier dudad responde el tema y te lo explicare.

Por eduardo_giorgio59

15 de clabLevel



 

Licenciado en Informatica

firefox
Citar            
MensajeEscrito el 03 May 2014 08:05 am
Gracias por tu respuesta.

Es posible hacerlo sin hacer el hacer "click" ?
Tener el:
home.html
cabezal.html
inferior.html

y quiero que el "inferior.html" cargue automáticamente una pagina web.

Leyendo con el amigo google, dice que algunas webs prohiben aparecer en frame

Gracias a todos

Por Pau2014

1 de clabLevel



 

safari
Citar            
MensajeEscrito el 03 May 2014 02:24 pm
El uso de iframe esta totalmente desaconsejado por 2 razones:
1) A google y otros buscadores no les agrada los iframes y te haran notar en las busquedas quitandote posicionamiento.
2) Algunas webs lo prohiben porque antiguamente (se pueden hacer hoy en dia), como dos (denegacion de servicios) porque el iframe pide la solicitud de una pagina directa y sobrecarga al servidor si el recurso es externo.

Como poder tener html a traves de iframes puedes hacerlo incluyendo cada html en un iframe diferente.

Yo en lo personale te recomendaria que combines todos los html en uno y cuando halla que cambiar el contenido crea un html similar (esto aunque no lo paresca es mas eficiente que tener 4 iframes pidiendo recursos diferentes).

Adicionalmente si quieres mejora la performace puedes habilitar el cacheo en tu pagina web a traves del archivo .htaccess

Te dejo un ejemplo de como lo tengo configurado en mi web

.htaccess
#Seguridad
RewriteCond %{HTTP_USER_AGENT} libwww-perl.*
RewriteRule .* – [F,L]
#redireccion url por si no ponene el www, aca deverias cambiar por el nombre de tu sitio web es decir "paranait" por tu sitio
RewriteCond %{HTTP_HOST} !^www.paranait.com$ [NC]
RewriteRule ^(.*)$ http://www.paranait.com/$1 [L,R=301]

# EXPIRAR CACHE
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 week"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/x-icon "access plus 3 months"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 3 months"
</IfModule>
# FIN EXPIRAR CACHE

Espero que tengas suerte con el proyecto

Por eduardo_giorgio59

15 de clabLevel



 

Licenciado en Informatica

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.