SlideShare una empresa de Scribd logo
COLEGIO NACIONAL NICOLAS
ESGUERRA
EDIFICAMOS FUTURO
SANTIAGO SANCHEZ
SEBASTIAN SALAMANCA
PAGINAWEB V
MARCOS
Conjuntode marcos<frameset>
Los marcos o frames sirvenparadistribuirmejorlosdatosde laspáginas,yaque permiten
mantenerfijasalgunaspartes,comopuedenserel logotipoylabarra de navegación,mientrasque
otras sí puedencambiar.Ademásde mejorarlafuncionalidad,puedenmejorartambiénla
apariencia.
Cada unode losmarcos de una página,contiene undocumentoHTMLindividual.Porejemplo,en
la imagende laderechapuedesverunapáginacon dosmarcos. El marco izquierdocontieneel
documentomenu.htmyel derechoel documentoperros.htm. Parapodervisualizarlapáginade
este modo,hemostenidoque abrirenel navegadorel documentomarcos.htm, que esel que en
este caso contiene el grupode marcos.
l trabajarcon marcos puede resultarunatareaalgo complicada,sobretodoal principio,porloque
vemossolamente algunosconteptosbásicosyejemplossencillos.
Comohemosvistosi queremosutilizarmarcosdebemoscrearunapáginacon la definicióndel
conjuntode marcos (enel ejemploanteriorlapáginamarcos.htm).
Los conjuntos de marcos se definenatravésde lasetiquetas<frameset>y</frameset>,que van
despuésde laetiqueta<head>.A travésde estasetiquetasse indicael númerode marcosenque
se dividirálaventana,cadauno de loscualesseráuna especie de subventana.
Cuandose insertanlasetiquetas<frameset>y</frameset>nohay que insertarlasetiquetas
<body> y </body>,ya que el cuerpodel documentoseráel cuerpode laspáginasque se carguen
encada unode los marcosdel conjuntode marcos.
Los atributosque puedenespecificarsesobre laetiqueta<frameset>sonlossiguientes:
MARCOS
<HTML>
<HEAD>
<TITLE>BUGATTI</TITLE>
</HEAD>
<framesetrows="*"cols="230,*" framespacing="0"frameborder="SI"border="1">
<frame src="MENU.HTML" name="marcoizquierdo"frameborder="SI"scrolling="SI"noresize>
<frame src="INDEX.HTAML"name="marcoderecho"frameborder="SI">
</frameset>
<noframes>
<BODY bgcolor="003366">
santiagosanchezpuentes
</BODY>
</noframes>
</HTML>
MENU
<HTML>
<HEAD>
<TITLE>PRDUCTOS DEPORTIVOS</TITLE>
</HEAD>
<BODY bgcolor="003366">
<a href="INDEX.HTML"target="marcoderecho"><FONT
COLOR="GREEN"><CENTER><H1>INICIO</H1></CENTER></a>
<hr>
<a href="INDEX2.HTML"target="marcoderecho"><img src="imagenes/LOGO1.PNG"
border="8"width="200"height="100"></a>
<hr>
<a href="INDEX3.HTML"target="marcoderecho"><imgsrc="imagenes/LOGO2.PNG"
border="8"width="200"height="100"></a>
<hr>
TRABAJO FINAL
NIKE
ADIDAS

Más contenido relacionado

La actualidad más candente

Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en htmlYomairi Nope
 
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
michu98
 
dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
america_999_america
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLObriasb
 
Informatica import....
Informatica import....Informatica import....
Informatica import....Johaine De Oro
 
Frames en html
Frames  en htmlFrames  en html
Frames en htmlbhylenia
 
Menu
MenuMenu
Menu
sergio804
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
UTECO
 
Capas
CapasCapas

La actualidad más candente (17)

Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Duver
DuverDuver
Duver
 
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
 
dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLO
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Frames
FramesFrames
Frames
 
Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Menu
MenuMenu
Menu
 
Los frames
Los framesLos frames
Los frames
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
 
Capas
CapasCapas
Capas
 
Presentación1
Presentación1Presentación1
Presentación1
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Manual Css Desarrolloweb.Com
Manual Css Desarrolloweb.ComManual Css Desarrolloweb.Com
Manual Css Desarrolloweb.Com
 
Manual css
Manual cssManual css
Manual css
 

Destacado

Low level laser treatment of somatosensory tinnitus
Low level laser treatment of somatosensory tinnitusLow level laser treatment of somatosensory tinnitus
Low level laser treatment of somatosensory tinnitus
Jan Tunér
 
Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1
Jimmy Neisa
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
Estíbaliz Maneiro
 
100 bài hát mẫu giáo (nxb hà nội 2003) nguyễn thụy kha, 122 trang
100 bài hát mẫu giáo (nxb hà nội 2003)   nguyễn thụy kha, 122 trang100 bài hát mẫu giáo (nxb hà nội 2003)   nguyễn thụy kha, 122 trang
100 bài hát mẫu giáo (nxb hà nội 2003) nguyễn thụy kha, 122 trang
thuvienso24h
 
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005Puguh Irawan
 
Enfermedad inflamatoria
Enfermedad inflamatoriaEnfermedad inflamatoria
Enfermedad inflamatoria
Christian Marqués
 
Indicators and oscillators
Indicators and oscillatorsIndicators and oscillators
Indicators and oscillatorsnattyvirk
 
Princess.ppt
Princess.pptPrincess.ppt
Princess.ppt
Ponniarun
 

Destacado (11)

FW_Inservice
FW_InserviceFW_Inservice
FW_Inservice
 
Low level laser treatment of somatosensory tinnitus
Low level laser treatment of somatosensory tinnitusLow level laser treatment of somatosensory tinnitus
Low level laser treatment of somatosensory tinnitus
 
Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1Colegio nacional nicolas esguerra 1
Colegio nacional nicolas esguerra 1
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
MY RESUME
MY RESUMEMY RESUME
MY RESUME
 
100 bài hát mẫu giáo (nxb hà nội 2003) nguyễn thụy kha, 122 trang
100 bài hát mẫu giáo (nxb hà nội 2003)   nguyễn thụy kha, 122 trang100 bài hát mẫu giáo (nxb hà nội 2003)   nguyễn thụy kha, 122 trang
100 bài hát mẫu giáo (nxb hà nội 2003) nguyễn thụy kha, 122 trang
 
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005
Poverty-Environment-Nexus-in-Indonesia-Puguh-B-Irawan-and-Silvia-Irawan-2005
 
Enfermedad inflamatoria
Enfermedad inflamatoriaEnfermedad inflamatoria
Enfermedad inflamatoria
 
Indicators and oscillators
Indicators and oscillatorsIndicators and oscillators
Indicators and oscillators
 
Componentes sanguineos
Componentes sanguineosComponentes sanguineos
Componentes sanguineos
 
Princess.ppt
Princess.pptPrincess.ppt
Princess.ppt
 

Similar a Trabajop final

Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
santi302930
 
Menu
MenuMenu
Menu
sergio804
 
Byb4
Byb4Byb4
Marcos
MarcosMarcos
Presentación2
Presentación2Presentación2
Presentación2creto-96
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
Andrea G M
 
Frameset
FramesetFrameset
Trabajo dreamweaver
Trabajo dreamweaverTrabajo dreamweaver
Trabajo dreamweaver
amanda garcia
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
Emilio Flores
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
Daniel Esteban
 
Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5Colegio nacional nicolás esguerra 5
Colegio nacional nicolás esguerra 5
Edward Neuta
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 natynataliareniz
 

Similar a Trabajop final (20)

Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
Colegionacionalnicolsesguerra 150917155628-lva1-app6892-150924155136-lva1-app...
 
Marcos
MarcosMarcos
Marcos
 
Menu
MenuMenu
Menu
 
Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Marcos HTML
Marcos HTMLMarcos HTML
Marcos HTML
 
Byb4
Byb4Byb4
Byb4
 
Marcos
MarcosMarcos
Marcos
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Presentación2
Presentación2Presentación2
Presentación2
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Frameset
FramesetFrameset
Frameset
 
Trabajo dreamweaver
Trabajo dreamweaverTrabajo dreamweaver
Trabajo dreamweaver
 
Frames
FramesFrames
Frames
 
Qué son los frames
Qué son los framesQué son los frames
Qué son los frames
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Lorena
LorenaLorena
Lorena
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y 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
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 

Más de Santiago Sanchez (20)

Tablas
TablasTablas
Tablas
 
Imagenes
ImagenesImagenes
Imagenes
 
Trabajop final
Trabajop finalTrabajop final
Trabajop final
 
Tablas
TablasTablas
Tablas
 
Imagenes
ImagenesImagenes
Imagenes
 
Evidencia base de datos
Evidencia base de datosEvidencia base de datos
Evidencia base de datos
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
Trabajo 3 (1) (1)
Trabajo 3 (1) (1)Trabajo 3 (1) (1)
Trabajo 3 (1) (1)
 
Noticias2
Noticias2Noticias2
Noticias2
 
Noticias1
Noticias1Noticias1
Noticias1
 
Ejercicios paso a paso 1
Ejercicios paso a paso 1Ejercicios paso a paso 1
Ejercicios paso a paso 1
 
Libro3
Libro3Libro3
Libro3
 
1 excel
1 excel1 excel
1 excel
 
1 excel
1 excel1 excel
1 excel
 
1 excel
1 excel1 excel
1 excel
 
heramientas
heramientasheramientas
heramientas
 
herramientas
herramientasherramientas
herramientas
 
NXT 2
NXT 2NXT 2
NXT 2
 
NTX 2
NTX 2NTX 2
NTX 2
 
NTX
NTXNTX
NTX
 

Último

Tractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdfTractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdf
WilsonVillena
 
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoqinicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
1637212006
 
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodkjddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jhoanpepe08
 
Modulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdfModulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdf
profesorhugorosa
 
Gastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfccccccccccccccccGastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfcccccccccccccccc
MaryCastilloJimenez1
 
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
ahmedendrise81
 
132946319-16359055-Keeway-Horse-Manual.pdf
132946319-16359055-Keeway-Horse-Manual.pdf132946319-16359055-Keeway-Horse-Manual.pdf
132946319-16359055-Keeway-Horse-Manual.pdf
nachososa8
 
manual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdfmanual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdf
ssuserccc3a8
 
Sistema de Limpiaparabrisas del automóvil.pptx
Sistema de Limpiaparabrisas del automóvil.pptxSistema de Limpiaparabrisas del automóvil.pptx
Sistema de Limpiaparabrisas del automóvil.pptx
ScarlettSalgueiro
 

Último (9)

Tractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdfTractores agricolas de-Valtra-Linea-BM.pdf
Tractores agricolas de-Valtra-Linea-BM.pdf
 
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoqinicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
inicam.pdfgahsjhjdOHGYWQUOIWhjwiqou3iyvguoq
 
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodkjddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
jddkdoqkwodkoekdeokdkoekoedkeodkokdeokdeodk
 
Modulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdfModulo diesel inyeccion directa e indirecta.pdf
Modulo diesel inyeccion directa e indirecta.pdf
 
Gastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfccccccccccccccccGastos-por-Vehiculos.pdfcccccccccccccccc
Gastos-por-Vehiculos.pdfcccccccccccccccc
 
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
外围买球-外围买球网站-外围买球|【​网址​🎉ac123.net🎉​】领先全球的买球投注平台
 
132946319-16359055-Keeway-Horse-Manual.pdf
132946319-16359055-Keeway-Horse-Manual.pdf132946319-16359055-Keeway-Horse-Manual.pdf
132946319-16359055-Keeway-Horse-Manual.pdf
 
manual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdfmanual Renault Sandero Stepway. Privilege pdf
manual Renault Sandero Stepway. Privilege pdf
 
Sistema de Limpiaparabrisas del automóvil.pptx
Sistema de Limpiaparabrisas del automóvil.pptxSistema de Limpiaparabrisas del automóvil.pptx
Sistema de Limpiaparabrisas del automóvil.pptx
 

Trabajop final

  • 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO SANTIAGO SANCHEZ SEBASTIAN SALAMANCA PAGINAWEB V MARCOS Conjuntode marcos<frameset> Los marcos o frames sirvenparadistribuirmejorlosdatosde laspáginas,yaque permiten mantenerfijasalgunaspartes,comopuedenserel logotipoylabarra de navegación,mientrasque otras sí puedencambiar.Ademásde mejorarlafuncionalidad,puedenmejorartambiénla apariencia. Cada unode losmarcos de una página,contiene undocumentoHTMLindividual.Porejemplo,en la imagende laderechapuedesverunapáginacon dosmarcos. El marco izquierdocontieneel documentomenu.htmyel derechoel documentoperros.htm. Parapodervisualizarlapáginade este modo,hemostenidoque abrirenel navegadorel documentomarcos.htm, que esel que en este caso contiene el grupode marcos.
  • 2. l trabajarcon marcos puede resultarunatareaalgo complicada,sobretodoal principio,porloque vemossolamente algunosconteptosbásicosyejemplossencillos. Comohemosvistosi queremosutilizarmarcosdebemoscrearunapáginacon la definicióndel conjuntode marcos (enel ejemploanteriorlapáginamarcos.htm). Los conjuntos de marcos se definenatravésde lasetiquetas<frameset>y</frameset>,que van despuésde laetiqueta<head>.A travésde estasetiquetasse indicael númerode marcosenque se dividirálaventana,cadauno de loscualesseráuna especie de subventana. Cuandose insertanlasetiquetas<frameset>y</frameset>nohay que insertarlasetiquetas <body> y </body>,ya que el cuerpodel documentoseráel cuerpode laspáginasque se carguen encada unode los marcosdel conjuntode marcos. Los atributosque puedenespecificarsesobre laetiqueta<frameset>sonlossiguientes: MARCOS
  • 3. <HTML> <HEAD> <TITLE>BUGATTI</TITLE> </HEAD> <framesetrows="*"cols="230,*" framespacing="0"frameborder="SI"border="1"> <frame src="MENU.HTML" name="marcoizquierdo"frameborder="SI"scrolling="SI"noresize> <frame src="INDEX.HTAML"name="marcoderecho"frameborder="SI"> </frameset> <noframes> <BODY bgcolor="003366"> santiagosanchezpuentes </BODY> </noframes> </HTML> MENU <HTML> <HEAD> <TITLE>PRDUCTOS DEPORTIVOS</TITLE> </HEAD> <BODY bgcolor="003366">
  • 4. <a href="INDEX.HTML"target="marcoderecho"><FONT COLOR="GREEN"><CENTER><H1>INICIO</H1></CENTER></a> <hr> <a href="INDEX2.HTML"target="marcoderecho"><img src="imagenes/LOGO1.PNG" border="8"width="200"height="100"></a> <hr> <a href="INDEX3.HTML"target="marcoderecho"><imgsrc="imagenes/LOGO2.PNG" border="8"width="200"height="100"></a> <hr> TRABAJO FINAL