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

[Dicas] Aprende a montar um site em pouco tempo

Recommended Posts

Alguem poderia me responder como fasso para relacionar esses codigos?

Ex:

Tem o menu do site, la ta escrito:

Home Noticias Show Contato.

Cada nome desse tem que ter um link por tras que quando clique abra um iframe na mesma pagina, o iframe do home, das noticias, etc.

vlw

B)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha oq eu fiz:

<a href="page" target="iframe">link</a>

<iframe src="page" name="iframe">Entao é isso ai</iframe>

ai quando abro a pagina para vê como ficou fica assim:

link Entao é isso ai

- e fica uma caixa do lado onde o nome "Entao é isso ai" deveria ficar

ai eu nao vou conseguir colocar em um menu os iframes.

:unsure:

Compartilhar este post


Link para o post
Compartilhar em outros sites

O link ficou ativo sim, ficou o link e a caixa do iframe do lado e oq era para ficar dentor da caixa do iframe "Entao é isso ai" nao apareceu na pagina, ai quando clico em Link so faz atualizar a caixa do iframe que ta como pagina nao pode ser exibida.

Olha no codigo ai:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<a href="page" target="iframe">link</a>

<iframe src="page" name="iframe">Entao é isso ai</iframe>


</body>
</html>

-Tem msn?

Compartilhar este post


Link para o post
Compartilhar em outros sites

cria um documento .html e escreve: Entao é isso ai

ai, no src do iframe coloca: documentotal.html

vai carregar com o texto dentro do iframe

quanto ao links, vc tem q definir o arquivo .html que vai aparecer quando vc clicar nele. C tá mostrando erro é pq vc não colocou nenhum documento válido no href

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigadoo!

Isso me ajudou muito. olha oq eu fiz

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

<a href="documento.html" target="iframe">link</a>
<a href="documento2.html" target="iframe">link2</a>
<a href="documento3.html" target="iframe">link3</a>

<iframe src="documento.html" src="documento2.html" src="documento3.htm" name="iframe"></iframe>


</body>
</html>

Eu fiz 3 paginas, cada um escrito uma coisa diferente, e coloquei nos links deles na pagina e no iframe, mas teve uma coisa, apos eu fazer isto o iframe ficou preto, e o dreamweaver disse que tinha uma coisa errada, e quando eu abri a pagina de teste eu cliquei no 1° link e apareceu a fraze, no segundo tb, e no terceiro apareceu esta pagina nao pode ser exibida.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá gente!

Sobre este problema eu consegui resolver, olhem como ficou o codigo:

<br>

      <a href="principal.html" target="principal">Principal</a>
   <br>


         <a href="conteudo.html" target="principal">Contato</a>
      <br>



         <iframe src="principal.html" heigth="100%" width="100%" frameborder="0" name="principal"></iframe>

Agora oq eu quero saber é como mudar o iframe de posição, eu queria que ele ficasse no meio da pagina, e tento mecher ele de lugar so que ele nao sai, e também queria que ele fosse trasparente pq to fazendo o site com uma imagem no fundo, e o iframe fica branco estragando tudo. :huh:

Compartilhar este post


Link para o post
Compartilhar em outros sites

pode usar algo tipo

<DIV style="margin-left:100px;">texto afastado 100px da esquerda para direita</DIV>

ai se usa os outros parametros , top, width, height e por ai vai : )

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
Eu sou intermediaria em html e não sou profissional, gostaria de saber o codigo de tabela para html, alguem pode me ajudar?

:huh:

As tags são:

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

Mas é melhor vc criar um tópico que você terá mais indicaçãoes sobre isso!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu sou intermediaria em html e não sou profissional, gostaria de saber o codigo de tabela para html, alguem pode me ajudar?

<img src="http://forum.codigofonte.net/public/style_emoticons/<#EMO_DIR#>/huh.gif" style="vertical-align:middle" emoid=":huh:" border="0" alt="huh.gif" />

Talvez esse site te ajude:

http://www.criarweb.com/artigos/88.php

:D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

Gostei bastante das dicas encontradas aqui, parabéns. Vou recomendar este tópico para meus alunos da faculdade que estão aprendendo sobre este assunto.

Também gostaria de compartilhar este link que encontrei recentemente, pode ser útil pra bastante gente. Ensina a "como montar um site":

http://www.downgrati...montar-um-site/

Espero que também ajude os futuros web designes/másters.

beijos a todos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...

×
×
  • Criar Novo...