Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) [Duvida]Estrutura do Site


WatchMe

Pergunta

Ola amigos, sou novo aqui no forum, espero mim adptar aos costumes da casa.. desde já agradeço a atenção!

Bom, estou voltando a mecher no DreamWeaver e preciso de algumas dicas de usuarios mais experientes..

Ao montar o site, como devo fazer?

Cada elemento do site eu coloco dentro de uma camada diferente?

Ex:Banner 1 camada

Botões outra camada

index2 outra camada....

Como isso deve ser estruturado..

O banner, ficará junto ao painel de botões, tipo será tudo uma Imagem Só, com os links dos botões separados ou é melhor fazer cada botão separado, banner separado, em fim todos os elementos do site separados?

Qual maneira mais facil de trabalhar com o DreamWeaver?

Abraços e Sorte.
:rolleyes:
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Você provavelmente está usando o dsign do dw.

etão seria melhor cocê fazer assim:

1 camada que englobe o site todo.

dentro dessa camada vai ter:

um camada que vai ser o topo.

outra vai ser o menu,e outra o conteudo.

Fiz um exemplo, copie e cole no dw,

dai você vai colocando outras coisas dentro de cada camada, por exemplo se você for colocar uma logo, coloca dentro da camada topo, se for colocar um botão coloca dentro da camada menu.

<!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 bgcolor="#666666">
<div id="Layer1" style="position:absolute; width:800px; height:646px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"></div>

<div id="Layer2" style="position:absolute; left:30px; top:16px; width:790; height:150; z-index:2; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">...Topo...</div>
<div id="Layer3" style="position:absolute; left:30px; top:172px; width:790; height:35px; z-index:3; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">...Menu...</div>
<div id="Layer4" style="position:absolute; left:30px; top:214px; width:790; height:283px; z-index:4; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">...Conte&uacute;do...</div>
<div id="Layer5" style="position:absolute; left:30px; top:503px; width:790; height:147px; z-index:5; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">...Rodap&eacute;...</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

  • 0

Bom, obrigado pela resposta...

Antes de você responder eu fui arriscar.. olha o resultado..

sitel.jpg

Agora estou com outro problema..

Eu gostaria de fazer um esquema de Frames ( Não sei se o nome é esse, é pra abrir uma pagina dentro da outra, tipo: Tem o meu index, dai quando eu clico em contato eu gostaria que o contato abrisse dentro do index.. ) mas estou com problemas

tai o codigo do Index:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>>> Seja Bem-Vindo <<</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
&lt;script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:163px; top:301px; width:793px; height:523px; z-index:1">
[b]<Iframe name="central" Src="central.htm" Width="100%" height="100%" Frameborder="0"></Iframe>[/b]</div>
<table width="75" height="800" border="1" align="center">
  <tr> 
    <td valign="top"><p><img src="Imagens/Banner.png" width="800" height="200"></p>
      <p><img src="Imagens/Bot%F5es/botoes_01.gif" width="233" height="40"><img src="Imagens/Bot%F5es/botoes_02.gif" width="287" height="40"><a href="contato.htm"><img src="Imagens/Bot%F5es/botoes_03.png" width="280" height="40" border="0"></a><frame></p></td>
  </tr>
</table>
</body>
</html>
Codigo da Contatos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Contato</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
&lt;script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<p> </p>
<div id="Layer1" style="position:absolute; left:4px; top:6px; width:708px; height:403px; z-index:1"> 
  <p align="center"><font face="Courier New, Courier, mono"><strong>Olá, 
    <font color="#FF0000">Obrigado</font> pelo interesse em entrar em contato.</strong></font></p>
  <p align="center"><font face="Courier New, Courier, mono"><strong><font color="#0000FF">MSN</font></strong>: 
    <font color="#666666">mp_watchme@hotmail.com</font></font></p>
  <p align="center"><font face="Courier New, Courier, mono"><strong><font color="#0000FF">Orkut</font></strong>: 
    <font color="#666666">http://www.orkut.com.br/Main#Profile?uid=14294480942113176219</font></font></p>
     [b]<a href="contato.htm" target="central" class="unnamed1">[/b]</div>
</body>
</html>

As linhas em negrito são os frames.. no caso contato.htm abriria no lugar de central.htm..

OBrigado :blush:

Link para o comentário
Compartilhar em outros sites

  • 0

Pra começar... eu acho que seria melhor você tirar aquele javascript do começo da sua página.

Então seria iframes que você a usar.

Primeiro você vai criar uma página igual a sua index, só que em vez de escrever "seja bem vindo ao espaço da Watvhme", você coloca isso uma iframe"<iframe></iframe>" e todas página vão abrir ali, é só você definir a altura, largura e colocar src="sua página.html".

Da uma googlada sobre iframes.

mas antes olha esse link aqui. http://www.criarsites.com/iframe-o-que-e-como-usar/

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...