SlideShare una empresa de Scribd logo
1 de 5
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 (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
 

Similar a Trabajop final

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)

Trabajop final
Trabajop finalTrabajop final
Trabajop final
 
Tablas
TablasTablas
Tablas
 
Imagenes
ImagenesImagenes
Imagenes
 
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

Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxlizeth753950
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxismaelchandi2010
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptxjezuz1231
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxMaikelPereira1
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptDerekLiberatoMartine
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruanoEFRAINSALAZARLOYOLA1
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxJOELORELLANA15
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power pointyupanquihuisahilario
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 

Último (16)

Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docxACUERDOS PARA PINTAR EDUCACION INICIAL.docx
ACUERDOS PARA PINTAR EDUCACION INICIAL.docx
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
Europa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptxEuropa y la Exploración del continente americano.pptx
Europa y la Exploración del continente americano.pptx
 
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
271706433-Horacio-Baliero-Casa-en-Punta-Piedras.pptx
 
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptxCERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
CERTIFICADO para NIÑOS, presentacion de niños en la iglesia .pptx
 
presentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).pptpresentacion-auditoria-administrativa-i-encuentro (1).ppt
presentacion-auditoria-administrativa-i-encuentro (1).ppt
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
la configuyracion del territorio peruano
la configuyracion del territorio peruanola configuyracion del territorio peruano
la configuyracion del territorio peruano
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptxPA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
PA2_BITACORA _Taipe_Turpo_Teves_Sumire_Suma.pptx
 
BIOGRAFIA MARIANO MELGAR presentacion en power point
BIOGRAFIA MARIANO MELGAR  presentacion en power pointBIOGRAFIA MARIANO MELGAR  presentacion en power point
BIOGRAFIA MARIANO MELGAR presentacion en power point
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 

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