Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Manual de HTML
SEÇÕES
Manuais relacionados
+Manual de HTML
Categorias
+HTML

Índice do Manual Manual de HTML
+ Prólogo ao manual de HTML
+ Introdução ao HTML
+ Sintaxes do HTML
+ Sua primeira página
+ Formato de parágrafos em HTML
+ Formatando o texto
+ Cor, tamanho e tipo de letra
+ Atributos para páginas
+ Listas I
+ Listas II
+ Listas III
+ Caracteres especiais
+ Links em HTML
+ Links internos
+ Links locais
+ Links externos, de correio e para arquivos
+ Imagens em HTML
+ Alinhamento de imagens com HTML
+ Formatos gráficos para páginas web
+ As cores e HTML
+ Tabelas em HTML
+ Tabelas em HTML. Atributos para filas e células.
+ Tabelas em HTML. Atributos da tabela e conclusão.
+ Formulários HTML
+ Elementos de formulários. Campos de texto.
+ Outros elementos de formulários
+ Botão Submit, Apagar Campos e outros em formulários HTML
+ Mapas de imagens com HTML
+ Frames em HTML
+ Frames – Explicação básica
+ Frames – Criação de uma estrutura simples
+ Frames – Uma página em cada janela
+ Frames – Orientar os links
+ Frames – Aninhar frames
+ Frames – Atributos avançados
+ Vantagens e incovenientes do uso de frames
+ As etiquetas de HTML 4.0
+ As etiquetas de HTML 4.0 (1)
+ As etiquetas de HTML 4.0 (2)
+ Áudio em HTML I, introdução
+ Áudio em HTML II, características do áudio digital
+ Áudio em HTML (III)
+ Áudio em HTML (IV)
+ Áudio em HTML (V)
+ Declaração DOCTYPE em documentos HTML
+ Atributo nofollow nos links

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Frames – Orientar os links

Explicação sobre como orientar ao frame que desejamos que atualize, que não tem porque ser o mesmo onde está situado.


A única particularidade destacável no exemplo do capítulo anterior, no manejo de frames em geral, trata-se de que cada um dos links que colocamos nas páginas atualizam o frame onde está colocado este link. Por exemplo, se temos link na parte inferior da janela, no espaço correspondente a terceira janela, atualizarão os conteúdos do terceiro frame, que é onde estão situados os links.

Este efeito que comentamos pode-se observar no exemplo da página do açougue, tal como ficaria ao incluir os códigos das distintas páginas.

O lógico é que ao clicar sobre um link da barra de navegação atualizamos o frame principal, que é onde havíamos planejado colocar os conteúdos, no lugar do frame onde colocamos a barra de navegação, que deveria se manter fixa. Para conseguir este efeito devemos fazer duas coisas:
  1. Dar um nome ao frame que desejamos atualizar
    Tal nome se indica na etiqueta <FRAME> da definição de frames. Para isso utilizamos o atributo name, igualado ao nome que queremos dar a tal janela.
  2. Orientar os links para esse frame
    Para isso devemos colocar no atributo target dos links -etiqueta <A>- o nome do frame que desejamos atualizar ao clicar o link.
Depois de dar um nome ao frame principal, nossa declaração de frames ficaria da seguinte maneira.

<frameset rows="15%,*,75">
    <frame src="pagina1.html">
    <frame src="pagina2.html" name="principal">
    <frame src="pagina3.html">
</frameset>

Ademais, deveríamos colocar o atributo target aos links, tal como se segue.

<a href="pagina2.html" target="principal">Portal</a> |
<a href="produtos.html" target="principal">Produtos</a> |
<a href="contato.html" target="principal">Contato</a>

Uma vez realizados estas duas mudanças podemos ver como os links da barra de navegação sim que atualizam a página que devem.

Valores para o atributo target

Como vimos, com o atributo target da etiqueta <A> podemos indicar o nome do frame que desejamos que atualize esse link. Entretanto, este não é o único valor que podemos aplicar ao atributo. Temos alguns valores adicionais que podemos atribuir a qualquer link em geral.

_blank
Para fazer com que esse link se abra em uma janela a parte. Nossos exemplos neste manual costumam abrir em uma janela a parte, colocando este valor no target dos links que levam aos exemplos.

_self
Atualiza o frame onde está situado o link. É o valor por padrão.

_parent
O link se atualiza sobre seu pai ou sobre a janela que estamos trabalhando, se não tiver um pai.

_top
A página carrega a tela completa, ou seja, eliminando todos os frames que pudesse haver. Este atributo é muito importante porque se colocamos em nossa página com frames um link a uma página externa, se abriria em um dos frames e se manteriam visíveis outros frames da página, fazendo um efeito que costuma ser pouco agradável, porque parece que estão evitando que nos escapemos.

A sintaxe de um desses valores de atributos colocados em um link seria a seguinte:

<A href="http://www.criarweb.com" target="_top">Acessar a criarweb.com</A>

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Manual de HTML

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em HTML


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foram econtrados 2 comentários sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites