Marcelo Oliveira Terça-feira, 13 de janeiro de 2004

iFrames

iFrames (inline frames) é um recurso muito utilizado em websites. Consiste na inserção de páginas web (arquivos) dentro de páginas web (arquivos) . Não confunda com Frames (quadros). Frames são divisões da mesma página (arquivo) em seções, já iFrame não, são páginas dentro de páginas. É importante lembrar que as iFrames são reconhecidas somente nos navegadores MSIE 4 , NN 6 e Opera 5 ou superiores. O código HTML gerado para inserção de uma iFrame é:

<iframe></iframe>

No DW MX 2004 para inserir uma iframe vá em: Insert > Layouts Objects > iFrames.
Note que em seu código serão inseridas as tags acima. Agora você terá que ir no código de sua página (Code View) e inserir os atributos de sua iframe. Se você não usa essa versão do DW , vá diretamente no código aonde quer que sua iframe se localize e insira as tags <iframe> e </iframe>.

Atributos básicos de uma iFrame

name (nome da iframe);
ID (identificação da iframe);
width (largura em pixels);
height (altura em pixels);
src (caminho para o conteúdo da iframe. Pode ser um URL , um outro arquivo , uma imagem etc...);
scrolling (determina a presença ou não de barra de rolagem - yes, no, auto);

Exemplo de uma iframe:

<iframe id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></iframe>

Resultado:

Observe que inseri dentro de uma página, outra aonde quero que carregue o site da Macromedia.

Obs: 1). quando você determina o atributo scrolling="no" , sua iframe não terá barras de rolagem. Exemplo:

Note que inseri nesse exemplo um outro site (Webdocs). Só que no atributo scrolling determinei seu valor como "no". Com isso, não teremos barra de rolagem em nossa iframe. Se você criar uma arquivo com as dimensões exatas de uma iframe , isto é , seu conteúdo não ultrapasse as dimensões da iframe , ninguém notará que é outro arquivo que esta sendo carregado naquele local. Veja como ficou o código da iframe acima:

<iframe id=webdocs name="iframe02" src="http://www.webdocs.com.br" border="no" width="400" height="200" scrolling="No" marginwidth="0" marginheight="0" ></iframe>

Obs; 2). quando você tiver em seu site por exemplo um menu , você pode determinar que os links desse menu abram em uma iframe , usando para tal , no destino desse link (target) o nome dado ao atributo "name" de sua iframe. Exemplo: clique em LINK e dê uma olhada na iframe que carregou o site da macromedia.

LINK

Código do LINK :

<a href="http://www.imasters.com.br" target="iframe01">LINK</a>

Com o Comportamento MX127851_PD_Iframe_Object , versão : 1.0.3 , autor: Public Domain Ltda , tipo: object , free , download aqui, você não precisa ir em seu código HTML para inserir suas iFrames. Após instalada a extensão , determine em sua página aonde quer inserir sua iframe e na Barra Insert > Common , clique no ícone iframe.

Surgirá então a caixa iframe:

Nela você configura todos os atributos de sua iframe (name, ID, Width, Height, Margin W: (distância para margem lateral em pixels), Margin H: (distância para margem superior em pixels), Source: (caminho para o conteúdo da iframe), Scrolling, Frame Border (tamanho em pixel para borda da iframe) e Style (incorpora um estilo CSS).

Bem amigos, aproveitem bastante as iFrames. Um abraço a todos!