SlideShare una empresa de Scribd logo
1 de 9
FRAMES
Marcos o Frames ,[object Object]
Los detractores de los marcos afirman la inutilidad de subdividir ulteriormente las páginas web, las cuales, en última instancia, pueden resultar poco legibles
Uso de los Frames ,[object Object]
Es necesario crear varios archivos HTML referidos a un archivo principal, que es el que permite su gestión.
Reeemplazamos el <body> por <frames>
Aplicacion de los Frames Imaginemos que debemos crear una ventana dividida en marcos como la de la figura, con un marco en la parte superior fijo (en el cual cargaremos el archivo &quot;top.htm&quot;, que deberemos crear aparte) y un marco central (en el cual cargaremos el archivo &quot;central.htm&quot;, que deberemos, asimismo, crear aparte) que cambiará según cual sea la página que deba mostrar.
Distintos Frames Para crear dos marcos verticales basta sustituir el término &quot;rows&quot; (filas) con el término &quot;cols&quot; (columnas):  FRAMESET cols=&quot;100,*&quot;>  <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;> <frame name=&quot;central&quot; src=&quot;central.htm&quot;> </FRAMESET>
Distintos Frames Este codigo es para traer al frente 3 secciones <frameset rows=&quot;100,*&quot;> <frame name=&quot;alto&quot; src=&quot;top.htm&quot;> <frameset cols=&quot;150,*&quot;>  <frame name=&quot;sx&quot; src=&quot;sx.htm.htm&quot;> <frame name=&quot;central&quot; src=&quot;central.htm&quot;> </frameset>  </frameset>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Marcos
MarcosMarcos
Marcos
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Codigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE MéridaCodigos Básicos HTML - IUTE Mérida
Codigos Básicos HTML - IUTE Mérida
 
Presentación2
Presentación2Presentación2
Presentación2
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Html
HtmlHtml
Html
 
Creacion de una pagina web con el bloc
Creacion de una pagina web con el blocCreacion de una pagina web con el bloc
Creacion de una pagina web con el bloc
 
Frames
FramesFrames
Frames
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLO
 
Html
HtmlHtml
Html
 
Semana 6 Estructura y Componentes
Semana 6   Estructura y ComponentesSemana 6   Estructura y Componentes
Semana 6 Estructura y Componentes
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 

Destacado

Gustavo php
Gustavo phpGustavo php
Gustavo phpGustavo
 
Ataque DNS spoofing con Kali Linux
Ataque DNS spoofing con Kali LinuxAtaque DNS spoofing con Kali Linux
Ataque DNS spoofing con Kali LinuxCarlos Otero
 
Tutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina WebTutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina WebnismoGSR
 
Introducción a Kali Linux
Introducción a Kali LinuxIntroducción a Kali Linux
Introducción a Kali LinuxFrancisco Medina
 

Destacado (7)

curso de html
curso de htmlcurso de html
curso de html
 
Phpmyadmin
PhpmyadminPhpmyadmin
Phpmyadmin
 
Gustavo php
Gustavo phpGustavo php
Gustavo php
 
Msql
MsqlMsql
Msql
 
Ataque DNS spoofing con Kali Linux
Ataque DNS spoofing con Kali LinuxAtaque DNS spoofing con Kali Linux
Ataque DNS spoofing con Kali Linux
 
Tutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina WebTutorial Para Crear Tu Propia Pagina Web
Tutorial Para Crear Tu Propia Pagina Web
 
Introducción a Kali Linux
Introducción a Kali LinuxIntroducción a Kali Linux
Introducción a Kali Linux
 

Similar a Frames (20)

Presentacion
PresentacionPresentacion
Presentacion
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Html y css
Html y cssHtml y css
Html y css
 
Frames
FramesFrames
Frames
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
 
Marcos
MarcosMarcos
Marcos
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Frames Slideshare
Frames SlideshareFrames Slideshare
Frames Slideshare
 
Frames slideshare
Frames slideshareFrames slideshare
Frames slideshare
 

Frames

  • 2.
  • 3. Los detractores de los marcos afirman la inutilidad de subdividir ulteriormente las páginas web, las cuales, en última instancia, pueden resultar poco legibles
  • 4.
  • 5. Es necesario crear varios archivos HTML referidos a un archivo principal, que es el que permite su gestión.
  • 6. Reeemplazamos el <body> por <frames>
  • 7. Aplicacion de los Frames Imaginemos que debemos crear una ventana dividida en marcos como la de la figura, con un marco en la parte superior fijo (en el cual cargaremos el archivo &quot;top.htm&quot;, que deberemos crear aparte) y un marco central (en el cual cargaremos el archivo &quot;central.htm&quot;, que deberemos, asimismo, crear aparte) que cambiará según cual sea la página que deba mostrar.
  • 8. Distintos Frames Para crear dos marcos verticales basta sustituir el término &quot;rows&quot; (filas) con el término &quot;cols&quot; (columnas):  FRAMESET cols=&quot;100,*&quot;>  <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;> <frame name=&quot;central&quot; src=&quot;central.htm&quot;> </FRAMESET>
  • 9. Distintos Frames Este codigo es para traer al frente 3 secciones <frameset rows=&quot;100,*&quot;> <frame name=&quot;alto&quot; src=&quot;top.htm&quot;> <frameset cols=&quot;150,*&quot;>  <frame name=&quot;sx&quot; src=&quot;sx.htm.htm&quot;> <frame name=&quot;central&quot; src=&quot;central.htm&quot;> </frameset>  </frameset>
  • 10. Distintos Frames Este codigo es para para traer ala frente 4 secciones con diferentes medidas <frameset cols=&quot;120,*&quot;> <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;> <frameset rows=&quot;20%,60%,20%,*&quot;> <frame name=&quot;alto&quot; src=&quot;top.htm&quot;>  <frame name=&quot;central&quot; src=&quot;central.htm&quot;> 
  • 11. Distintos Frames Este codigo es tipico en la red para subdividir la pagina en dos <frameset cols=&quot;20%,60%,20%&quot;> <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;>  <frame name=&quot;central&quot; src=&quot;central.htm&quot;> </frameset>
  • 12. Problemas de los Frames Para eliminar el borde gris de los marcos, se debe insertar el siguiente código: <frameset cols=&quot;20%,60%,20%&quot;  border=0 >   Para impedir que los marcos sean redimensionados por el visitante: <frame name=&quot;alto&quot; src=&quot;top.htm&quot;  noresize >   Para eliminar  siempre  las barras de desplazamiento (scrollbars):  <frame name=&quot;alto&quot; src=&quot;top.htm&quot;  scrolling=&quot;no&quot; > Para mostrarlas siempre: <frame name=&quot;alto&quot; src=&quot;top.htm&quot;  scrolling=&quot;yes&quot; > Para mostrarlas sólo cuando son necesarias: <frame name=&quot;alto&quot; src=&quot;top.htm&quot;  scrolling=&quot;auto&quot; >