3 replies to this topic

[Frank Souza]

Não sou profissional em html e css e gostaria que analisassem o site que desenvolvi quanto código html e principalmente o css. >> www.web.inteccsd.com.br

desde já muito obrigado.

[GabrielCardelli]

Belo Design!!

[Édipo Costa Rebouças]

Boa tarde, dei uma rapida passada no site vi um pouco do html e css:

Pontos Bons:

o código esta legivel: realmente, vc bate o olho e entende facil oq é oq.

Pontos Negativos:

div mania: você foi contaminado pela div mania, que é colocar tudo em divs, até os titulos estão em div, e isso tira a semantica do código. tem que se usar titulos, listas, quando for necessario uma tabela, tudo isso otimiza a busca, que aliais, que se o site não é ficticio, a empresa não sabe fazer o proposto pois o proprio site da empresa não tem uma boa estrutura xhtml.

IDs: você usou id para tudo, ou quase tudo, tente dar ids só para pontos mais importantes do site, como a div do rodape, cabecalho, conteudo, colunas importantes e no código css você vai dando as tabulações conforme esses elementos se a afastam do id principal, por exemplo o id conteudo.

Falta de Técnica: a div mania, a form como você tratou a diferença entre browsers, fora vc mesmo ter falado que não é profissional já denunciam que vocês não conhece muitos macetes de CSS, então tente dar uma pesquisada no proximo projeto, técnicas para fazer y ou x efeito na pagina.

Edição feita por: Édipo Costa Rebouças, 20/02/2009, 14:07.

[BGGMB]

Primeiramente parabéns o design está bonito.

Sobre o código, além das coisas que o Édipo já comentou, existem vários pontos.

- O código todo não tem identação nenhuma.
- Uso de ID em vários lugares, algo que deixa o código amarrado e pode conflitar com algum script que você tenha ou venha ter.
- Classes e ID's com nomes muito genericos, uppercase e com várias underlines, isso pode até não influenciar em nada, mais eu acho que dificulta muito a manutenção e deixa o código um tanto quanto poluido, vai a dica de usar classes como class="menuEsquerdo".
- No formulário de orçamento, não possui semântica alguma, não foi utilizado tags de formulário como label, fieldset, button, etc..., uso exagerado de classes sem necessidade nas inputs, você poderia ter definido uma classe para o formulário e adicionar os estilos aos inputs ao invez de repetir diversas vezes no código, ex: form.orcamento input {border:1px solid #000;}.
- O layout inteiro se sustenta em uma imagem de fundo, você poderia ter trabalhado melhor nas imagens, reaproveitando classes evitando o uso de imagens grandes e deixando o layout bem mais leve, além de não limita-lo.
- Vários textos em imagens que ficam praticamente invisiveis, se for utilizar texto como imagem sempre coloque ele dentro de algum elemento como background, coloque o texto que está na imagem e esconda-o com identação negativa para que os buscadores reconheçam isso, você pode trabalhar a semântica e seo em cima disso.
- Pense sempre em reaproveitar o código, na página de soluções web possui várias imagens marcador_1.png representando um bullet, você poderia ter criado uma listagem e colocado está imagem como style da LI.
- Percebi que existem 2 css para hack's, evite usar isso só irá te prejudicar, é sempre melhor estudar o código e encontrar uma forma que funcione em todos.

Existem várias imperfeições no código mais não se preocupe o site está ótimo, meus comentários acima tome como conhecimento e não como critica, atualmente pelo menos 99,9% dos sites na web possui várias imperfeições de código, até mesmo sites imensos de grandes empresas respeitadas na internet possuiem o código com problemas.

Chegar a perfeição é algo quase impossível pois a internet cria novas regras todos os dias, porém é obrigação nossa que trabalha na área sempre busa-lá.