(Resolvido) [Duvida]Estrutura do Site

WatchMe · Dezembro 29, 2009

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:

vini_loock · Dezembro 30, 2009

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>

WatchMe · Dezembro 30, 2009

Bom, obrigado pela resposta...

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

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:

vini_loock · Dezembro 31, 2009

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/

WatchMe · Dezembro 31, 2009

Vaaaleeeuuu =] em breve posto em avaliações de trabalhos..

Abraços e obrigado pela atenção

Entrar

(Resolvido) [Duvida]Estrutura do Site

Pergunta

WatchMe

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

vini_loock

Link para o comentário

Compartilhar em outros sites

WatchMe

Link para o comentário

Compartilhar em outros sites

vini_loock

Link para o comentário

Compartilhar em outros sites

WatchMe

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades