SlideShare una empresa de Scribd logo
1 de 2
Trabajo 6
1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio.
2 Abre el documento marcos.htm, de la carpeta originales/animales del curso.
3 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/animales
4 Inserta una línea en blanco debajo de la etiqueta </head>, y escribe el siguiente código en
ella:
<frameset rows="*" cols="142,*" framespacing="0" frameborder="NO" border="0">
<frame src="menu.htm" name="marcoizquierdo" frameborder="no" scrolling="NO" noresize>
<frame src="inicio.htm" name="marcoderecho" frameborder="no">
</frameset>

Con la primera línea, estarás creando dos marcos en la página. El primero será de 142 píxeles,
y el otro ocupará el resto de la ventana del navegador. Los marcos se distribuirán en forma de
columna (cols="142,*"). No habrá espacio entre los marcos (framespacing="0"), ni se
mostrarán sus bordes (frameborder="NO" border="0").
Con la segunda línea, estarás especificando las propiedades del primer marco. Este marco se
llamará marcoizquierdo, no se mostrarán sus bordes (frameborder="no"), y el usuario no
podrá modifciar su tamaño (noresize). En este marco se cargará el documento menu.htm, y
cuando éste no pueda ser mostrado en su totalidad, no aparecerán las barras de
desplazamiento (scrolling="NO").
Con la tercera línea, estarás especificando las propiedades del segundo marco. Este marco se
llamará marcoderecho, y no se mostrarán sus bordes (frameborder="no"). En este marco se
cargará el documento inicio.htm.
5 Inserta una línea en blanco debajo de la etiqueta </frameset>, y escribe el siguiente código
en ella:
<noframes>
<bodybgcolor="#99CC99">
Esta p&aacute;gina tiene marcos, y tu navegador no los soporta
</body>
</noframes>
Este código será el utilizado por los navegadores que no soportan los marcos. Cuando un
navegador no soporte los marcos, mostrará una página de color verde
(<bodybgcolor="#99CC99">), con el texto Esta página tiene marcos, y tu navegador no los
soporta.
6 Haz clic sobre el menú Archivo.
7 Haz clic sobre la opción Guardar.

Más contenido relacionado

La actualidad más candente

Frames en html
Frames  en htmlFrames  en html
Frames en htmlbhylenia
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IVguestc906c2
 
Presentación1
Presentación1Presentación1
Presentación1hudson1998
 
Trabajo practico 18
Trabajo practico 18Trabajo practico 18
Trabajo practico 18Sol Cisint
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)Enrique Reyes
 
Html manual
Html manualHtml manual
Html manualPatricio
 
Manual basico de html
Manual basico de htmlManual basico de html
Manual basico de htmlJaneBv
 
Clase 3 Blog Personal: publicaciones
Clase 3 Blog Personal: publicacionesClase 3 Blog Personal: publicaciones
Clase 3 Blog Personal: publicacionesMiryam Illangua
 
Practica Inicial
Practica InicialPractica Inicial
Practica Inicialguest2c4e2f
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.julianmartin22
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en htmlYomairi Nope
 

La actualidad más candente (16)

Frames en html
Frames  en htmlFrames  en html
Frames en html
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
Presentación1
Presentación1Presentación1
Presentación1
 
Marcos
MarcosMarcos
Marcos
 
Colegió nacional nicolás esguerra
Colegió nacional nicolás esguerraColegió nacional nicolás esguerra
Colegió nacional nicolás esguerra
 
Trabajo practico 18
Trabajo practico 18Trabajo practico 18
Trabajo practico 18
 
Adobe dream weaver tutorial
Adobe dream weaver tutorialAdobe dream weaver tutorial
Adobe dream weaver tutorial
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 
Recuperacion
RecuperacionRecuperacion
Recuperacion
 
etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 
Html manual
Html manualHtml manual
Html manual
 
Manual basico de html
Manual basico de htmlManual basico de html
Manual basico de html
 
Clase 3 Blog Personal: publicaciones
Clase 3 Blog Personal: publicacionesClase 3 Blog Personal: publicaciones
Clase 3 Blog Personal: publicaciones
 
Practica Inicial
Practica InicialPractica Inicial
Practica Inicial
 
Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.Colegio nacional nicolas esguerra.
Colegio nacional nicolas esguerra.
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 

Destacado (10)

Colegio nacional
Colegio nacionalColegio nacional
Colegio nacional
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Nicolás esguerra
Nicolás esguerraNicolás esguerra
Nicolás esguerra
 
Trabajo 8
Trabajo 8Trabajo 8
Trabajo 8
 
Trabajo 11
Trabajo 11Trabajo 11
Trabajo 11
 
Trabajo 5
Trabajo 5Trabajo 5
Trabajo 5
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Trabajo 7
Trabajo 7Trabajo 7
Trabajo 7
 
Trabajo 4
Trabajo 4Trabajo 4
Trabajo 4
 
Trabajo 9
Trabajo 9Trabajo 9
Trabajo 9
 

Similar a Trabajo 6 (20)

Frames
FramesFrames
Frames
 
Presentación2
Presentación2Presentación2
Presentación2
 
Byb4
Byb4Byb4
Byb4
 
Frames
FramesFrames
Frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Definicion de frames
Definicion de framesDefinicion de frames
Definicion de frames
 
Marcos perro
Marcos perroMarcos perro
Marcos perro
 
Vinculos tablas y frames
Vinculos tablas y framesVinculos tablas y frames
Vinculos tablas y frames
 
Layout Plus
Layout PlusLayout Plus
Layout Plus
 
Marcos
MarcosMarcos
Marcos
 
Guía No.2 Grado 7
Guía No.2 Grado 7Guía No.2 Grado 7
Guía No.2 Grado 7
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
Guia 1 De Dreamweaver
Guia 1 De DreamweaverGuia 1 De Dreamweaver
Guia 1 De Dreamweaver
 
Html y css
Html y cssHtml y css
Html y css
 
Capas en html
Capas en htmlCapas en html
Capas en html
 
Manual nº 05
Manual nº 05Manual nº 05
Manual nº 05
 
Etiquetas en HTML
Etiquetas en HTMLEtiquetas en HTML
Etiquetas en HTML
 
Tagshtml
TagshtmlTagshtml
Tagshtml
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 

Más de davidvelascov (20)

Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
Doc2
Doc2Doc2
Doc2
 
Doc1
Doc1Doc1
Doc1
 
Doc1
Doc1Doc1
Doc1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Gay 1 copia
Gay 1   copiaGay 1   copia
Gay 1 copia
 
Gay 2 copia
Gay 2   copiaGay 2   copia
Gay 2 copia
 
trabajo de robot 3
trabajo de robot 3trabajo de robot 3
trabajo de robot 3
 
123
123123
123
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
2
22
2
 
3
33
3
 
Doc2
Doc2Doc2
Doc2
 
Colegio nicolas esguerra 1
Colegio nicolas esguerra 1Colegio nicolas esguerra 1
Colegio nicolas esguerra 1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Nicolás esguerra
Nicolás esguerraNicolás esguerra
Nicolás esguerra
 

Trabajo 6

  • 1. Trabajo 6 1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio. 2 Abre el documento marcos.htm, de la carpeta originales/animales del curso. 3 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/animales 4 Inserta una línea en blanco debajo de la etiqueta </head>, y escribe el siguiente código en ella: <frameset rows="*" cols="142,*" framespacing="0" frameborder="NO" border="0"> <frame src="menu.htm" name="marcoizquierdo" frameborder="no" scrolling="NO" noresize> <frame src="inicio.htm" name="marcoderecho" frameborder="no"> </frameset> Con la primera línea, estarás creando dos marcos en la página. El primero será de 142 píxeles, y el otro ocupará el resto de la ventana del navegador. Los marcos se distribuirán en forma de columna (cols="142,*"). No habrá espacio entre los marcos (framespacing="0"), ni se mostrarán sus bordes (frameborder="NO" border="0"). Con la segunda línea, estarás especificando las propiedades del primer marco. Este marco se llamará marcoizquierdo, no se mostrarán sus bordes (frameborder="no"), y el usuario no podrá modifciar su tamaño (noresize). En este marco se cargará el documento menu.htm, y cuando éste no pueda ser mostrado en su totalidad, no aparecerán las barras de desplazamiento (scrolling="NO"). Con la tercera línea, estarás especificando las propiedades del segundo marco. Este marco se llamará marcoderecho, y no se mostrarán sus bordes (frameborder="no"). En este marco se cargará el documento inicio.htm. 5 Inserta una línea en blanco debajo de la etiqueta </frameset>, y escribe el siguiente código en ella: <noframes> <bodybgcolor="#99CC99"> Esta p&aacute;gina tiene marcos, y tu navegador no los soporta </body> </noframes>
  • 2. Este código será el utilizado por los navegadores que no soportan los marcos. Cuando un navegador no soporte los marcos, mostrará una página de color verde (<bodybgcolor="#99CC99">), con el texto Esta página tiene marcos, y tu navegador no los soporta. 6 Haz clic sobre el menú Archivo. 7 Haz clic sobre la opción Guardar.