Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
gente é o seguinte
estou tentando fazer o meu primeiro template de um site.
ja sei css,html, javascript e muito mais.
so que nao sei por ende começar
outra coisa, vcs criam sites em divs ou em tables?
comecei esta semana a fazer um template, ate que deu resultado so que fiz so com cores, sem images e nada de interresante, agora nao sei como colocar um visual nele.
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Escola Municipal "Norma Borges Beluco"</title>
<style type="text/css"> background:#0CC;
}
#topo{
background:url(topo.gif) no-repeat;
position:relative;
width:930px;
height:30px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#666;
text-align:center;
}
#titulo{
background:url(titulo.gif) no-repeat;
position:relative;
width:930px;
height:100px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-left:15px;
margin-right:15px;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#666;
text-align:center;
}
#menu{
background:url(menu_1.gif) no-repeat;
position:relative;
width:930px;
height:40px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#666;
text-align:center;
}
#corpo{
border:10px solid #900;
width:930px;
height:1050px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
margin-bottom:15px;
margin-top:35px;
margin-left:15px;
margin-right:15px;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#666;
}
#local{
background:#0F0;
position:relative;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
#menu_2{
position:relative;
background:#03F;
width:250px;
height:950px;
margin-top:20px;
margin-bottom:20px;
float:left;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
#conteudo{
position:relative;
background:#0FC;
width:600px;
height:950px;
float:right;
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
#rodape{
background:#060;
width:930px;
height:30px;
margin-top:20px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#666;
text-align:center;
}
</style>
</head>
<body>
<div id="topo"></div>
<div id="titulo"></div>
<div id="menu"></div>
<div id="corpo">
<div id="local">Galeria de fotos > Foto 1</div>
<div id="menu_2">Menu 2</div>
<div id="conteudo">Conteúdo</div>
</div>
<div id="rodape">Rodapé</div>
</body>
</html>ja tentei fazer bordas para colocar nas divs deste template no fireworks, sai ate umas bordas boas, mas na hora de colocar no site sai torto.
tem algum site que a gente possa copiar bordas para colocar no site ja prontas?
me dem dicas pessoal
tem hora que da vontade de desistir de web designer, da vontade de chorar, pq eu nao do conta nem de fazer um site do mais simples, eu sou um panaca mesmo, incopetente.
mas nao vo desistir
obrigado por ajudarem
Carregando comentários...