Comencemos con la estructura del marco. ¿Cuál es su esencia? Tenemos la oportunidad en el documento que cargamos en el navegador de organizar áreas especiales tipo ventana. Puede cargar otros documentos individuales (páginas web) en estas áreas.
¿Por qué es esto necesario? Dado que los documentos se cargan en sus propias áreas separadas, se comportan de forma independiente. Es decir, puede hacer algo en un documento, mientras que otros documentos permanecen sin cambios.
¿Dónde se pueden encontrar tales estructuras de marco? Estos son archivos de ayuda (con la extensión .chm).
A continuación se muestra un ejemplo sencillo de un documento con marcos:
Elemento conjunto de cuadros. Su trabajo es cubrir el área de visualización y dividirla en áreas separadas. Aquellos. Indique al navegador en qué proporción y cómo (horizontal o verticalmente) dividimos estas áreas.
Elemento marco– describe cada una de estas áreas individuales. Etiqueta única. Ocupa las dimensiones especificadas en el conjunto de marcos.
Elemento sin marcos- se muestra si el navegador no admite marcos.
Tenga en cuenta que no hay ningún elemento de cuerpo. En su lugar, se utiliza el elemento frameset. Esta es una de las razones por las que ya no se utilizan marcos en los sitios web.
Este elemento describe un área de ventana única. Puede cargar cualquier documento en él utilizando el atributo src. Ejemplos:
Atributo desplazamiento- desplazamiento (automático por defecto). Si el documento excede el área de visualización de este marco, se produce desplazamiento. Si el documento encaja completamente dentro del marco, entonces no se produce desplazamiento. El desplazamiento se puede desactivar, pero es mejor dejarlo en automático.
Atributo único noresize- prohíbe cambiar el tamaño del marco en el navegador. Por defecto esto está permitido.
Atributo Frontera del marco- cuadro por cuadro. Valor '1' - empate, valor '0' - no sorteo. Sólo estos dos valores son válidos. De forma predeterminada, el marco está dibujado.
Atributo ancho de margen– indica la distancia que el contenido de un fotograma determinado se alejará horizontalmente de los fotogramas de este fotograma.
Atributo altura del margen– sangría vertical desde el contenido hasta los bordes del marco.
Elemento marco flotante('ventana de línea'). Este elemento está emparejado (hay una etiqueta de apertura y cierre). Este elemento tiene el mismo propósito: organizar un elemento de ventana en el documento.
¿En qué se diferencia de los marcos antiguos? Es autosuficiente y no necesita contenedores adicionales. Y puede aparecer en cualquier documento, es decir, donde hay un elemento de cuerpo.
Un elemento iframe es un elemento en línea con contenido reemplazable. Aquellos. Se forma un área de tipo de línea con dimensiones abstractas y el contenido de algún documento externo (archivo html) se carga en esta área.
Iframe tiene los mismos atributos que las imágenes (ya que son del mismo tipo): nombre, ancho, alto, src, frameborder, desplazamiento, hspace, vspace, marginwidth, marginheight.
Buen día a todos. Alexey Gulynin está en contacto. En el último artículo vimos cómo instalar un favicon en un sitio web. En este artículo me gustaría contarte qué es. marcos en html. Traducido del inglés. marco significa "marco". Desde el punto de vista de HTML, un marco es un área seleccionada determinada en una página que enlaza con otra página y muestra su contenido (esa misma otra página o sitio). Vale la pena señalar de inmediato que los marcos no han recibido mucho desarrollo y ahora casi nunca se usan, excepto en algunos proyectos especializados. Lo mismo se puede hacer usando CSS y Javascript. Mediante un marco se puede dividir una página en varios bloques, cada uno de los cuales será independiente de los demás. Creemos el documento principal index.html y dos documentos auxiliares (internos), cuyo contenido se mostrará en la página principal: menu.html (contendrá el marcado de navegación del sitio) y content.html (contenido del sitio). El marcado index.html se verá así:
Tenga en cuenta que no hay ninguna etiqueta aquí.
El contenido del archivo menu.html tiene este aspecto:
El contenido del archivo content.html tiene este aspecto:
Párrafo de texto
Para mostrar el contenido de otro documento es necesario utilizar la etiqueta con el atributo src, cuyo valor indica la ruta al archivo. También puede especificar la URL del sitio que queremos mostrar en este bloque. Primero, generemos nuestras páginas menu.html y content.html:
Asegúrese de escribir este código para ver cómo funciona todo.
La etiqueta de marco tiene los siguientes atributos:
Para la tarea, crea 2 cuadros y colócalos en una línea. Especifique la ruta a los sitios como valor del atributo src.
Muchos sitios web modernos cuentan con menús de navegación "fijos" que aparecen en la barra lateral o en la parte superior a medida que se desplaza hacia arriba y hacia abajo en la página. Pero las propiedades CSS que le permiten crear menús fijos no siempre son compatibles con los navegadores. Anteriormente, los marcos HTML se utilizaban para implementar funciones similares.
Cuando utiliza un conjunto de marcos, divide la parte visible de la ventana del navegador en varios marcos. Cada fotograma tiene su propio contenido, que no afecta al contenido del siguiente. Los marcos y los iframes realizan una función similar: incorporan un recurso en una página web, pero son fundamentalmente diferentes entre sí:
Marcos obsoletos del W3C en HTML5. El motivo de esta decisión fue que los marcos HTML tienen un impacto negativo en la usabilidad y accesibilidad. Veamos si estas afirmaciones están justificadas.
Actualmente existe una tendencia mundial en el desarrollo web de separar el contenido de una página web de su presentación:
El uso de marcos implica inicialmente crear una apariencia y estructura específicas, mientras que las tareas de presentación deben manejarse usando CSS.
Aunque hoy en día todos los navegadores modernos admiten marcos, El W3C ha declarado claramente que enmarca" no debe ser utilizado por desarrolladores web". Si tiene un sitio que utiliza marcos, debería considerar cambiar a otras tecnologías. En algún momento, los navegadores ya no admitirán marcos y, cuando eso suceda, los sitios que los utilicen quedarán inutilizables.
No se deben utilizar marcos al desarrollar sitios nuevos, pero para los webmasters que mantienen recursos antiguos, saber cómo utilizarlos puede resultar útil.
El concepto básico de marcos es bastante simple:
Veamos algunos ejemplos de cómo funciona esto. Primero necesitamos crear algunos documentos HTML con los que trabajaremos. Creemos cuatro documentos HTML diferentes. Esto es lo que contendrá el primero:
Contenido del cuadro 1
Guardaremos el primer documento como frame_1.html. Los tres documentos restantes tendrán contenido similar y se denominarán en consecuencia.
Para crear un conjunto de cuatro columnas verticales, debe utilizar un elemento de conjunto de marcos con el atributo cols. El atributo cols se utiliza para determinar el número y tamaño de las columnas que contendrá el conjunto de marcos. En nuestro caso, tenemos cuatro archivos para mostrar. Por tanto, necesitamos cuatro fotogramas.
Para crearlos, necesitamos establecer el atributo cols en cuatro valores, separados por una coma. Para simplificar, asignaremos a cada uno de los marcos un valor de *, esto los establecerá en un tamaño que llenará automáticamente todo el espacio disponible. Así es como se verá nuestro marcado HTML:
Y así es como se mostrará este marcado:
Las filas del marco HTML se pueden crear usando el atributo de filas en lugar del atributo cols como en el ejemplo anterior:
Al realizar este cambio, logramos que los fotogramas ahora se carguen en cuatro filas, una encima de la otra:
Se pueden mostrar columnas y filas de marcos simultáneamente en la misma página. Puedes anidar un marco dentro de otro. Para hacer esto, primero creamos un conjunto de marcos y luego anidamos el conjunto de marcos secundario dentro del elemento principal. A continuación se muestra un ejemplo de cómo se pueden anidar dos filas dentro de un conjunto de tres columnas:
conjunto de marcos cols="*,*,*">
Ejemplo de marco HTML: El conjunto de marcos anidados se encuentra dentro del elemento principal, el primer marco. El elemento anidado se puede colocar en cualquier lugar. Por ejemplo, si queremos que el elemento anidado se coloque en el centro, simplemente reorganizamos los elementos de la siguiente manera:
Así es como aparecerán los marcos ahora: Puedes crear otros marcos anidados:
Este código crea un conjunto de dos columnas del mismo tamaño. Luego dividimos la segunda columna en dos filas. Y finalmente, dividimos la segunda fila en dos columnas. Así es como se verá: Otra forma de crear una combinación de filas y columnas es definir una cuadrícula de columnas y filas en un solo marco. Por ejemplo, si quisieras crear una cuadrícula de cuatro cuadros del mismo tamaño, podrías usar el siguiente código:
La cuadrícula resultante de filas y columnas se verá así:
Cuando se trata de diseñar una página web que utiliza marcos en HTML, hay dos formas de asignar estilos:
La representación de cada fotograma debe definirse dentro del documento fuente. La vista del conjunto de marcos debe definirse dentro del documento principal que contiene el conjunto de marcos. En otras palabras, los estilos para frame_1.html deben establecerse mediante las reglas CSS contenidas en el archivo frame_1.html o en la hoja de estilos asociada con el archivo frame_1.html.
Como ocurre con cualquier página web, el contenido de cada marco se puede diseñar mediante CSS. Para aplicar estilo al contenido de cada marco, se debe agregar al documento principal, ya sea vinculándolo a un archivo de estilo externo o agregando estilos internos o en línea. Teniendo en cuenta que tenemos cuatro documentos fuente, los estilos CSS deben aplicarse a cada documento por separado.
Al aplicar estilos CSS a una página web que contiene un conjunto de marcos, no podremos aplicar estilos a cada marco individualmente. Si queremos darle estilo a frame_1.html, debemos agregar esos estilos directamente al documento. A continuación se muestra un ejemplo de cómo se puede hacer esto:
Si volvemos a nuestro ejemplo anterior de creación de marcos en HTML con cuatro columnas del mismo tamaño y cargamos el conjunto de marcos después de realizar estos cambios en el archivo frame_1.html, obtenemos esto:
Cómo influir en la presentación del conjunto de marcos más allá de definir los estilos de los propios documentos:
Estos cambios no se realizan a través de CSS. Esto se hace agregando atributos y sus valores al elemento del marco.
Los tamaños de los fotogramas se pueden especificar en píxeles, porcentajes o los fotogramas pueden ocupar automáticamente todo el espacio disponible. Para especificar el tamaño del marco, inserte el valor deseado en el atributo cols o filas. De forma predeterminada, si un marco no tiene especificado el atributo noresize, los visitantes del sitio pueden usar el mouse para arrastrar el borde entre dos marcos y cambiar su tamaño. Si no se desea esto, al elemento de marco se le puede aplicar el atributo noresize y no se podrá cambiar su tamaño. Combinemos ambos conceptos en la práctica.
Crearemos el siguiente diseño:
Podemos crear un marco HTML usando el siguiente código:
Este código crea un conjunto de marcos de dos filas:
Pero un visitante del sitio podrá cambiar su tamaño manualmente.
Este código crea una página web que se representa así:
Ahora que hemos definido el diseño, si es necesario, podemos aumentar o disminuir el relleno entre cuadros, así como eliminar el borde entre ellos. Usando el diseño que creamos en el paso anterior, eliminemos los bordes entre las tres columnas, pero dejemos el borde entre las filas superior e inferior. También agreguemos algo de relleno alrededor del contenido del primer marco HTML:
El atributo marginheight aplicado al primer fotograma agrega 15 píxeles de margen por encima y por debajo del contenido cargado en el primer fotograma. Un valor de borde de marco de 0 elimina los bordes de los tres marcos inferiores. Así es como se verá:
Uno de los usos más comunes de los marcos es crear un menú de navegación "fijo" dentro de un marco que siempre esté visible independientemente de la posición del contenido de otros marcos. Cuando se usan correctamente, los enlaces en el menú de navegación hacen que se carguen nuevos recursos en el marco mientras el resto del marco permanece estático.
Puede formatear anclajes para apuntar a marcos específicos dándole al elemento de marco deseado un atributo de nombre y usando el atributo de destino dentro del elemento a para cargar el href en el marco especificado. Si todo esto le resulta un poco confuso, le guiaremos paso a paso por el proceso de creación de marcos en HTML.
En primer lugar, debemos asignar un nombre al marco en el que se deben abrir los enlaces. En el diseño que creamos anteriormente, podemos usar la columna izquierda para el menú de navegación y la columna central como marco de destino. Para hacer esto, debe asignar un atributo de nombre al elemento de destino:
Ahora que hemos configurado name="mid_col" para la columna central, podemos crear varios enlaces en el documento fuente de nuestra columna izquierda frame_2.html:
Contenido del cuadro 2
Ahora, cuando cargamos la página web, la barra lateral izquierda albergará cuatro enlaces de navegación. Cuando se hace clic en el enlace, el contenido del archivo se carga en el marco de la columna central con el atributo name="mid_col" . Esto es lo que veremos cuando cargue la página: Si hacemos clic en el enlace Cargar frame_1.html, el contenido de este archivo se cargará en la columna central y obtendremos lo siguiente: Si hacemos clic en el enlace Cargar frame_2.html, veremos que tanto la barra lateral izquierda como la columna central mostrarán enlaces de navegación: Al hacer clic en los enlaces Cargar frame_3.html y Cargar frame_4.html en la columna central se cargará el contenido de estos archivos. Si olvidamos agregar el atributo target="mid_col" para uno de los enlaces, cuando haga clic en él, el archivo se cargará en el marco que contiene el enlace. Si queremos recargar toda la página, por ejemplo, al seguir un enlace a un sitio externo, debemos agregar el atributo target="_blank" o target="_top".
En el pasado, el elemento noframes se utilizaba para proporcionar un respaldo para los navegadores que no soportan marcos HTML. Actualmente, todos los navegadores modernos admiten marcos, pero los noframes prácticamente no son compatibles. Como resultado, ya no necesitamos crear un respaldo sin marcos cuando trabajamos con marcos.
Cuando se utilizan marcos, es bastante difícil garantizar la facilidad de uso para los visitantes que acceden al sitio desde teléfonos inteligentes y tabletas pequeñas. Dado que los marcos se han eliminado por completo de HTML5 y se consideran obsoletos, es importante que los propietarios de sitios creados con marcos planeen reconstruir sus recursos y migrar a otras tecnologías.
Si es posible, organice los marcos en filas en lugar de columnas. En una pantalla pequeña, es mucho más fácil navegar por el contenido verticalmente que horizontalmente. Los marcos HTML dispuestos en fila son mucho más fáciles de ver en una pantalla pequeña. Si reducimos el ancho de los diseños que contienen filas y columnas, simulando la pantalla del Apple iPhone 6, vemos que las filas son mucho más fáciles de ver que las columnas:
Cuando los tamaños de las columnas se establecen en porcentajes en lugar de píxeles, su tamaño cambiará automáticamente según el tamaño de la pantalla del dispositivo. Si bien esto puede crear algunos problemas ya que algunos fotogramas pueden volverse demasiado pequeños, la interacción general y la experiencia de visualización serán mejores si el ancho total de las columnas se especifica en porcentajes en lugar de píxeles.
Tanto el elemento frameset como el elemento frame se han eliminado de la última especificación HTML5. Los propietarios de sitios creados con marcos deben reconstruir sus activos para eliminarlos del diseño. En algún momento, los navegadores dejarán de admitir marcos. Por lo tanto, abandonar los marcos no sólo es deseable, sino que debe hacerse.
El primer paso para rediseñar un sitio que utiliza iframes HTML es identificar las razones por las que se utilizan marcos:
En casi todos los casos, puedes usar CSS para recrear un diseño diseñado usando marcos, y los iframes se pueden usar para incrustar recursos externos.
Si su sitio se creó utilizando marcos, es muy probable que ya esté muy desactualizado. En lugar de simplemente compilar todo el contenido de su sitio en un archivo HTML y diseñarlo con CSS, tal vez sea hora de pensar en actualizar a un sistema de gestión de contenido.
Al principio, cambiar a un CMS llevará más tiempo, pero a largo plazo, los beneficios de tener un sitio web moderno superarán los desafíos a corto plazo. Para ayudarte a decidirte por un sistema de gestión de contenidos, te recomendamos prestar atención a los tres más populares:
Si desea obtener más información sobre los marcos HTML, la mejor fuente para obtener más información es el World Wide Web Consortium ( W3C). Estas son algunas de las páginas con información sobre marcos:
Constantemente escucho a diseñadores novatos quejarse de que cuando necesitan combinar una imagen y un fondo, se ve diferente en diferentes navegadores. Muchos dicen que no hay salida. Yo también lo pensé y constantemente creé javascript que seleccionaría.
Una ventana modal es uno de los elementos de interfaz de usuario más utilizados que podemos encontrar en los sitios web de la World Wide Web. A menudo se utiliza para mostrar un formulario de suscripción, un formulario de carga de archivos.
La palabra "marco" significa marco, marco. Mediante marcos, el espacio de la ventana del navegador se divide en secciones independientes en las que se puede mostrar diversa información. Es conveniente utilizar marcos cuando necesita mostrar datos de varias fuentes en la pantalla.
Nota 1
Los marcos dividen la ventana de visualización del navegador en varias subáreas rectangulares que se encuentran una al lado de la otra. En estas subáreas se pueden cargar documentos HTML individuales y visualizarlos independientemente unos de otros. Si es necesario, puede organizar la interacción entre marcos seleccionando un enlace en uno de los marcos, lo que conducirá a cargar el documento deseado en otro marco o ventana del navegador.
Los desarrolladores de documentos HTML tienen a su disposición una amplia variedad de formas para presentar información en las páginas. La información gráfica y de texto se puede ordenar y organizar mediante listas, tablas, opciones de alineación, establecimiento de líneas horizontales y divisiones de párrafos. Pero estas capacidades no siempre son suficientes; en tales casos, es necesario dividir la ventana de visualización del navegador en áreas separadas (marcos).
La elección de la estructura del marco para presentar información en la WWW se justifica por:
La siguiente figura muestra la estructura del marco de una ventana del navegador de páginas HTML.
Esta estructura es más típica en los casos en que algunos marcos sirven como tabla de contenido para documentos, mientras que otros se utilizan para cargar su contenido. Anteriormente, esta tarea se resolvía de esta manera sin utilizar marcos. En una de las páginas había un índice, que constaba de enlaces a otros documentos o determinados fragmentos. Cuando hacía clic en dicho enlace, la tabla de contenido desaparecía y en su lugar se cargaba un documento, después de leerlo, tenía que volver a la tabla de contenido nuevamente. Cuando se empezaron a utilizar marcos, este retorno dejó de ser efectivo, ya que el índice comenzó a ubicarse de forma permanente en parte de la pantalla.
Los marcos son intrínsecamente similares a las tablas, ya que ambos los utilizan para dividir la ventana del navegador en áreas rectangulares con información ubicada en ellas. Sin embargo, los marcos le permiten no solo formatear las páginas del documento, sino también organizar la interacción entre ellas. Básicamente, los marcos y las tablas se diferencian en que cada marco corresponde a un documento HTML independiente y el contenido de todas las celdas de la tabla son parte de un documento. Además, la página que se muestra en el marco puede desplazarse cuando se ve independientemente de las demás. Cada cuadro es una especie de mini navegador independiente. Las tablas, a diferencia de los marcos, que siempre se presentan completamente en la pantalla, a menudo no pueden caber completamente en la ventana y solo se ven en partes. Por lo tanto, se puede observar que en las tablas HTML el número total de celdas no está limitado y a veces llega a varios cientos, el número de cuadros en un documento suele ser de varias unidades.
Las etiquetas se utilizan para crear marcos.
El descriptor forma conjuntos de marcos que dividen los espacios de la ventana en filas y columnas. Luego, la altura y el ancho de todas las filas y columnas se establecen como un porcentaje de las dimensiones actuales de la ventana del navegador, en píxeles o como un asterisco. El símbolo de asterisco indica que los tamaños de los marcos dependen de las dimensiones de otros marcos de la página.
El descriptor define la estructura y el contenido de un marco particular.
A continuación se muestra un ejemplo del código de la página.
Un ejemplo de trabajo con marcos.
Las ventajas de los marcos incluyen las siguientes:
Las desventajas de los marcos incluyen:
Nota 2
Otra desventaja es que algunos navegadores no pueden procesar fotogramas. En este caso, solo aparece una pantalla en blanco frente al usuario. Para ayudar al usuario en esta situación, se diseña una etiqueta que permite mostrar el texto colocado entre las etiquetas de apertura y cierre cuando no se puede mostrar el marco.
De forma predeterminada, el navegador solo mostrará barras de desplazamiento cuando la información no se ajuste a las dimensiones del marco. Para hacer esto, el atributo DESPLAZAMIENTO se establece en uno de los valores sí (no), lo que permite al navegador ocultar siempre las barras de desplazamiento o mostrarlas siempre. Ocultar las barras de desplazamiento le permite aumentar el tamaño del área del marco visible. Al mismo tiempo, si los datos no caben en la ventana, quedarán inaccesibles para el usuario.
Se puede desactivar el cambio de los límites del marco, esto se hace usando el atributo NORESIZE. Este atributo es conveniente de usar cuando necesita evitar que el usuario cambie el diseño de la página original. De forma predeterminada, el usuario tiene la posibilidad de mover los bordes del marco a su discreción; puede establecer nuevas dimensiones del objeto para mejorar la visualización de un determinado dato. En los casos en que los marcos no tengan bordes visibles, esto prohibirá automáticamente cambiar su tamaño. Usando el atributo BORDER de una etiqueta, puede cambiar el grosor de las líneas del borde del marco. De forma predeterminada, el navegador enmarca el marco con un marco gris y un grosor de 6 píxeles. El atributo BORDERCOLOR le permite cambiar el color del borde. El atributo FRAMEBORDER le permite ocultar los bordes de un marco.
De forma predeterminada, el navegador muestra marcos con un margen de 10 píxeles entre el texto y el borde del marco.
El atributo MARGINWIDTH especifica el ancho de los márgenes izquierdo y derecho.
Y el atributo MARGINHEIGHT determina la altura de los márgenes superior e inferior.
Al configurar el tamaño de los campos, debe utilizar ambos atributos, ya que el navegador puede reducir automáticamente el tamaño de los campos no especificados al valor mínimo.
Los marcos inactivos son parte de una página web y no requieren una página separada que los describa. Se utiliza una etiqueta para crear dichos marcos. El atributo NAME de esta etiqueta especifica el nombre del marco flotante, que luego se puede usar para definir un hipervínculo que abre la página correspondiente en este marco. Los atributos WIDTH y HEIGHT especifican las dimensiones del marco flotante, ya que el usuario no tiene la capacidad de cambiarlas por sí mismo.
Actualmente, los marcos flotantes sólo son compatibles con Microsoft IE.
A continuación se muestra un ejemplo del código de la página:
Ejemplo 1
ancho="350" alto="300" align="izquierda">
La ventana del navegador se puede dividir en marcos, es decir. en áreas ubicadas una al lado de la otra. Puede cargar sus propias páginas HTML en cada una de estas áreas. Quedará más claro con un ejemplo, crea un nuevo archivo llamado index.html con el siguiente código:
marcos en html
La ventana del navegador está dividida en 3 partes. Debo decir que este es el único caso en el que no hay etiquetas en un documento html. . En su lugar se utilizan etiquetas , que le indican al navegador que divida la ventana en varias áreas: marcos.
Cuántas áreas de este tipo habrá y cómo se ubicarán depende de dos parámetros de la etiqueta :
Veremos los parámetros de la etiqueta. con ejemplos.
Entonces miramos todos los parámetros de la etiqueta. .
El toque final: quitar los marcos del marco. Para hacer esto en la etiqueta agreguemos dos parámetros borde = "0" marco borde = "0".
Pros y contras de los marcos.
Ahora que comprende los marcos, es hora de hablar sobre los pros y los contras de los sitios web enmarcados.
Una ventaja indudable es la reducción de la cantidad de información descargada en el ordenador del usuario. Después de todo, el encabezado y el menú del sitio se cargan solo una vez, y luego solo cambia el contenido. Por supuesto, esto reduce los tiempos de carga.
Pero hay muchas más deficiencias. En primer lugar, es fácil confundirse con la estructura de los fotogramas.
En segundo lugar, nuestro menú está en un archivo separado. Esto significa que si un usuario encuentra, por ejemplo, su página content.html a través de un motor de búsqueda, solo podrá leerla porque no hay enlaces ni elementos de menú en esta página.
Por último, no todos los navegadores admiten la estructura de marcos. Por lo tanto, las etiquetas existentes , están ubicados dentro de las etiquetas y contener información alternativa para navegadores que no admiten marcos. Básicamente, tendrás que duplicar el trabajo y crear dos versiones del sitio: con y sin marcos.
De ahí la conclusión: no utilice marcos a menos que sea absolutamente necesario.
Ejemplos de estructuras de marco.
Como recordarás, dos parámetros se encargan de dividir en fotogramas: filas Y columnas. Al combinarlos, puedes dividir la ventana en marcos de cualquier forma. Consideraremos ejemplos de tal partición.
Ejemplo 1:
Resultado:
Ejemplo 2:
Ejemplo 3: