Diseño basado en marcos (frames)
por Juan Carlos García, 16 de Febrero de 2007
El 33% de las universidades españolas emplean marcos (frames) en sus diseños
Los marcos o frames son áreas dentro de una página web que a su vez contienen otra página web. Se identifican cuando al ver el código fuente uno se percata de que sólo aparecen unas pocas líneas de html, que emplean las etiquetas <frameset rows="…. /… <frame src=… eso significa que ésa es la página que contiene los marcos, cuya cantidad y tamaño se especifica mediante esas etiquetas.
Uno de los problemas que generan los marcos es que esconden la url real de la página que estamos consultando. Siempre aparece la misma url en el cajetín de localización, aunque las páginas en realidad van cambiando dentro de los marcos, pero el usuario puede tener problemas para percatarse de ello, pues en el cajetín de dirección siempre aparece la misma.
Lo anterior dificulta también enlazar con dicha página, pues el enlace que tenderá a tomar como referencia el usuario será el de la página contenedora de marcos, pero le costará identificar la url de una página concreta que aparezca en uno de esos marcos. Este problema se repite cuando los buscadores indizan la página o, mejor dicho, una de las páginas contenidas dentro del conjunto de marcos, que aparecerá totalmente descontextualizada al ser visitada desde el buscador.
También es bastante molesto que algunos contenidos se corten bruscamente en un lugar cualquiera de la página y haya que recurrir a una barra de scroll que aparece en mitad de ésta para ver ese fragmento de contenido. Ello, además de desconcertante puede ser bastante incómodo.
Por otro lado, se destruye la estructura lógica del documento. Los marcos delimitan dónde aparece cada contenido pero no marcan qué es cada cosa.
Por si ello fuera poco los marcos dificultan la visualización en algunos dispositivos especiales.
Los defensores de los marcos suelen argumentar a su favor que simplifican la creación de menús de navegación o la compartición de elementos comunes para un sitio. Falso. Una solución mucho mejor, más elegante, limpia y totalmente transparente para el usuario es emplear includes o similares (o bordes compartidos como lo llamaban las aplicaciones como Front Page).
El 33% de las universidades españolas incurre en esta mala práctica, sin que apenas se aprecie diferencia entre universidades públicas y privadas (32% públicas, 35% privadas).
Un ejemplo de esta mala práctica puede ser la Universidad de Castilla la Mancha, que ya desde su página principal ofrece una página que contiene dos marcos con sendas barras de scroll vertical del todo innecesarias.
[...] Resto de entradas relacionadas con este trabajo [...]
A mí me parece horrible el uso de marcos en las páginas web, pero en este caso que usáis como ejemplo no han utilizado un frame.
Me explico: aunque pueda parecerlo al verse la barra de desplazamiento vertical, al anular los estilos de la página (algo sencillo usando web-developer sobre firefox) comprobamos que únicamente es una capa con la opcion de css overflow:hidden.
No es que esta solución sea más cómoda para los visitantes, pero a la hora de navegadores móviles o de voz, los usuarios no aprecian la diferencia.
Un buen ejemplo, aunque no sea universitario, de una web con un número excesivo de marcos es la de Cajamurcia (http://www.intelvia.es/) que tiene 8 marcos en su código, algunos tan inútiles como mostrar un banner publicitario.
Un saludo.
Escudarse en que los marcos facilitan la maquetación y la reutilización de elementos comunes es un síntoma claro de falta de profesionalidad. Como bien has dicho, hay muchas maneras de reutilizar los elementos comunes de las páginas (en mi caso uso Smarty en PHP). Y respecto a la maquetación, no hay nada que ofrezcan los marcos que no pueda hacerse con CSS.
Me sorprende que, a día de hoy, todavía un tercio de las webs universitarias empleen prácticas tan atrasadas como innecesarias.
Además aunque usasen marcos parece que sólo lo usan en la home, el resto de las urls al menos la muestra que he tomado son diferentes, por lo que tampoco esta el problema de que hay varias páginas sobre la misma url.
Otras cosa es que se abran pdf´s sin decirte que son pdfs, o que no sigue una estructura lógica en cuanto a mostrar la información, pero eso es ya otra historia.
De entrada me disculpen por el pésimo español, soy brasileño, no falo bien su lengua.
Me gustaría atentar al hecho de que la página de la Universidad citada, en la verdad no se utiliza de frames para exhibir el contenido presentado, pero sí un recurso simple de CSS. Sé que no es la mejor solución por el hecho de estar escondiendo parte del contenido.
Pero él no está generando graves problemas de accesibilidad pues está exhibiendo todo el contenido en la misma página.
Un saludo.
Ya lo hemos dicho dos personas jejejejeje.
Adicionalmente los contenidos que se encuentran dentro de un marco o frame son invisibles para los robots de los buscadores.
Las páginas con marcos lo tiene difícil para posicionar sus contenidos en los motores de búsqueda
No tengo mucha experiencia, pero aprendi a usar frames por necesidad, se requeria que el espacio del menu y el ancabezado no se recargaran cada vez que acudia a una opcion, por favor indicarme como cambiar hacer que usando css tengan el mismo comportamiento que los frames.
por favor enviar sugerencia a mi correo.
En muchos casos los marcos son lo mejor que hay para la fluidéz de una buena navegación por un sitio, y evitan estar subiendo y bajando la página para poder regresar a visualizar el menú.
Reitero, su aplicación es lo mejor que hay y no puede mejorarse ni igualarse con otros recursos,
en varios sitios.
Mucha gente repite como loro que no sirve, o es antiguo, o etc. etc. sin saber siquiera como funciona (no sabe hacerlo) y se escuda en excusas.
Como en cualquier tema o procedimiento, hay que evaluar las ventajas y desventajas para cada caso particular, y resolver sin prejuicios.
Asimismo algunas llamadas “desventajas” tienen simples soluciones y dejan de ser tales.
Salu2
chingue a su madre eso no era lo que queria putos
@elessar:
Usa ajax, su opcion de utilizar capaz y el innerHtml solucionan el uso de frames e utilizan todas las bondades de javascript para no tener que hacer un reload de toda la pagina.