Ir para conteúdo
Fórum CódigoFonte.net
Igor Diniz

[Dicas] Aprende a montar um site em pouco tempo

Recommended Posts

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 id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></iframe>

<iframe id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></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 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 , 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!

Editado por infostirke

Compartilhar este post


Link para o post
Compartilhar em outros sites
Guest Visitante

muito bom..boa dica..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boaa vlWw

vai ajuda quem inicia em html

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu quero virar pq eu naum virei ainda??????? oq precisa?????? eusei de php (muito) html(muito)javascript(metade) o q precisa???? unsure.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

"kotokin" pesso que você apague sua mensagem em todos os fóruns você escreveu essa mesma mensagem ou seja "span" caso você não retire todos e deixe so um em publicidade iremos banir o seu ip, favor fazer isso em 24 horas...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Gostei vou aproveitar para ler e aprender um pouco né tongue.gif !!

Compartilhar este post


Link para o post
Compartilhar em outros sites

ok, é muito bom aprender iframes depois que eu tiver um tempinho vou postar la em php sobre querys string e parecido com navegação dinamica com iframes mas e melhor biggrin.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

tabela horizontal

<TABLE BORDER>
<TR>
<TD>TEXTO 1</TD>
<TD>TEXTO 2</TD>
<TD>TEXTO 3</TD>
</TR>
</TABLE>
tabela vertical
<TABLE border>
<TR><TD>TEXTO 1</TD></TR>
<TR><TD>TEXTO 2</TD></TR>
<TR><TD>TEXTO 3</TD></TR>
<TR><TD>TEXTO 4</TD></TR>
</COLGROUP>
</TABLE>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<table width="tamanho" height="altura" border="0 ou 1 ou 2...">

<tr><td>Conteudo</td></tr></table>

para cada linha adicione um <tr><td></tr></td>

espero ter ajudado... ;) :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

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 id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></iframe>

<iframe id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></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 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 , 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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ajuda

Quando eu clico no link dentro do site ele abre no quadro normalmente. Quando eu acesso a página como no link abaixo ela não abre no quadro;

http://www.mp4playerss.com/softwares.htm

O que eu quero que acontece é que quando acessado como no link acima ela abra no quadro e não fora dele, eu andei pesquisando e parece que tem que incluir um parametro no link, exemplo:

http://www.mp4playerss.com/softwares.htm?area=quadro

Dessa forma o link seria redireciona para o quadro dentro da index, mas eu não tenho idéia de como fazer isto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Muito bom o Tuto, agora tenho mais ideia de como fazer um iframe.

mas tirem uma duvida...

Eu tenho este codigo do iframe:

<iframe id=macromedia_index name="iframe01" src="http://www.macromedia.com" width="600" height="400" scrolling="Auto"></iframe> 
. E tenho este codigo de link.
<a href="http://www.imasters.com.br" target="iframe01">LINK</a>

.

-Então, como vou fazer para colocar com que eu clik no link e abra o iframe na minha pagina?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×
×
  • Criar Novo...