EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            test de verificacion html y herramientas utiles
            Test de verificación HTML y herramientas útiles
            06/09/2019
            Etiquetas acceso directo
            Etiquetas HTML para los iconos de acceso directo en Android, iPhone y otras aplicaciones
            06/09/2019

            Marcos o frames en html, una tecnología obsoleta

            marcos o frames una tecnología obsoleta

            marcos o frames una tecnología obsoleta

            Tabla de contenidos

            • 14. Marcos o frames
            • 14.1. Algunos motivos por los que ya no se utilizan los marcos frames o framesets
            • 14.2. Marcos o frames en HTML

            14. Marcos o frames

            Aunque HTML5 considera obsoleto el uso de marcos y está desaconsejado su uso, es imprescindible conocer su funcionamiento ya que todavía hay una gran cantidad de sitios web implementados con este método.

            Los marcos o frames nos permiten dividir una web en varias ventanas que pueden cargar otras páginas webs. Se trata de ventanas independientes incorporadas en una misma página y que nos permiten distribuir la información de forma organizada.

            La ventana se puede dividir en marcos horizontales o verticales, pero no ambos. De todas formas, existe la posibilidad de que un marco contenga a su vez otros marcos. Así los marcos se pueden anidar para hacer todo tipo de distribuciones.

            14.1. Algunos motivos por los que ya no se utilizan los marcos frames o framesets

            1. Los motores de búsqueda no indexan bien las páginas creadas con framesets.
            2. Ocupan espacio de la pantalla.
            3. Las funcionalidades de ir para adelante o para atrás en el historial de navegación del navegador no se pueden utilizar.
            4. Presentan problemas de usabilidad y accesibilidad web.

            14.2. Marcos o frames en HTML

            Se utiliza la etiqueta <frameset> para definir la división de la ventana. La pantalla se puede dividir en filas (rows) o en columnas (cols). El valor de la división se puede realizar de tres formas diferentes:

            Dando un valor fijo del ancho del marco en píxeles:

            rows= 150, ...

            Indicando un porcentaje del tamaño de la ventana:

            cols= 25%, ...

            Mediante un valor relativo que dependa del espacio libre de la ventana. El asterisco (*) indica el resto del espacio.

            rows= 100,*

            En el ejemplo siguiente se crearán tres marcos. El marco superior tendrá 100 píxeles de alto, el segundo ocupará el 25% de la ventana y el tercero el ancho del espacio sobrante.

            rows= 100,25%,*


            Ejemplo

            1) Marco de 3 ventanas verticales (cols)

            Vista:

            a b c

            Código:

            <frameset cols=30%,20%,50%>
                <frame src="a.htm">
                <frame src="b.htm">
                <frame src="c.htm">
             </frameset>

            2) Marco de 3 ventanas horizontales (rows)

            Vista:

            a
            b
            c

            Código:

            <frameset rows=30%,20%,50%>
                <frame src="a.htm">
                <frame src="b.htm">
                <frame src="c.htm">
             </frameset>

            3) Marco con un área vertical y dos horizontales

            Vista:

            a b
            c

            Código:

            <frameset cols=20%,>    
                 <frame src="a.htm">         
                 <frameset rows=30%,>
                      <frame src="b.htm">
                      <frame src="c.htm">
                 </frameset>
             </frameset>

            4) Marco con un área horizontal y dos verticales

            a
            b c
            <frameset rows=50%,>    
               <frame src="a.htm">       
                  <frameset cols=70%,>
                      <frame src="b.htm">
                      <frame src="c.htm">  
                   </frameset>
             </frameset>
            Ver más ejemplos

            Comprueba tu aprendizaje

            Los marcos o frames:

            ¡Bien! ¡Has fallado!

            El frameset se incorpora en el lugar del body

            ¡Bien! ¡Has fallado!

            Si rows= 200, 30%, * ¿cuántos marcos se crearán?

            ¡Bien! ¡Has fallado!

            HTML. Marcos o frames
            ¡Muy bien!
            Sigue repasando...
            Compartir

            UD2. HTML

            • 1. Lenguaje de marcas HTML
            • 2. Estructura y elementos semánticos
            • 3. Contenido y texto
            • 4. Formularios
            • 5. Tablas de contenido
            • 6. Contenido incrustado
            • 7. Elementos de ordenación
            • 8. Marcadores en HTML
            • 9. Factores HTML clave para el SEO
            • 10. Test de verificación HTML y herramientas útiles
            • 11. Marcos o frames, una tecnología obsoleta
            • 12. Etiquetas HTML para acceso directo en Android e iPhone
            • 13. Metaetiquetas o metatags para redes sociales
            • 14. Cómo usar Github y SourceTree para publicar contenido
            • 15. Repositorio Git en Visual Studio Code
            • 16. Resumen HTML
            • 17. Referencias y recursos HTML

            Unidades

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results