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.
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 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 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 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.
O documento fornece instruções sobre como criar um e-mail de marketing para a empresa Submarino usando código HTML. Instruções incluem recortar uma imagem em partes menores e inseri-las no e-mail com links para o site da Submarino usando tags HTML apropriadas.
O documento fornece instruções sobre como criar um email marketing em HTML para a Ricardo Eletro alterando o código de um email existente da UOL. Ele explica como trocar os links, imagens e título para se referir à Ricardo Eletro em vez da UOL e como dispor as imagens uma atrás da outra no email.
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.
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 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 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 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.
O documento fornece instruções sobre como criar um e-mail de marketing para a empresa Submarino usando código HTML. Instruções incluem recortar uma imagem em partes menores e inseri-las no e-mail com links para o site da Submarino usando tags HTML apropriadas.
O documento fornece instruções sobre como criar um email marketing em HTML para a Ricardo Eletro alterando o código de um email existente da UOL. Ele explica como trocar os links, imagens e título para se referir à Ricardo Eletro em vez da UOL e como dispor as imagens uma atrás da outra no email.
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 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 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 fornece instruções sobre como começar a codificar em HTML. Explica que HTML pode ser editado em editores de texto simples ou programas mais avançados, e descreve as duas partes principais de um código HTML - a seção <head> e a seção <body>. Também fornece um exemplo de código HTML para criar um e-mail de marketing.
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 fornece uma introdução sobre HTML, explicando que ele é usado para criar páginas da web e pode ser editado em editores simples como o Bloco de Notas ou em editores mais complexos como o Dreamweaver. Também apresenta os elementos básicos de uma página HTML, como a tag <head> para metadados e a tag <body> para o conteúdo visível, e demonstra passo a passo como editar um arquivo HTML existente.
Este documento fornece uma introdução básica à linguagem HTML para iniciantes. Explica brevemente o que é HTML e como começar a criar páginas usando o Bloco de Notas. Também lista e explica várias tags HTML importantes e fornece exemplos de código para ilustrar como criar páginas com texto formatado, links, tabelas e imagens.
Minicurso Iniciando no Mundo Front-End - Dia 02 - SASPI {5}Matheus Thomaz
1) O documento apresenta um cronograma de estudos em HTML e CSS para um desenvolvedor front-end.
2) Inclui explicações sobre as principais tags e atributos em HTML e CSS, além de tópicos como pré-processadores, semântica e HTML5.
3) Fornece detalhes sobre a estrutura e significado semântico de páginas web.
O documento introduz os conceitos de CSS no webdesign, explicando como o CSS separa o conteúdo da apresentação e comportamento em uma página da web, trazendo vantagens como carregamento mais rápido, menores custos e melhor acessibilidade. Também apresenta os principais seletores e propriedades CSS como body, id, classe e cores hexadecimais, além de recomendar o uso de wireframes no início do desenvolvimento para estabelecer a estrutura básica de um site.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como descompactar arquivos na mesma pasta, abrir os arquivos no navegador e no Bloco de Notas, salvar alterações, e encontrar texto no código. Ele também lista 8 alterações específicas a serem feitas no HTML e CSS para atualizar os nomes e estilos de um site.
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.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como abrir os arquivos, salvar alterações e verificar as mudanças no navegador. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS de um site para concurso, como alterar textos e estilos.
Html para e-mail marketing - Aula 02 - Webdesign - 2020-01Renato Melo
O documento fornece uma introdução sobre HTML, explicando que ele é usado para criar páginas da web e pode ser editado em editores simples como o Bloco de Notas ou em editores mais complexos como o Dreamweaver. Também apresenta os elementos básicos de uma página HTML, como a tag <head> para metadados e a tag <body> para o conteúdo visível, e demonstra passo a passo como editar um arquivo HTML existente.
O documento fornece instruções passo-a-passo sobre como criar um e-mail de marketing em HTML. Explica que o HTML pode ser editado no Bloco de Notas ou em programas como o Dreamweaver e descreve as partes principais de um código HTML - a tag <head> e a tag <body>.
O documento fornece instruções sobre como editar estilos em um portal padrão, incluindo como alterar cores de fundo, nomes, logos e mensagens, e configurar scripts e análises.
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.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como descompactar arquivos na mesma pasta, abrir os arquivos no navegador e no Bloco de Notas, salvar alterações, e encontrar texto no código. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS para customizar um site de concurso.
O relatório descreve a situação da dengue em um bairro, onde foram percebidas coisas erradas como água parada e lixo acumulado, que podem atrair mosquitos transmissores da dengue. No entanto, também foram vistas medidas corretas como tampar caixas d'água e piscinas, que podem ajudar a prevenir a doença.
MEIO AMBIENTE A vegetação de Canoas, está classificada em: campestre, silvestre e de banhados.A superfície original de Canoas foi alterada por conta do desenvolvimento industrial. Poucas áreas de vegetação nativa composta por rica flora e fauna, ainda cobrem a superfície do município, e algumas dessas áreas se situam ao longo do Parque Residencial Igara e ao fundo do Bairro Guajuviras.
This document contains two website URLs. The first URL is for a radio station in Brazil called Radio Cemporcento Som located at www.radiocemporcentosom.com.br. The second URL is for a blog called blogsrei located at blogsrei.blogspot.com.
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 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 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 fornece instruções sobre como começar a codificar em HTML. Explica que HTML pode ser editado em editores de texto simples ou programas mais avançados, e descreve as duas partes principais de um código HTML - a seção <head> e a seção <body>. Também fornece um exemplo de código HTML para criar um e-mail de marketing.
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 fornece uma introdução sobre HTML, explicando que ele é usado para criar páginas da web e pode ser editado em editores simples como o Bloco de Notas ou em editores mais complexos como o Dreamweaver. Também apresenta os elementos básicos de uma página HTML, como a tag <head> para metadados e a tag <body> para o conteúdo visível, e demonstra passo a passo como editar um arquivo HTML existente.
Este documento fornece uma introdução básica à linguagem HTML para iniciantes. Explica brevemente o que é HTML e como começar a criar páginas usando o Bloco de Notas. Também lista e explica várias tags HTML importantes e fornece exemplos de código para ilustrar como criar páginas com texto formatado, links, tabelas e imagens.
Minicurso Iniciando no Mundo Front-End - Dia 02 - SASPI {5}Matheus Thomaz
1) O documento apresenta um cronograma de estudos em HTML e CSS para um desenvolvedor front-end.
2) Inclui explicações sobre as principais tags e atributos em HTML e CSS, além de tópicos como pré-processadores, semântica e HTML5.
3) Fornece detalhes sobre a estrutura e significado semântico de páginas web.
O documento introduz os conceitos de CSS no webdesign, explicando como o CSS separa o conteúdo da apresentação e comportamento em uma página da web, trazendo vantagens como carregamento mais rápido, menores custos e melhor acessibilidade. Também apresenta os principais seletores e propriedades CSS como body, id, classe e cores hexadecimais, além de recomendar o uso de wireframes no início do desenvolvimento para estabelecer a estrutura básica de um site.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como descompactar arquivos na mesma pasta, abrir os arquivos no navegador e no Bloco de Notas, salvar alterações, e encontrar texto no código. Ele também lista 8 alterações específicas a serem feitas no HTML e CSS para atualizar os nomes e estilos de um site.
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.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como abrir os arquivos, salvar alterações e verificar as mudanças no navegador. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS de um site para concurso, como alterar textos e estilos.
Html para e-mail marketing - Aula 02 - Webdesign - 2020-01Renato Melo
O documento fornece uma introdução sobre HTML, explicando que ele é usado para criar páginas da web e pode ser editado em editores simples como o Bloco de Notas ou em editores mais complexos como o Dreamweaver. Também apresenta os elementos básicos de uma página HTML, como a tag <head> para metadados e a tag <body> para o conteúdo visível, e demonstra passo a passo como editar um arquivo HTML existente.
O documento fornece instruções passo-a-passo sobre como criar um e-mail de marketing em HTML. Explica que o HTML pode ser editado no Bloco de Notas ou em programas como o Dreamweaver e descreve as partes principais de um código HTML - a tag <head> e a tag <body>.
O documento fornece instruções sobre como editar estilos em um portal padrão, incluindo como alterar cores de fundo, nomes, logos e mensagens, e configurar scripts e análises.
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.
O documento fornece instruções sobre como editar arquivos HTML e CSS no Bloco de Notas, incluindo como descompactar arquivos na mesma pasta, abrir os arquivos no navegador e no Bloco de Notas, salvar alterações, e encontrar texto no código. Ele também lista 8 alterações específicas para serem feitas no HTML e CSS para customizar um site de concurso.
O relatório descreve a situação da dengue em um bairro, onde foram percebidas coisas erradas como água parada e lixo acumulado, que podem atrair mosquitos transmissores da dengue. No entanto, também foram vistas medidas corretas como tampar caixas d'água e piscinas, que podem ajudar a prevenir a doença.
MEIO AMBIENTE A vegetação de Canoas, está classificada em: campestre, silvestre e de banhados.A superfície original de Canoas foi alterada por conta do desenvolvimento industrial. Poucas áreas de vegetação nativa composta por rica flora e fauna, ainda cobrem a superfície do município, e algumas dessas áreas se situam ao longo do Parque Residencial Igara e ao fundo do Bairro Guajuviras.
This document contains two website URLs. The first URL is for a radio station in Brazil called Radio Cemporcento Som located at www.radiocemporcentosom.com.br. The second URL is for a blog called blogsrei located at blogsrei.blogspot.com.
O documento fornece instruções para alunos produzirem uma revista literária. Detalha os elementos essenciais de uma revista como capa, índice, textos e imagens. Também apresenta breve resumo sobre a literatura do período Quinhentista no Brasil e as orientações de avaliação para a atividade.
Este documento descreve as gerações Y e Z no Brasil. [1] A geração Y (20-29 anos) tem maior poder aquisitivo que a geração Z (12-19 anos), porém ambas são altamente dependentes de tecnologia. [2] Enquanto a geração Y busca informação na TV, a geração Z procura entretenimento, e para mais da metade deles a internet é a principal fonte de lazer. [3] Embora aspiracionais, a geração Z é mais madura e a geração Y é mais ansi
Este documento resume um estudo de caso sobre crédito e microcrédito para mulheres realizado pela consultoria S3. O estudo analisou fontes de informação sobre o tema, como a internet e órgãos de fomento, e concluiu que há poucas iniciativas no Brasil com valores baixos de investimento. A pesquisa foi satisfatória e identificou a Secretaria Especial de Políticas para Mulheres como uma fonte relevante.
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 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 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 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.
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.
[1] O documento discute a construção de páginas web básicas e introduz conceitos como HTML, tags, cabeçalhos, meta tags e tabelas. [2] É apresentado um tutorial passo a passo para criar uma primeira página web simples usando tags básicas de HTML. [3] Também são explicados elementos importantes como a estrutura básica de um documento HTML, cabeçalhos, meta tags e como inserir tabelas.
O documento fornece uma introdução sobre como criar páginas web, incluindo: (1) explica o que são redes e a internet, além de navegadores e servidores web; (2) descreve termos-chave como HTML, hipertexto e tags; (3) fornece uma estrutura básica de documento HTML e instruções para criar uma primeira página web simples.
Este documento apresenta os principais elementos de uma página HTML, incluindo tags, estrutura básica e elementos como títulos, imagens, texto e links. Explica tags importantes como <HTML>, <HEAD>, <TITLE> e <BODY> e como formatar texto usando tags como <H1-H6>, <B> e <I>.
1. O documento apresenta uma introdução ao HTML, CSS e XHTML, abordando conceitos básicos e principais tags destas linguagens para construção de páginas web.
2. É dividido em três seções, a primeira sobre HTML, a segunda sobre CSS e a terceira sobre XHTML, com capítulos explicando tags, atributos e conceitos importantes de cada linguagem.
3. O objetivo é servir como um tutorial introdutório sobre estas tecnologias para quem está começando.
O documento explica o que é HTML, como as tags são usadas para formatar documentos na web e fornecer instruções aos navegadores. Ele descreve como as tags são escritas entre sinais de menor que e maior que, normalmente vêm em pares de abertura e fechamento, e como atributos podem ser adicionados para alterar o comportamento das tags. Ele também fornece um exemplo básico da estrutura de uma página HTML.
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 instruções para a construção de um site sobre uma empresa fictícia chamada Planeta Computadores utilizando o software Dreamweaver. Ele discute como estruturar pastas e páginas, inserir imagens, tabelas, links e regiões editáveis para manter um layout consistente através de modelos.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que definem o formato.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo, definidos em folhas de estilo externas para facilitar manutenção.
3) O documento explica elementos básicos de HTML como tags, hiperlinks, imagens e tabelas, e conceitos de CSS como seletores, propriedades e valores
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
1. O documento discute a criação de um protótipo de sistema online para reserva de filmes da empresa Telecine Mozer, permitindo que clientes assinantes realizem reservas após login no site.
2. Elementos importantes do HTML como inserção de vídeos, imagens, tabelas e links são explicados, assim como variáveis locais e globais e passagem de parâmetros.
3. O sistema permitiria que clientes assinantes do Telecine Mozer realizassem reservas de filmes online após login no site, onde teriam acesso ao cat
O documento discute o uso da tag <font> para formatar fontes em HTML, incluindo tamanho, tipo, cor e alinhamento de texto. Ele também explica como usar caracteres especiais para representar símbolos como < e >. Finalmente, fornece exemplos de código para ilustrar esses conceitos.
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.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
H T M L Capitulo 12
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
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.
71
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.
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">
73