Joomla Amazônia – Seu site de tutoriais e curso de Joomla no Brasil

Qui23052013

Last updateD, d M Y ga

Back Você está aqui: Home Tutoriais HTML/CSS Html 16. Frames Html

Html

16. Frames Html

 Guia Prático de HTML – Prof . Tiago Daniel de Souza
http: / /www. tiagosouza. com
 

 

As molduras ( "frames " ) são subjanelas definidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo a janela em várias partes. Cada uma dessas partes pode apresentar uma página da Web diferente. As subjanelas são habitualmente designadas por molduras, ou "frames ".

16.1 - Vantagens e desvantagens das molduras

As molduras ("frames ") nos permitem apresentar mais do que uma página HTML numa única janela do browser. Cada página está dentro da sua própria moldura (subjanela ) e é independente das restantes páginas. Apesar de oferecerem alguma liberdade ao facilitarem bastante a criação de barras de navegação em conjuntos de documentos com muitas páginas e de tornarem bastante mais rápido o carregamento das páginas, as molduras também podem dar origem a algumas dificuldades, tais como:

  • O criador de páginas vê-se obrigado a lidar com um número maior de páginas ao mesmo tempo.

  • A impressão do conteúdo do navegador fica mais difícil .

  • Algumas vezes será necessário a utilização de um único elemento <a>, para que ele realize a ligação de duas ou mais páginas, o que obriga a utilizar JavaScript.

16.2 - O Elemento frameset

  • O elemento <frameset> define a forma como a janela do browser se subdivide para acomodar as molduras.

  • Este elemento divide a janela do browser em linhas e colunas.

  • Os valores atribuídos às linhas e às colunas indicam a quantidade de área de écran que cada linha e cada coluna devem ocupar.

16.3 – O Elemento frame

O elemento <frame> define qual o documento HTML a colocar numa determinada moldura.

No exemplo apresentado abaixo, temos um conjunto de molduras com duas colunas. A primeira coluna ocupa 25% da largura da janela do navegador, enquanto a segunda coluna ocupa 75% da largura. O documento moldura_a.html ocupa a primeira coluna e o documento moldura_b.html ocupa a segunda coluna:

<fameset cols="25%,75%">
<frame src="/moldura_a.html ">
<frame src="/moldura_b.html ">
<frameset>

16.4 – Dicas

Quando uma moldura possui linhas de contorno visíveis, você pode alterar suas dimensões arrastando as linhas de limite com o mouse. Para impedir que isso aconteça, utilize o atributo noresize="noresize" dentro da tag <frame>

Utilize a tag <noframes> para que os navegadores que não suportam frames possam mostrar um aviso na janela de quem está acessando o site.

<a href ="pagina_1.html " target="pr incipal ">Página 1</a><br>
<a href="/pagina_2.html " target ="pr incipal ">Página 2</a><br>
<a href="/pagina_3.html " target ="pr incipal ">Página 3</a>

Ao clicar num ink dentro da moldura de navegação a nova página abre-se na segunda moldura (à direita ), que tem por nome "principal”.

16.5 – Elementos para Frames

ELEMENTO
DERCRIÇÃO
<frameset>
Define um conjunto de molduras
 <frame>
Define o conteúdo de uma subjanela (moldura, ou " f rame" )
<noframes>
Define uma seção "noframes " para ser usada pelos browsers que não suportam molduras
<iframe>
Define uma subjanela (moldura) interior ( " inline frame" )