Ligia_MB

Antes de mais nada, desculpem-me o reavivamento do tópico, mas é que achei uma oportunidade em contribuir com a comunidade tão legal deste fórum!

A dica pode ainda servir para a Cyssa, e todos aqueles que passam pelo mesmo problema: de como criar um layout bonito.

"O drama cotidiano diário de todos os dias":

É normal na vida de todo webmaster/webdesigner em início de carreira seus primeiros layouts sairem uma mistura de "chupa-cabra" com "filhote de cruz credo". Alguns não se dão conta e continuam a obrar digitalmente; outros percebem que há algo de errado em seus trabalhos (apesar de todos seus familiares, para agradá-lo, dizerem o contrário), mas não consegue identificar o que é; e ainda pode-se encontrar os que já possuem uma boa noção estética, mas lhe faltam algumas informações preciosas para conseguir tirar o máximo proveito de seu próprio potencial criativo. Deve haver outros casos, citei apenas os que me vieram a mente no momento.

Quem já não questionou seu próprio trabalho?
- "Meu layout tá bom, mas está tão sem graça...";
- "Para meu layout ser considerado feio, antes, ele tem que melhorar um pouco: meus layouts saem sempre horrorosos mesmo!"
- "Parece que está tudo muito bonito, mas mesmo assim, tem alguma coisa estranha que está me incomodando visualmente. Só ainda não sei o que é..." (e você demora a tarde toda, no mínimo, para descobrir, SE descobrir!)

Apesar de beleza ser algo relativo e subjetivo, criar layouts (ou qualquer outra peça visual) com conhecimento de Design e outros campos do saber (Gestalt, Psicologia das cores, Ergonomia visual, Tipografia, Marketing, etc) torna seu trabalho muito mais pendente para o acerto e a aprovação de seus clientes e demais destinatários, do que criar "no escuro", no "vou colocar esta florzinha aqui no canto, porque fica bonitinho", na intuição, sem nenhum tipo de embasamento teórico.

A solução dos seus problemas é mais simples do que imagina!

Um BOM curso de Design para Web, aquele que ensina não a mexer nos softwares, e sim que lhe ensina todo esse conhecimento teórico tão importante para casar com a sua criatividade, deve ser cursado por todos aqueles que pretendem se tornar profissionais na área.

Indico um que fiz: o Curso de Design Web, do renomado Bruno Ávila. Sem sair da sua casa, e no horário que você quiser, você poderá aprender, de modo muito OBJETIVO, didático e divertido como criar layouts bonitos.

A maioria das aulas são em áudio e vídeo, sendo que há ao longo do curso, avaliações onde o professor grava um vídeo avaliativo de seu trabalho, apontando seus erros e acertos. Ou seja, a distância física em nada atrapalha seu aprendizado. Os vídeos e áudios possuem uma boa qualidade técnica e são sempre recheados de um conteúdo rico e de dicas preciosas, que não se encontram por aí, na internet. No final do curso, você ainda pode imprimir seu certificado, enriquecendo, assim, seu currículo.

Além de aprimorar seus conhecimentos, você ainda se divertirá muito com as aulas, que são sempre bem humoradas, porém sem perderem o foco.

Enfim, eu fiz e recomendo a todos que se interessarem este e os outros cursos do Bruno Ávila. Valem cada centavo investido!

Espero ter sido útil

Curso de Design Web:
Clique aqui

Outros cursos do Bruno Ávila:
Clique aqui

:0)

Fernando, tanto faz utilizar classe ou ID no CSS: em ambos os casos funcionam do jeito que expliquei.

Vc escolhe se utilizará classe ou ID conforme sua necessidade: o que for utilizado 1 só vez na página, então é mais semântico utilizar ID. Já os elementos que se repetirão várias vezes numa mesma página, é mais semântico utilizar classe.

Só lembrando que no CSS, uma classe começa com ponto e uma ID começa com #

:0)

Oi Sérgio, tudo bem? Eu costumo fazer meus sites com 990px de largura e centralizá-los horizontalmente no navegador, deste modo não dá barra de rolagem horizontal para quem visualiza com a resolução de tela de 1024px por 768px. Já se quiser fazer um site sem a barra de rolagem horizontal para aqueles que ainda possuem resolução de tela 800px por 600px, então terá que fazer com que seu site tenha 776px de largura mais ou menos.

Quanto a altura do site, é melhor não pré-definir, deixa que o próprio conteúdo se encarregue de esticá-la. Mas o ideal é fazer a página de modo que o visitante do site tenha que rolar o menos possível a tela verticalmente. O ideal, mas não é regra e vai depender do tipo de site que vc fará: um portal de notícias, por exemplo, não tem como não ter barra de rolagem vertical. Já um site institucional, é até possível e desejável, pelo menos sua Home (Página inicial)

Bom, teorias a parte, para centralizar um site com largura definida via CSS e de modo webstandard (sem ser estruturado por tabelas, que é uma prática pra lá de obsoleta) é bem simples: é só ir na abinha "Code" do dreamweaver e substituir o código ali existente por este (crie um novo arquivo antes):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	*{ margin:0; padding:0}
	.centra_site{ width: 990px; margin:0 auto; text-align:center; background-color:#ccc}
	p{ text-align:justify; padding: 10px}
</style>
</head>
<body>
	<div class="centra_site">
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
	</div>
</body>
</html>

Todo o site deverá ficar dentro da div que contém a classe "centra_site". Qualquer dúvida, é só perguntar.
Espero ter ajudado

:0)