Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

perfil desconhecido

Dor de cabeça com site em css

Por , em Desenvolvimento frontend

Recommended Posts

perfil desconhecido    0

perfil desconhecido
Postado

Eai pessoal...

venho lendo ja a dias varios e varios topicos por aqui, aprendendo logica de programação fuçando algumas linguagens e tal...

Bom, o meu problema é o seguinte...

HTML e CSS

 

eu estou criando um site para uma confeiteira, e ao criar o layout pelo fireworks e depois jogar no dreamweaver eu tive alguns probleminhas, acho que é falta de conhecimento mesmo...

 

o site é esse: http://www.meninaprendada.kit.net

Postei ele no kit.net só para vizualização.

 

Eu fiz ele no fireworks, sendo banner, menu e rodapé.

quando eu recortei o site e salvei tudo coloquei cada imagem em seu devido lugar, descobri que iria ter uma dor de cabeça quando precisasse mudar alguma coisa... queria adicionar os recortes na pagina pelo CSS mas percebi que não da para adicionar fotos no css, que ele apenas modifica o html. isso é basico...

se voces pegarem o codigo fonte dele verão o que houve...

<body bgcolor="#ffdef1">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
 <tbody><tr>
   <td><table width="780" border="0" cellspacing="0" cellpadding="0">
     <tbody><tr>
       <td><img src="imagens/topo/topo1.jpg" width="139" height="158"><img src="imagens/topo/topo2.jpg" width="223" height="158"><img src="imagens/topo/topo3.jpg" width="234" height="158"><img src="imagens/topo/topo4.jpg" width="184" height="158"></td>
     </tr>
   </tbody></table>
     <table width="780" border="0" cellspacing="0" cellpadding="0">
       <tbody><tr>
         <td><img src="imagens/menu/menu1.jpg" width="245" height="14"><a href="index.htm"><img src="imagens/menu/home.jpg" width="51" height="14"></a><img src="imagens/menu/menu2.jpg" width="43" height="14"><a href="bolos.html"><img src="imagens/menu/bolos.jpg" width="60" height="14"></a><img src="imagens/menu/menu3.jpg" width="37" height="14"><a href="doces.html"><img src="imagens/menu/doces.jpg" width="58" height="14"></a><img src="imagens/menu/menu4.jpg" width="36" height="14"><a href="feiraarte.html"><img src="imagens/menu/feiraarte.jpg" width="89" height="14"></a><img src="imagens/menu/menu5.jpg" width="28" height="14"><a href="contato.html"><img src="imagens/menu/contato.jpg" width="86" height="14"></a><img src="imagens/menu/menu6.jpg" width="47" height="14"></td>
       </tr>
     </tbody></table>
     <table width="780" border="0" cellspacing="0" cellpadding="0">
       <tbody><tr>
         <td><img src="imagens/menu/submenu.jpg" width="780" height="12"></td>
       </tr>
     </tbody></table>
     <table width="780" border="0" cellspacing="0" cellpadding="0">
       <tbody><tr>
         <td height="365" align="center" valign="top" id="fundo1"><p> </p>
         <p> </p></td>
       </tr>
     </tbody></table>
     <table width="780" border="0" cellspacing="0" cellpadding="0">
       <tbody><tr>
       <td><img src="imagens/rodape.jpg" width="780" height="39"></td>
       </tr>
   </tbody></table></td>
 </tr>
</tbody></table>


</body>

 

Todas as paginas terão que ter isso ou eu posso fazer esse layout de outra forma?

 

pensei ate em colocar cada imagem como background de cada coluna ir fazendo assim, sei la estou meio complicado com isso apesar de ser basico...

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

E aé LucasFJ, cara, o que mais me desmotiva ao ver um código de alguém que está começando agora, é ver que este alguém está começando da forma errada.

Primeiro, esqueça tabelas para fazer layouts, tabelas devem ser usadas apenas para aquilo que elas foram inicialmente projetadas, agrupar dados de forma tabular, estude tableless. Outra coisa, não saia apenas recortando todo o layout que você fez no fireworks/dreamweaver/photoshop/etc e usando as imagens para montar o site, aprenda a usar as tags adequadas e semanticamente corretas no teu código.

 

Links úteis:

http://www.w3schools.com/html/

http://www.maujor.com/index.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Léo Motta    1

Léo Motta
Postado

Cara com certeza eu concordo com o JC... quebrei a minha cabeça por varios dias.. até aprender CSS, nao sou o cara em css.. mas consigo driblar ele na boa e tabelas já esta tão arcaico quanto os "frames" rss isso só para se ter uma ideia. É claro que as tabelas nao chegarao ao ponto dos frames devido as pessoas ainda usarem muito.. para inserir dados em uma lista.. E sim como o JC disse use Tabless é a melhor forma de você criar um site em css e html.. o site do maujor é o melhor para lhe ensinar isso!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito