O documento discute o uso de frames em páginas web. Explica que frames dividem a página em seções e permitem incluir vários arquivos HTML. Detalha como criar uma página com frames, usando tags <FRAMESET> e <FRAME> para dividir a tela e incluir outras páginas. Também fornece exemplos de atributos como SRC, NAME e TARGET para vincular frames.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento fornece uma introdução sobre e-mail marketing e HTML, ensinando como criar um e-mail de marketing simples em HTML. Explica os principais elementos do código HTML como tags, links e imagens e como editar um arquivo HTML existente para customizá-lo.
O documento introduz conceitos sobre a Internet, HTML e marketing digital. Ele explica como a Internet é composta por tecnologia de rede aberta, hipertexto e interface gráfica. Também ensina os princípios básicos de HTML e como criar e-mails marketing nesse formato.
O documento fornece instruções passo-a-passo sobre como criar um e-mail de marketing simples em HTML. Explica como editar o código HTML usando o Bloco de Notas e substituir elementos como imagem, título e links para customizar a mensagem.
Este documento fornece instruções sobre como criar documentos HTML com múltiplas janelas usando frames. Explica a estrutura básica de um documento de frame, as tags frameset, frame e noframes, e fornece exemplos de como dividir a tela em diferentes configurações de janelas.
Este documento fornece um tutorial sobre a utilização de frames no HTML. Ele explica a estrutura básica de um documento de frames, a sintaxe das marcações <frameset>, <frame> e <noframes> e fornece exemplos de como intercalar múltiplas janelas.
O documento fornece instruções sobre como abrir e editar arquivos HTML e CSS no Bloco de Notas, incluindo como alterar elementos em um código existente e visualizar as alterações no navegador. Ele também discute conceitos básicos como tags, links, estilo de fontes e cores.
O documento fornece instruções sobre como editar arquivos HTML e CSS usando o Bloco de Notas, incluindo como descompactar arquivos, abrir no navegador e editor, salvar alterações e encontrar itens no código. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS de um site promocional da Coca-Cola.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento fornece uma introdução sobre e-mail marketing e HTML, ensinando como criar um e-mail de marketing simples em HTML. Explica os principais elementos do código HTML como tags, links e imagens e como editar um arquivo HTML existente para customizá-lo.
O documento introduz conceitos sobre a Internet, HTML e marketing digital. Ele explica como a Internet é composta por tecnologia de rede aberta, hipertexto e interface gráfica. Também ensina os princípios básicos de HTML e como criar e-mails marketing nesse formato.
O documento fornece instruções passo-a-passo sobre como criar um e-mail de marketing simples em HTML. Explica como editar o código HTML usando o Bloco de Notas e substituir elementos como imagem, título e links para customizar a mensagem.
Este documento fornece instruções sobre como criar documentos HTML com múltiplas janelas usando frames. Explica a estrutura básica de um documento de frame, as tags frameset, frame e noframes, e fornece exemplos de como dividir a tela em diferentes configurações de janelas.
Este documento fornece um tutorial sobre a utilização de frames no HTML. Ele explica a estrutura básica de um documento de frames, a sintaxe das marcações <frameset>, <frame> e <noframes> e fornece exemplos de como intercalar múltiplas janelas.
O documento fornece instruções sobre como abrir e editar arquivos HTML e CSS no Bloco de Notas, incluindo como alterar elementos em um código existente e visualizar as alterações no navegador. Ele também discute conceitos básicos como tags, links, estilo de fontes e cores.
O documento fornece instruções sobre como editar arquivos HTML e CSS usando o Bloco de Notas, incluindo como descompactar arquivos, abrir no navegador e editor, salvar alterações e encontrar itens no código. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS de um site promocional da Coca-Cola.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar links e molduras em HTML usando as tags <a> e <frame>. A tag <a> é usada para criar hiperlinks com os atributos href, target e name. A tag <frame> define cada documento HTML em molduras separadas com os atributos cols, rows e noresize.
[1] O documento apresenta uma aula sobre a tag HTML <frameset> para dividir a janela do navegador em partes e exibir vários arquivos HTML simultaneamente.
[2] São mostrados exemplos de código HTML utilizando a tag <frameset> para dividir a janela em linhas, colunas ou grade, e a tag <frame> para especificar qual página HTML será exibida em cada parte.
[3] É explicado como criar um arquivo index.html com dois conjuntos de <frameset> aninhados para dividir a janela do
O documento resume os principais tópicos sobre HTML, CSS e JavaScript. Inclui definições e exemplos de tags HTML, propriedades CSS e estruturas de controle em JavaScript. Fornece links para referências adicionais sobre cada tecnologia da web.
O documento apresenta uma introdução ao HTML, incluindo sua estrutura básica com <html>, <head> e <body>. Ele ensina elementos como cabeçalhos, parágrafos, listas, links, imagens e tabelas. O documento também mostra como formatar texto com cores, fontes e tamanhos de fonte, e como criar frames para dividir uma página em seções.
O documento fornece sugestões para o desenvolvimento de formulários em HTML e CSS, começando com a estrutura básica em HTML utilizando tags como <form>, <fieldset> e <div> com classes. Em seguida, explica como aplicar estilos CSS para padronizar a aparência e comportamento dos campos do formulário.
O documento descreve a linguagem HTML para formatação de páginas da web. HTML usa tags para formatar texto, imagens, links e outros elementos. É possível formatar texto de várias formas como negrito, itálico e cabeçalhos. O documento também explica como inserir imagens, hiperlinks e quebrar linhas.
O documento fornece dicas para desenvolver formulários HTML e CSS de forma versátil, começando com a estrutura básica em HTML e agrupando campos, e depois aplicando estilos CSS para padronizar a aparência e layout. O autor recomenda usar divs e fieldsets para agrupar campos, labels associadas aos campos, e botões button em vez de inputs submit. Ele então explica como aplicar estilos CSS para formatar e alinhar os campos, incluindo :hover e :focus para interatividade.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
O documento descreve vários tipos de tags HTML para formatar texto, incluindo: 1) tags de estilo lógico que indicam como o texto deve ser usado sem especificar a formatação, e tags de estilo físico que especificam explicitamente a formatação; 2) a tag <PRE> para pré-formatar texto; e 3) tags como <BLOCKQUOTE> e <ADDRESS> para citações e endereços.
O documento apresenta os principais conceitos e comandos básicos da linguagem HTML para criação de páginas web, incluindo tags, atributos, elementos como cabeçalhos, parágrafos, links e imagens.
O documento explica o que é XHTML, como ele combina HTML e XML para fornecer uma linguagem de marcação estruturada que garante a visualização consistente de páginas da web independentemente do navegador. Também descreve as principais diferenças entre XHTML e HTML, como a obrigatoriedade do fechamento de tags e o uso de atributos em minúsculas.
Este documento apresenta uma introdução à linguagem HTML, descrevendo seus principais elementos como tags, cabeçalhos, parágrafos e links. Explica a estrutura básica de uma página HTML e exemplos de como formatar texto usando tags como <b> para negrito e <i> para itálico.
O documento descreve como usar folhas de estilo CSS (Cascading Style Sheets) para formatar elementos HTML. CSS permite definir estilos globais, por ID ou classe, e posicionar elementos em camadas usando propriedades como position, left, top e z-index.
O documento descreve o uso de folhas de estilo CSS para formatar elementos HTML e criar camadas (layers) de elementos sobrepostos. CSS permite definir estilos globais, por ID, classe ou elemento <span> para formatar fontes, cores e posicionamento. Camadas podem ser criadas usando DIVs ou tags Layer/ILayer e posicionadas com propriedades CSS como position, left, top e z-index.
O documento fornece uma introdução abrangente aos principais elementos e conceitos da linguagem HTML5, incluindo estrutura básica de páginas, formatação de texto, links, imagens, vídeos, formulários e mais. Ele também lista várias ferramentas e referências úteis para aprender HTML5.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
Este documento apresenta um workshop sobre fundamentos de interfaces e desenvolvimento web. O workshop é dividido em 15 módulos que cobrem tópicos como HTML, CSS, semântica, estrutura básica de páginas, formatação de texto, imagens, links, listas e posicionamento. O objetivo é ensinar as bases de HTML5 e CSS3 para criação de sites e páginas web.
1) O documento introduz os padrões HTML, SGML e HyTime que deram origem à linguagem HTML.
2) HTML usa etiquetas entre sinais de menor e maior para formatar texto, e os elementos podem ter atributos.
3) Há editores de texto e WYSIWYG para criar documentos HTML.
Museu nacional de história natural e da ciênciaAlvaro Gomes
O documento descreve a visita ao Museu Nacional de História Natural e da Ciência em Lisboa, começando pela entrada principal na Rua da Escola Politécnica. A visita inclui o Laboratório Chimico do século XIX, o Amphiteatro Chimico, a ReservaVisitável com coleções de química e o Claustro no primeiro andar, onde há exposições sobre a história da Politécnica e coleções de um naturalista, incluindo a Sala da Baleia.
Luís de Camões foi um poeta português do século XVI considerado o maior expoente da literatura portuguesa. Nasceu em 1524 e faleceu em 1580. Escreveu a famosa epopeia "Os Lusíadas" que narra a história das navegações portuguesas. Teve uma vida cheia de aventuras, tanto pessoais como militares, embarcando para a Índia onde viveu diversos anos. Foi homenageado como um dos grandes símbolos culturais de Portugal.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar links e molduras em HTML usando as tags <a> e <frame>. A tag <a> é usada para criar hiperlinks com os atributos href, target e name. A tag <frame> define cada documento HTML em molduras separadas com os atributos cols, rows e noresize.
[1] O documento apresenta uma aula sobre a tag HTML <frameset> para dividir a janela do navegador em partes e exibir vários arquivos HTML simultaneamente.
[2] São mostrados exemplos de código HTML utilizando a tag <frameset> para dividir a janela em linhas, colunas ou grade, e a tag <frame> para especificar qual página HTML será exibida em cada parte.
[3] É explicado como criar um arquivo index.html com dois conjuntos de <frameset> aninhados para dividir a janela do
O documento resume os principais tópicos sobre HTML, CSS e JavaScript. Inclui definições e exemplos de tags HTML, propriedades CSS e estruturas de controle em JavaScript. Fornece links para referências adicionais sobre cada tecnologia da web.
O documento apresenta uma introdução ao HTML, incluindo sua estrutura básica com <html>, <head> e <body>. Ele ensina elementos como cabeçalhos, parágrafos, listas, links, imagens e tabelas. O documento também mostra como formatar texto com cores, fontes e tamanhos de fonte, e como criar frames para dividir uma página em seções.
O documento fornece sugestões para o desenvolvimento de formulários em HTML e CSS, começando com a estrutura básica em HTML utilizando tags como <form>, <fieldset> e <div> com classes. Em seguida, explica como aplicar estilos CSS para padronizar a aparência e comportamento dos campos do formulário.
O documento descreve a linguagem HTML para formatação de páginas da web. HTML usa tags para formatar texto, imagens, links e outros elementos. É possível formatar texto de várias formas como negrito, itálico e cabeçalhos. O documento também explica como inserir imagens, hiperlinks e quebrar linhas.
O documento fornece dicas para desenvolver formulários HTML e CSS de forma versátil, começando com a estrutura básica em HTML e agrupando campos, e depois aplicando estilos CSS para padronizar a aparência e layout. O autor recomenda usar divs e fieldsets para agrupar campos, labels associadas aos campos, e botões button em vez de inputs submit. Ele então explica como aplicar estilos CSS para formatar e alinhar os campos, incluindo :hover e :focus para interatividade.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
O documento descreve vários tipos de tags HTML para formatar texto, incluindo: 1) tags de estilo lógico que indicam como o texto deve ser usado sem especificar a formatação, e tags de estilo físico que especificam explicitamente a formatação; 2) a tag <PRE> para pré-formatar texto; e 3) tags como <BLOCKQUOTE> e <ADDRESS> para citações e endereços.
O documento apresenta os principais conceitos e comandos básicos da linguagem HTML para criação de páginas web, incluindo tags, atributos, elementos como cabeçalhos, parágrafos, links e imagens.
O documento explica o que é XHTML, como ele combina HTML e XML para fornecer uma linguagem de marcação estruturada que garante a visualização consistente de páginas da web independentemente do navegador. Também descreve as principais diferenças entre XHTML e HTML, como a obrigatoriedade do fechamento de tags e o uso de atributos em minúsculas.
Este documento apresenta uma introdução à linguagem HTML, descrevendo seus principais elementos como tags, cabeçalhos, parágrafos e links. Explica a estrutura básica de uma página HTML e exemplos de como formatar texto usando tags como <b> para negrito e <i> para itálico.
O documento descreve como usar folhas de estilo CSS (Cascading Style Sheets) para formatar elementos HTML. CSS permite definir estilos globais, por ID ou classe, e posicionar elementos em camadas usando propriedades como position, left, top e z-index.
O documento descreve o uso de folhas de estilo CSS para formatar elementos HTML e criar camadas (layers) de elementos sobrepostos. CSS permite definir estilos globais, por ID, classe ou elemento <span> para formatar fontes, cores e posicionamento. Camadas podem ser criadas usando DIVs ou tags Layer/ILayer e posicionadas com propriedades CSS como position, left, top e z-index.
O documento fornece uma introdução abrangente aos principais elementos e conceitos da linguagem HTML5, incluindo estrutura básica de páginas, formatação de texto, links, imagens, vídeos, formulários e mais. Ele também lista várias ferramentas e referências úteis para aprender HTML5.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
Este documento apresenta um workshop sobre fundamentos de interfaces e desenvolvimento web. O workshop é dividido em 15 módulos que cobrem tópicos como HTML, CSS, semântica, estrutura básica de páginas, formatação de texto, imagens, links, listas e posicionamento. O objetivo é ensinar as bases de HTML5 e CSS3 para criação de sites e páginas web.
1) O documento introduz os padrões HTML, SGML e HyTime que deram origem à linguagem HTML.
2) HTML usa etiquetas entre sinais de menor e maior para formatar texto, e os elementos podem ter atributos.
3) Há editores de texto e WYSIWYG para criar documentos HTML.
Museu nacional de história natural e da ciênciaAlvaro Gomes
O documento descreve a visita ao Museu Nacional de História Natural e da Ciência em Lisboa, começando pela entrada principal na Rua da Escola Politécnica. A visita inclui o Laboratório Chimico do século XIX, o Amphiteatro Chimico, a ReservaVisitável com coleções de química e o Claustro no primeiro andar, onde há exposições sobre a história da Politécnica e coleções de um naturalista, incluindo a Sala da Baleia.
Luís de Camões foi um poeta português do século XVI considerado o maior expoente da literatura portuguesa. Nasceu em 1524 e faleceu em 1580. Escreveu a famosa epopeia "Os Lusíadas" que narra a história das navegações portuguesas. Teve uma vida cheia de aventuras, tanto pessoais como militares, embarcando para a Índia onde viveu diversos anos. Foi homenageado como um dos grandes símbolos culturais de Portugal.
Este documento discute os princípios éticos e o código deontológico para técnicos administrativos. Ele descreve as regras de conduta como respeito, lealdade e sigilo profissional. Também discute a importância de um código deontológico para definir os valores, princípios e normas que guiam uma profissão. Finalmente, resume os pontos principais do código deontológico para técnicos administrativos, incluindo dignidade, integridade e sigilo profissional.
Revolução Industrial - O Ponto de ViragemAlvaro Gomes
Este documento discute as três fases da Revolução Industrial, incluindo as principais inovações tecnológicas em cada fase, como a máquina a vapor, eletricidade e computadores, e seus impactos econômicos, sociais e culturais, como a urbanização e novas condições de trabalho.
This document provides a summary of common Linux commands organized by category including file permissions, networking, compression/archives, package installation, searching, login, file transfer, disk usage, directory traversal, system information, hardware information, users, file commands, and process related commands. It also includes brief descriptions and examples of commands like chmod, chown, ip, tar, rpm, grep, ssh, df, du, and kill. More detailed information on Linux commands can be found at the provided URL.
This document provides a step-by-step guide for flashing Android devices using LiveSuit. It outlines the process of installing LiveSuit, setting up the drivers on a computer, putting the Android device into download mode, and then using LiveSuit to format and flash a custom ROM onto the device. Key steps include uninstalling any existing LiveSuit drivers, extracting the LiveSuit package, updating the device driver software when the Android device is detected in download mode, running LiveSuit as an administrator, choosing a ROM file to flash, and ensuring the device is not interrupted during the flashing process.
Este documento discute as técnicas de busca na web, incluindo vantagens e desvantagens da internet como fonte de informação, os principais mecanismos de busca como Google e catálogos, e dicas para realizar buscas mais efetivas.
13 Things the Government doesn´t want you to knowAlvaro Gomes
This document provides 13 secrets that the government doesn't want people to know. It begins by asserting that government workers are just human beings, not supreme beings, and outlines strategies for successfully challenging them by questioning their authority and knowledge. It notes that the power government claims comes from words, and that their definitions and meanings of key words can be deceiving and different than what people expect. Understanding the true meanings of words used in statutes and policies can reveal deception and undermine the motivation of government workers to impose rules and regulations.
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
Este documento fornece instruções para hackear o Facebook de alguém usando Wireshark e um injetor de cookies em três etapas: 1) configurar o encaminhamento de pacotes e redirecionamento do tráfego da vítima, 2) usar SSLStrip e arp spoofing para capturar cookies da vítima, 3) injetar os cookies capturados na página do Facebook para assumir a sessão da vítima.
Como transformar o router thomson num print serverAlvaro Gomes
Este documento explica como configurar o router Thomson TG784 para funcionar como um servidor de impressão, permitindo que qualquer computador na rede possa imprimir através dele. Ele descreve os 6 passos para configurar o router usando o comando telnet e os 5 passos para configurar a impressora no computador, definindo a porta de impressão como o endereço IP do router. Quando concluído, os usuários poderão imprimir de qualquer lugar em casa sem precisar levar o computador até a impressora.
DRIVERS Bueno, quienes quieran trabajar con el ADB en la tablet pueden hacerlo de 2 formas, la primera es
usando adbWireless, sin embargo, si quieren trabajar con la tablet conectada a la PC con el cable
USB tendrán que instalar los drivers de la tablet.
Este documento contiene varias actualizaciones de firmware para un dispositivo Android. Proporciona detalles como la versión de Android, número de compilación, fecha de publicación y peso de descarga para cada actualización. También incluye notas sobre mejoras en rendimiento y estabilidad, y problemas resueltos.
Reinstalar actualizar el sistema operativo androidAlvaro Gomes
Este documento describe los pasos para reinstalar o actualizar el sistema operativo Android en una tablet Woo Comet utilizando el método LiveSuit. Se requiere descargar e instalar el programa LiveSuit y la imagen de la ROM deseada. Luego, se conecta la tablet apagada al computador mediante USB mientras se presiona el botón de reinicio, y el programa formatea la tablet e instala la nueva ROM. Finalmente, la tablet se enciende con el sistema operativo actualizado.
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
Este documento fornece instruções para hackear o Facebook de alguém usando Wireshark e um injetor de cookies enquanto ambos estão na mesma rede. Ele explica como configurar o encaminhamento de pacotes e redirecionamento do tráfego, usar SSLStrip para capturar cookies e arp spoofing para enganar a vítima, e então injetar o cookie capturado para acessar o perfil da vítima no Facebook.
Este documento fornece uma introdução sobre como funciona a Internet e como se conectar a ela. Explica que a Internet não tem um único proprietário e cresce de forma anárquica através da conexão voluntária de computadores que seguem os protocolos TCP/IP e Unix. Também discute brevemente a história da Internet e como hackers podem aprender sobre seus pontos fracos de segurança.
1. El documento resume los temas de algoritmos y estructuras de datos que fueron enseñados en una clase. Incluye índices sobre algoritmos y crecimiento de funciones, recursividad, algoritmos de ordenación, estructuras de datos avanzadas (pilas, colas y listas enlazadas), grafos, árboles y tablas de dispersión y diccionarios.
2. El análisis de algoritmos determina los recursos (tiempo y espacio) que consumen los algoritmos dependiendo del tamaño de la entrada. Se usa la notación
Este documento fornece instruções sobre como manipular imagens em HTML, incluindo como criar imagens intercaladas, transparentes e sensíveis a cliques utilizando os programas Lview e Mapedit.
O documento fornece instruções sobre como criar documentos em HTML. Ele explica marcações básicas como títulos, parágrafos e quebras de linha, e como interligar documentos e sessões dentro de um documento. O documento também ensina como criar listas não numeradas e numeradas, e inserir imagens em HTML.
1) As tabelas são importantes para o design de páginas web, permitindo alinhamentos e posicionamentos que seriam difíceis sem elas. 2) Tabelas tornam sites mais profissionais e permitem que usuários naveguem de forma mais eficiente. 3) O documento ensina como criar tabelas HTML usando tags como <TABLE>, <TR> e <TD> e como formatá-las usando atributos.
1. AG8 Informática
FRAMES
Frames (quadros) são relativamente usadas na Web. Há os que adoram o uso de
frames e não admitem que suas home-pages fiquem sem elas, por outro lado há os
que abominam o uso de frames, porque julgam que eles "estragam" o layout da home-page.
Fazer frames tem o mesmo procedimento que confecção de home-pages simples, a
diferença é que se deve trocar a tag <BODY> pela tag <FRAMSET>
Para termos uma home-page com frames devemos ter três páginas, uma com o código
que contém a tag <FRAMESET> e duas outras com os códigos onde serão inseridas
as páginas de cada frame.
Vamos procurar entender melhor.
Uma documento HTML simples seria assim :
<HTML>
<HEAD>
<TITLE>Página simples </TITLE>
</HEAD>
<BODY>
Neste campo entram os comandos em geral
</BODY>
</HTML>
Já um documento HTML que teria frames ficaria assim:
<HTML>
<HEAD>
<TITLE>Página com Frame </TITLE>
</HEAD>
<FRAMESET>
NESTE CAMPO ENTRAM AS CHAMADAS PARA OS DOCUMENTOS DOS FRAMES
</FRAMESET>
</HTML>
Então o que devemos fazer ? Devemos criar um documento HTML normal e um
documento HTML de frames.
68
2. AG8 Informática
Vejamos um exemplo:
<HTML>
<HEAD>
<TITLE> Exemplo de frame</TITLE>
</HEAD>
<FRAMESET COLS=20% , 80%> <! Este comando inicia o frame e divide a tela do
navegador em 2 partes, uma com 20% da tela e outra com 80%>
<FRAME SRC=FRAME1.HTM> <! Este comando chama as páginas HTML que devem
ocupar as colunas divididas pelo frame>
<FRAME SRC=FRAME2.HTM>
</FRAMESET>
</HTML>
Este é o código para gerar os frames (veja a figura) .
Agora vamos crias os códigos para serem inseridos nas duas colunas que criamos.
<HTML>
<HEAD>
<TITLE>Página simples </TITLE>
</HEAD>
<BODY>
AQUI ENTRA A PRIMEIRA PÁGINA NORMAL
</BODY>
</HTML>
Salve este exemplo como FRAME1.HTM. Por que ? Porque no código que geramos no
exemplo de frames chamamos a página com o comando <FRAME
SRC=FRAME1.HTM>, se você salvar o nome do código de forma diferente deverá
alterar também o código da página de frame.
<HTML>
<HEAD>
<TITLE>Página simples </TITLE>
</HEAD>
<BODY>
AQUI ENTRA A SEGUNDA PÁGINA NORMAL
</BODY>
</HTML>
Este código deve ser salvo como FRAME2.HTM, pelo mesmo motivo do código
anterior.
Sempre lembrando que estas páginas devem estar no mesmo DIRETÓRIO.
69
3. AG8 Informática
Pronto, você conseguiu fazer a sua primeira página com frame.
Alem de poder dividir o navegador em colunas com o parâmetro COLS dentro da tag
<FRAMSET> , você também pode dividir em linhas usando o parâmetro ROWS, ou
ainda dividindo em colunas e linhas ao mesmo tempo.
<HTML>
<HEAD>
<TITLE> Exemplo de frame</TITLE>
</HEAD>
<FRAMESET ROWS=50% , 50%> <! Este comando inicia o frame e divide a tela do
navegador em 2 partes, uma com 50% da tela e outra com 50%>
<FRAME SRC=FRAME1.HTM> <! Este comando chama as páginas HTML que devem
ocupar as colunas divididas pelo frame>
<FRAME SRC=FRAME2.HTM>
</FRAMESET></HTML>
Uma tag <FRAMESET> pode ser inserida dentro da outra gerando assim frames dentro
de frames, como no código abaixo:
<HTML>
<HEAD>
<TITLE> Exemplo de frame</TITLE>
</HEAD>
<FRAMESET COLS=50%,50%>
<FRAMESET ROWS=50%,50%>
<FRAME SRC=FRAME1.HTM>
<FRAME SRC=FRAME1.HTM>
</FRAMESET>
<FRAMESET ROWS=50%,50%>
<FRAME SRC=FRAME1.HTM>
<FRAME SRC=FRAME1.HTM>
</FRAMESET>
</FRAMESET>
</HTML>
Este código gera a seguinte página :
Já deu para perceber que toda a estrutura de frames depende na verdade da tag
<FRAME>. Vejamos alguns dos atributos que podem ser inseridos dentro desta tag.
70
4. AG8 Informática
71
1-PARÂMETROS DE FRAMES
Parâmetro SRC da tag <FRAME>
Este parâmetro é o responsável por chamar a página HTML que deve ser aberta
(inserida) dentro de um frame. Em todos os exemplos até agora só usamos arquivos
locais para abrir estas páginas em um frame, mas nada impede você de colocar no
lugar uma URL completa. Por exemplo:
<FRAME SRC=http://www.yahoo.com>
Com este comando você será capaz, devidamente conectado, de chamar esta página
para a seu frame, onde quer que ela esteja na Internet.
Parâmetro NAME
Este é um dos principais parâmetros da tag <FRAME>. Ele serve, como era de se
esperar, para definir o nome do frame. Ele deve ser usado em conjunto com outro
parâmetro que é o TARGET.
Parâmetro MARGINWIDTH
Define a margem entre as laterais do frame e seu conteúdo. Exemplo:
<FRAME SRC=FRAME1.HTM MARGINWIDTH=100>
Este comando cria uma margem de 100 pixels de cada lado do frame.
Parâmetro MARGINHEIGHT
Da mesma forma que MARGINWIDTH, este parâmetro define uma distância de
margem, que neste caso é a margem superior e inferior do frame. Exemplo:
<FRAME SRC=FRAME1.HTM MARGINHEIGHT=100>
Dá um espaço de 100 pixels entre as margens superior e inferior do frame.
Parâmetro SCROLLING
Define se o frame terá ou não barras de rolagem. Por default quando o conteúdo de
uma página excede o tamanho do frame as barras de rolagem são acrescentadas
automaticamente. Os valores válidos para SCROLLING são YES, NO e AUTO.
5. AG8 Informática
Exemplo:
<FRAME SRC=FRAME1.HTM SCROLLING=YES>
Parâmetro TARGET
Este é o mais importante de todos os parâmetros. Ele trabalha em conjunto com NAME
e permite que coloquemos um link em um frame e o resultado, ou seja, a página
linkada, aparece em outro frame.
Vejamos um exemplo de como podemos linkar um frame com outro. Vamos construir
uma página que possua um menu de opções do lado direito, para isso podemos
aproveitar os códigos de exemplo abordados anteriormente.
Os códigos são:
FRAME.HTM
<HTML>
<HEAD>
<TITLE>FRAMES</TITLE>
</HEAD>
<FRAMESET COLS=25%,75%>
<FRAME SRC=FRAME1.HTM SCROLLING=NO>
<FRAME SRC=FRAME2.HTM NAME=TESTE>
</FRAMESET>
</HTML>
FRAME1.HTM
<HTML>
<HEAD>
<TITLE>FRAMES</TITLE>
</HEAD>
<BODY BGCOLOR=YELLOW>
<CENTER><H2>Escolha um Link</H2></CENTER>
<BR>
<A HREF=http:www.amazon.com TARGET=TESTE>Livraria Amazon</A>
<BR>
< A HREF=http:www.yahoo.com TARGET=TESTE>Pesquisador YAHOO</A>
<BR>
<A HREF=FRAME2.HTM TARGET=TESTE>Volta para Frame2.htm</A>
</BODY>
72
6. AG8 Informática
</HTML>
FRAME2.HTM
<HTML>
<HEAD>
<TITLE>FRAMES</TITLE>
</HEAD>
<BODY>
<CENTER><H2>Os links ao lado deverão aparecer neste lado do
Navegador</H2></CENTER>
<BR>
<CENTER>
<FONT SIZE=4>Este frame é o que foi nomeado como TESTE com o parâmetro NAME
em Frame.HTM</FONT>
</CENTER>
</BODY>
</HTML>
Se tudo funcionar convenientemente você deverá visualizar sua página como abaixo,
mas é claro que os links que não são locais funcionarão somente se você estiver
conectado.
73
2-Criando um frame Inline
Se você quiser misturar texto , figuras e um frame em uma mesma página você precisa
criar um frame inline. Para isso , utilize a tag <IFRAME SRC=" nome do frame "> .
Você pode usar os complementos NAME – para especificar um nome que identifica
qual frame está em uso ; WIDTH e HEIGTH para definir o espaço na página utilizado
pelo Frame ; ALIGN ( LEFT ou RIGHT ) - para alinhar o frame na página. Lembre-se de
fechar a tag </IFRAME>.
Você também pode usar os atributos normais da tag frame , como o FRAMEBORDER ,
SCROLLING etc.
<html>
<body>
<center><h1>Exemplo do comando IFRAME </h1></center>
<hr>
<iframe width=90% height=70% src="pag2.htm">
7. AG8 Informática
74
</iframe>
</center>
Aqui continua a página normal !
</body>
</html>