SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Lo primero que tenemos que hacer es crear un documento HTML en el que definiremos cuántas zonas va a haber, qué distribución y tamaño van a tener, y cuál va ser el contenido de cada una de ellas. En el ejemplo que vamos a desarrollar, la página va a tener dos frames distribuidos en columnas (es decir, uno al lado del otro, en vez de uno encima del otro, lo que sería una distribución en filas). Con respecto al tamaño, haremos que el primero (el del izquierda) ocupe el 20% del ancho de la pantalla, y el otro, el 80% restante. Y con respecto al contenido, el frame de la izquierda va a contener un documento HTML llamado mipagind.html, y el de la derecha otro documento HTML igual que de la otra pagina.
DOCUMENTO HTML ,[object Object]
DIVISION DE COLUMNAS
CREACION DE TRES FRAMES ,[object Object]
DEFINICION DE LA ESTRUCTURA
FRAME DE 4 DIVISIONES ,[object Object]
CODIGO ,[object Object],[object Object],[object Object]
ESTRUCTURA
SINTAXIS ,[object Object]
CODIGO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ESTRUCTURA

Más contenido relacionado

La actualidad más candente

Presentación2
Presentación2Presentación2
Presentación2creto-96
 
Tutorial ayuda para tu blog
Tutorial ayuda para tu blogTutorial ayuda para tu blog
Tutorial ayuda para tu blogRamón Sanchez
 
Ejercicio 1 margenes y bordes
Ejercicio 1 margenes y bordesEjercicio 1 margenes y bordes
Ejercicio 1 margenes y bordeswistonlopez
 
Datos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván BravoDatos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván BravoIván Bravo
 
HTML DINAMICO
HTML DINAMICOHTML DINAMICO
HTML DINAMICOa a
 
Slideshare 7 trucos excel
Slideshare 7 trucos excel Slideshare 7 trucos excel
Slideshare 7 trucos excel Your Excel
 
Cómo crear un formulario en Dreamweaver
Cómo crear un formulario en DreamweaverCómo crear un formulario en Dreamweaver
Cómo crear un formulario en Dreamweavercaro1224
 
Encabezado y pie de página.Mely
Encabezado y pie de página.MelyEncabezado y pie de página.Mely
Encabezado y pie de página.MelyMely Bonilla Silva
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesFernando Irigaray
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas htmlmichu98
 

La actualidad más candente (17)

Presentación2
Presentación2Presentación2
Presentación2
 
Tutorial ayuda para tu blog
Tutorial ayuda para tu blogTutorial ayuda para tu blog
Tutorial ayuda para tu blog
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
Ejercicio 1 margenes y bordes
Ejercicio 1 margenes y bordesEjercicio 1 margenes y bordes
Ejercicio 1 margenes y bordes
 
Datos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván BravoDatos Estructurados JSON-LD WordPress - Iván Bravo
Datos Estructurados JSON-LD WordPress - Iván Bravo
 
Frames.adri
Frames.adriFrames.adri
Frames.adri
 
HTML DINAMICO
HTML DINAMICOHTML DINAMICO
HTML DINAMICO
 
Uniboyaca
UniboyacaUniboyaca
Uniboyaca
 
Dhtml
DhtmlDhtml
Dhtml
 
Slideshare 7 trucos excel
Slideshare 7 trucos excel Slideshare 7 trucos excel
Slideshare 7 trucos excel
 
Cómo crear un formulario en Dreamweaver
Cómo crear un formulario en DreamweaverCómo crear un formulario en Dreamweaver
Cómo crear un formulario en Dreamweaver
 
Truco para blog
Truco para blogTruco para blog
Truco para blog
 
Encabezado y pie de página.Mely
Encabezado y pie de página.MelyEncabezado y pie de página.Mely
Encabezado y pie de página.Mely
 
Hojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - ApuntesHojas de Estilos en Cascada (CSS) - Apuntes
Hojas de Estilos en Cascada (CSS) - Apuntes
 
Cristianbayon1
Cristianbayon1Cristianbayon1
Cristianbayon1
 
Cristianbayon
CristianbayonCristianbayon
Cristianbayon
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas html
 

Destacado

Que Hacer Despues De La Venta (LeccióN 5)
Que Hacer Despues De La Venta (LeccióN 5)Que Hacer Despues De La Venta (LeccióN 5)
Que Hacer Despues De La Venta (LeccióN 5)Maxivideos
 
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01Roberht Manquillo
 
O Nazismo AlemãO
O Nazismo AlemãOO Nazismo AlemãO
O Nazismo AlemãOluisant
 
Indagine OECD PISA 2003
Indagine OECD PISA 2003Indagine OECD PISA 2003
Indagine OECD PISA 2003ssissinisisisi
 
Presentacion de guia tres
Presentacion de guia tresPresentacion de guia tres
Presentacion de guia tresarchivosena2011
 
Unidad didactica.pptx
Unidad didactica.pptxUnidad didactica.pptx
Unidad didactica.pptxchicas2013
 
энергия мысли
энергия мыслиэнергия мысли
энергия мыслиfpi
 
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...berkeragir
 
140. limpiando y protegiendo nuestro medio ambiente
140. limpiando y protegiendo nuestro medio ambiente140. limpiando y protegiendo nuestro medio ambiente
140. limpiando y protegiendo nuestro medio ambientedec-admin2
 
Presentazione bella onethor collateral77
Presentazione bella onethor collateral77Presentazione bella onethor collateral77
Presentazione bella onethor collateral77giogio81
 
Proyecto para dotar de reputación online a groupalia
Proyecto para dotar de reputación online a groupaliaProyecto para dotar de reputación online a groupalia
Proyecto para dotar de reputación online a groupaliaCarmen Alamar Pérez
 

Destacado (20)

Compañerismo
CompañerismoCompañerismo
Compañerismo
 
Que Hacer Despues De La Venta (LeccióN 5)
Que Hacer Despues De La Venta (LeccióN 5)Que Hacer Despues De La Venta (LeccióN 5)
Que Hacer Despues De La Venta (LeccióN 5)
 
Alcohol y drogas
Alcohol y drogasAlcohol y drogas
Alcohol y drogas
 
Empresas
EmpresasEmpresas
Empresas
 
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01
Investigaciondocumentaldeladrogadiccion3 120602204245-phpapp01
 
O Nazismo AlemãO
O Nazismo AlemãOO Nazismo AlemãO
O Nazismo AlemãO
 
Indagine OECD PISA 2003
Indagine OECD PISA 2003Indagine OECD PISA 2003
Indagine OECD PISA 2003
 
Presentacion de guia tres
Presentacion de guia tresPresentacion de guia tres
Presentacion de guia tres
 
Unidad didactica.pptx
Unidad didactica.pptxUnidad didactica.pptx
Unidad didactica.pptx
 
энергия мысли
энергия мыслиэнергия мысли
энергия мысли
 
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...
Semantic and Sensitivity Aware Location-Privacy Protection for the Internet o...
 
The Target Scandal
The Target ScandalThe Target Scandal
The Target Scandal
 
Plan 1993 expo
Plan 1993 expoPlan 1993 expo
Plan 1993 expo
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
140. limpiando y protegiendo nuestro medio ambiente
140. limpiando y protegiendo nuestro medio ambiente140. limpiando y protegiendo nuestro medio ambiente
140. limpiando y protegiendo nuestro medio ambiente
 
Tmi final
Tmi finalTmi final
Tmi final
 
Presentazione bella onethor collateral77
Presentazione bella onethor collateral77Presentazione bella onethor collateral77
Presentazione bella onethor collateral77
 
Proyecto para dotar de reputación online a groupalia
Proyecto para dotar de reputación online a groupaliaProyecto para dotar de reputación online a groupalia
Proyecto para dotar de reputación online a groupalia
 
hojas de calculo
hojas de calculohojas de calculo
hojas de calculo
 
Tecnología y Jóvenes
Tecnología y JóvenesTecnología y Jóvenes
Tecnología y Jóvenes
 

Similar a Frames (20)

Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Marcos
MarcosMarcos
Marcos
 
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
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 
Html y css
Html y cssHtml y css
Html y css
 
Marcos
MarcosMarcos
Marcos
 
4 Html
4 Html4 Html
4 Html
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Frames
FramesFrames
Frames
 
Frames
FramesFrames
Frames
 

Frames

  • 1. Lo primero que tenemos que hacer es crear un documento HTML en el que definiremos cuántas zonas va a haber, qué distribución y tamaño van a tener, y cuál va ser el contenido de cada una de ellas. En el ejemplo que vamos a desarrollar, la página va a tener dos frames distribuidos en columnas (es decir, uno al lado del otro, en vez de uno encima del otro, lo que sería una distribución en filas). Con respecto al tamaño, haremos que el primero (el del izquierda) ocupe el 20% del ancho de la pantalla, y el otro, el 80% restante. Y con respecto al contenido, el frame de la izquierda va a contener un documento HTML llamado mipagind.html, y el de la derecha otro documento HTML igual que de la otra pagina.
  • 2.
  • 4.
  • 5. DEFINICION DE LA ESTRUCTURA
  • 6.
  • 7.
  • 9.
  • 10.