Aprende a montar um site em pouco tempo

Started by p3droneves, December 28, 2006, 01:43:21 AM

Previous topic - Next topic

p3droneves

aqui vou ensinasr vc que quer uma facilidade para montar sites e modificar ele todo bem rapido e simples e so v cusar o q chamamos de iframe vc so ira fazer o layout principal com as imagens e tals e as paginas internas vc so fas a escrita sem layout agora vem o resto

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></iframe>



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></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 :

LINK
Com o Comportamento MX127851_PD_Iframe_Object , versão : 1.0.3 , autor: Public Domain Ltda , tipo: object , free , download , 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.aqui
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!

By: p3droneves
Pedro Neves

http://p3dro.pt.vu

lycosman

Ou seja, o equivalente ao \\'include\\' do PHP, certo?
Hooray for chainsaws :3



southafrikanse

Devias pôr imagens a criar um layout desses para uma pessoa ver melhor
Blog Pessoal | Tugatrónica | Fórum Webtuga
"Knowledge is knowing that a tomato is a fruit, but Wisdom is knowing not to put it in a fruit salad."

linha


Teotónio Ricardo

iframes não!!!!!!!!! Não usem iframes, sejam amigo dos motores de busca!

spectator

Verdade, iframe é ruim..

Faz em PHP isso com include, só que não é a mesma coisa, é diferente: muito melhor.
Você inclui o código na página e não coloca uma janela com outra página, mais rápido e mais bonito.