En este Tutorial aprenderás a poner un marco flotante en tu web.

Tal vez no sepas lo que es, pero si te fijas en mi página de inicio ahí tienes uno.

¿Te has dado cuenta que cuando clicas en los vínculos solo cambia una parte de la página?
¿Te has fijado que no se mueve el resto del index, solo una parte cambia cuando le das a los links?

Eso se consigue con un marco flotante o iframe y eso es lo que voy a intentar explicarte aquí.

Antes de empezar ten en cuenta que:

No es sencillo, puede que a la 1ª no te salga!

Depende de medidas y hay que tener muy claro donde deseas que aparezca en tu página.

Debes tener hechas las páginas que vinculas hacia tu iframe como páginas independientes.
Igual que las hacías antes, solo que ahora aparecerán dentro de ese marco con lo cual el diseño
de las mismas puede que varíe, pues el marco es más pequeño que la pantalla completa donde las veías antes.

Tu pagina de inicio ahora pesará más porque no muestra solo una pagina sino 2 a la vez. La que alberga el Iframe y la que se muestra a través de él. Ten esto en cuenta porque si cargas de imágenes muy pesadas (por ejemplo) las páginas, tardará mucho en cargar.

Leer tutorial