FRAMES

Slide 1

COLEGIO DE BACHILLERES PLANTEL 12 NEZAHUALCOYOTLALUMNO: SANTIAGO CARMONA KEVINPROFESORA:- ROSY PEREZ CHARREZ GRUPO: 660TURNO: VESPERTINOMATRICULA: 21382618EMATERIA: ELABORACIÓN DE UN SITIO WEB

PORTADA

Slide 2

QUE SON LOS FRAMES EN HTML

Qué son los frames Los frames (en inglés frame = cuadro, bastidor o marco) es un elemento implementado por Netscape, que permite dividir la pantalla en varias áreas independientes unas de otras, y por tanto con contenidos distintos, aunque puedan estar relacionados. No hay límites para el contenido de cada una de estas áreas: tienen las mismas propiedades que la pantalla completa normal, tal y como la conocemos. No hay que confundir los frames con las tablas. Su apariencia, a veces, puede ser similar, pero mientras el contenido de la celda de una tabla es fijo, en un área de pantalla creado por el elemento FRAME se dispone de todos los recursos del HTML. Es una zona viva.Las páginas que contienen una definición de FRAME no pueden contener el elemento BODY ni ninguno de los elementos que habitualmente aparecen en el BODY antes del elemento FRAMESET que es el que define la creación del FRAME. Si esto no se cumple, el FRAME será ignorado.Algunos visualizadores no soportan los frames. Para que nuestra página con frames no resulte opaca a ellos, se utilizará el elemento NOFRAMES que permite ofrecer un texto alternativo en entorno normal.Los frames permiten una flexibilidad de presentación extraordinaria, y para contenidos muy complejos, de difícil estructura por los medios convencionales del HTML, son casi insustituibles. De nuevo se presenta la duda de para qué visualizador es preferible programar nuestro WWW.

Slide 3

CODIGOS PARA HACER FRAMES EN HTML

8c0a487d-3163-4d0d-bd8b-9cd3e0b345ad.JPG (image/JPG)

Slide 4

ca1a71d5-ed62-4a34-bbce-dcdd109b4460 (image/png)

Slide 5

d4640f99-3c1e-4003-80f9-4a18ff7b02e4 (image/jpg)

Slide 6

QUE FUNCIÓN TIENEN LAS ETIQUETAS TARGET

El atributo @target tiene cuatro valores:_selfcon este valor se identifica la ventana desde la que se hace la referencia. Es el valor por defecto y equivale a no poner nada, es decir, a cargar el documento en la propria ventana._topidentifica a la ventana de nivel superior en el cotexto de navegacion. Cuando desde una ventana se crea otra, la primera esta "por encima" en el contexto de navegacion, y si hay varios niveles, _top designa al primero._parentse refiere al nivel de navegacion inmediatamente superior. En caso de existir un unico nivel, _top y _parent coinciden_blankes un valor especial que fuerza la creacion de una nueva ventana y envia el contenido del enlace alli. Esta ventana no tiene nombre por lo que no es posible hacer nuevas referencias a ella. Cada enlace con este valor produce una nueva ventana cada vez que se active.

Slide 7

QUE FUNCION TIENEN LAS ETIQUETAS NAME

La etiqueta <meta> se utiliza para añadir información sobre la página. Esta información puede ser utilizada por los buscadores.Los buscadores consultan la información de la etiqueta <meta> de las páginas, buscando coincidencias con lo que el usuario pretende encontrar.A través de esta etiqueta pueden especificarse los atributos name y content. El atributo name indica el tipo de información, y el atributo content indica el valor de dicha información.Para indicar el tipo de información podemos utilizar cualquier palabra que deseemos, como puede ser "Autor", "Palabras clave", "Descripción", etc. Pero debido a que la mayoría de buscadores están en inglés, es preferible que el tipo de información se especifique en inglés.La etiqueta <meta> no necesita etiqueta de cierre. Para cada etiqueta <meta> solo es posible indicar un tipo de información y su valor, pero es posible insertar varias etiquetas <meta> en un mismo documento.La etiqueta <meta> ha de estar entre las etiquetas <head> y </head>.Por ejemplo, el siguiente código indica que el autor de la página es aulaclic, que la página trata sobre un curso de HTML gratuito, y especifica algunas palabras clave a ser consultadas por los buscadores: <html><head>...<meta name="author" content="aulaclic"><meta name="description" content="Curso de HTML gratuito"><meta name="keywords" content="código HTML etiqueta página web gratis curso"></head>... La etiqueta <meta> también se utiliza para indicarle al navegador alguna información o alguna acción que debe realizar. En este caso se utiliza el atributo http-equiv, en lugar del atributo name.Por ejemplo, imaginemos que por algún motivo queremos que nuestra página se actualice automáticamente cada 30 segundos. En ese caso, deberíamos utilizar la acción Refresh (actualizar). Podríamos utilizar el siguiente código: <html><head>...<meta http-equiv="Refresh" content="30"></head>... Ahora imaginemos que hemos cambiado la dirección en la que se encuentra nuestra página web, y queremos que cuando algún usuario visite la página en la dirección antigua, a los 5 segundos el navegador lo redirija automáticamente a la dirección nueva. En ese caso podríamos insertar el siguiente código en la página que se encuentra en la dirección antigua: <html><head>...<meta http-equiv="Refresh" content="5; URL=http://www.aulaclic.com/index.htm"></head>

Slide 8

EJEMPLOS DE FRAMES

fb5a4fb3-13d4-4890-9e85-aae8742a540e (image/png)

Slide 9

0f407dd3-417e-48a1-a886-3fba2e87ea85 (image/png)

FRAME

Slide 10

c26e9163-ed65-471f-9316-0e3aabee4c8d (image/png)

FRAME

Slide 11

HACER UN FRAME NO ES COSA FÁCIL SE NECESITA DE UN CÓDIGO ESPECIFICO MUY COMPLETO Y ACOMODADO PARA SABER Y PONER ADECUADAMENTE COMO VA SALIR TU PAGINA ES MUY DIVERTIDO HACERLO LO ÚNICO COMPLICADO ES HACER TU CÓDIGO ESO SI NO ESTA NADA FÁCIL PERO ES DIVERTIDO ADEMAS TODO EL TIEMPO INVERTIDO EN TU CÓDIGO SE COMPENSA CUANDO VES TU PAGINA TAL Y COMO TU LA QUIERES AL FINAL DICES NO FUE FÁCIL PERO LO LOGRE

Next up

Description

Resource summary