Ir para conteúdo
Fórum Script Brasil

Site Leve Xhtml+css+tableless

tiagomadeira

Por tiagomadeira
em Avaliações de Trabalhos

 Share

Posts Recomendados

tiagomadeira

tiagomadeira

Postado
Postado

Olá.

Gostaria que avaliassem meu site: http://tableless.tiagomadeira.net

É um site pequeno, mas que segue os padrões da W3C (XHTML 1.0 Strict e CSS 2.0 válidos) e não tem tabelas (www.tableless.com.br). Os scripts de administração, cadastro, bbcode, etc. foram feitos em PHP e usa um banco de dados MySql. Espero que gostem e por favor postem criticando ou sugerindo qualquer coisa que acharem que não está bom. (e critiquem mesmo... na maioria dos fóruns as pessoas até entram mas não falam nada...)

Valeu...

Link para o comentário
Compartilhar em outros sites
George

George

Postado
Postado

a combinação de cores ficou simpática hehehe...mas o site tá muito simples, tem um bom conteúdo mas falta design nele...além disso, mude a fonte do menu.

nota 7.5 pro geral..sistema e design (média)

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado
a combinação de cores ficou simpática hehehe...mas o site tá muito simples, tem um bom conteúdo mas falta design nele...além disso, mude a fonte do menu.

nota 7.5 pro geral..sistema e design (média)

Falta design=?

Hummm.. Fonte do menu... É alguma sans small. Qual você sugere?

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado
cara, não sei direito o que se pode fazer com tableless, mas acho que você poderia mudar um pouco as cores, tá ruim de ficar muito tempo com esse vermelho...

você podia também fazer um logo mais com efeitos...

t+

Hmmm... O que você sugere para o logo?

Pode-se fazer qualquer coisa com tableless.

Talvez mudar a cor do fundo geral fosse bom... (quem sabe pra uma cor simples como #eee)

Valeu...

Link para o comentário
Compartilhar em outros sites
George

George

Postado
Postado

a combinação de cores ficou simpática hehehe...mas o site tá muito simples, tem um bom conteúdo mas falta design nele...além disso, mude a fonte do menu.

nota 7.5 pro geral..sistema e design (média)

Falta design=?

Hummm.. Fonte do menu... É alguma sans small. Qual você sugere?

falta design no sentido de que o design está muito simples...precisa dar uma incrementada nele. Tenta usar a fonte verdana ou arial em negrito

Link para o comentário
Compartilhar em outros sites
Illidan

Illidan

Postado
Postado

Antes de mais nada, parabéns pela iniciativa de adotar o XHTML e o tableless pra criar seu layout. Pra quem não sabe, dessa forma você deixa o site mais leve e ainda contribui pra que os dados fiquem mais organizados na internet... e, conseqüentemente, mais fáceis de serem encontrados. Só não vou entrar muito nesse assunto porque não é o escopo deste tópico, mas se quiserem, posso explicar melhor ou indicar algum artigo sobre XHTML e tableless... smile.gif

Bom, quanto ao site... acho que você poderia melhorar um pouco as cores e fontes. Esse vermelho realmente tá bem forte, e o menu um tanto simples...

Eu daria nota 7.

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado

Hmmm... Como você acha que poderia ser o menu?

Na verdade, eu estive percebendo que as fontes não ficam boas no IE@Windows. Usando Firefox no Linux o site fica bem mais bonito... Hehehe... Mas estive pensando em refazer toda a parte de CSS e mudar um pouco o design.

Só queria saber o que vocês acham pra eu saber como devo fazer os sites. Sou um pouco iniciante em tableless/xhtml/css mas até agora não tive problemas pra fazer as coisas, o que me falta é idéias mesmo :s

Valeu...

Link para o comentário
Compartilhar em outros sites
acs_junior

acs_junior

Postado
Postado

Acho que você deveria fazer um menu "todo junto".

E esse fundo vermelho, coloca num tom mais claro.

E nada contra as fontes. smile.gif

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado

sinceramente aquilo lá ta parecendo uma daquelas templates horriveis que tem por ai

nota 2

mad.gif Acho que você exagerou e muito. Não admito que você chame aquele design de template pronto, pois você no mínimo não olhou o código XHTML+CSS e não liga mesmo pros padrões web (seu código de sistema de usuários online não tem cabeçalho).

E pelo visto os seus designs são ótimos:

http://www5.domaindlx.com/bareta/online/on...onlineteste.asp (esse era o único que tava funcionando no seu nick, o outro domínio não funcionou aqui)

Eu aceito a nota de todos aqui, mas os que tem justificativa ou uma crítica decente. Você não deu nenhuma sugestão para melhora do design, então seu objetivo parece que não foi me ajudar.

Se não tá afim de avaliar sites, por favor, não avalie. Isso parece que é só pra contar mais um post no fórum. Entra numa seção de avaliação de sites e escreve que achou parecido com um template pronto sem explicar nada!

Meu objetivo não é criar um flame, mas peço que explique pelo menos porque falou isto sobre meu design.

-------------

Estou bolando um design novo:

index.htm

cabeçalhos...
	<body>
  <div id="geral">
  	<div id="logo">
    <img src="logo.gif" alt="Logo" />
  	</div>
  	<div class="esquerda">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  	</div>
  	<div class="direita">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  	</div>
  	<div class="esquerda">
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
  	</div>
  </div>
  <div class="rodape">
  	<p>tiagomadeira.net &copy; Todos os direitos reservados para Tiago Madeira.</p>
  </div>
estilo.css 
/* Zerando margins e paddings */
* {
	margin:0;
	padding:0;
}

/* Definindo página */
html {
	background-color:#558866;
	font-family:Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans;
}

body {
	text-align:center;
}

/* Definindo DIV #geral */
#geral {
	margin:0px auto;
	text-align:left;
	width:760px;
	background:url("fundo.gif") #fff repeat-y top center;
}

/* Definindo o logo */
#logo {
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

/* Opções gerais para os lados */
.esquerda, .direita {
	padding:5px;
	border:solid 1px #ddd;
}

/* Definindo a esquerda */
.esquerda {
	float:left;
	background-color:#f5f5f5;
	margin-left:22px;
	margin-right:6px;
	width:510px;
	_width:500px;
	font-size:11px;
	margin-bottom:10px;
}

/* Definindo a direita */
.direita {
	float:right;
	background-color:#fdf0d1;
	font-size:9px;
	margin-left:6px;
	margin-right:22px;
	width:170px;
	_width:160px;
	margin-bottom:10px;
}

.rodape {
	clear:both;
	background:url("fundobaixo.gif") no-repeat top center;
	padding-top:25px;
	font-size:9px;
	color:#fff;
	text-align:center;
}

Ele tá com um probleminha no Firefox que eu estou tentando arrumar mas quem puder dar uma olhada e avaliar...

Valeu...

Link para o comentário
Compartilhar em outros sites
deivish

deivish

Postado
Postado

achei legal o site, mas achei muito vermelho!! eu acho q ficaria legal um layout em vermelho com mudança de tonalidade ou sombras.

tb achei q para a pagina inicial você não deve começar já com todo o blog, e sim com algum conteudo opcional fora dos links dae você deixava o site preencher a tela do usuario, pois assim já d começo tem uma enorme barra de rolagem vertical.

mas tah legal!

nota 7

falou

Link para o comentário
Compartilhar em outros sites
BrILL

BrILL

Postado
Postado

Sobre o blog. Bem! é um blog, não é um site que busca ser sempre atrativo, com propagandas, cheio de imagens, etc. Se eu fosse faze um blog pra mim, seria assim mesmo, simples! apenas o necessário, algo direto. Na minha opinião o designer é importante sim, mas em um blog não é necessário dar tanta importância a isso, já que quem visita um blog, vem pra ler os seus posts, e não dizer “Nossa! que lindo esses botões!”. Em fim! acho que ta muito bom, fácil de navegar, de vermelho tem bastante, mas não polui e nem agridem a vista, parabéns ai!

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado

ta muito ruin dou nota -5 ........não preciso justificar a avaliacao.......ta ruin e aceite não fique resmungando ...

qualquer coisa entre no meu site e tire uma dúvidasaki

huh.gif Os moderadores tão de férias ou "isso" é permitido pelas regras do fórum? Por mim tudo bem se for, mas acho uma tremenda falta de educação.

blink.gif André, me desculpe mas eu não sei qual é o endereço do seu site e não entendi porque você falou pra eu tirar dúvidas no Google. Se seu objetivo é criticar construtivamente meu site, você devia justificar sua avaliação. Mas acho que não é, então você pode guardar suas "grandes avaliações" para você mesmo, ok? wink.gif

Sobre o blog. Bem! é um blog, não é um site que busca ser sempre atrativo, com propagandas, cheio de imagens, etc. Se eu fosse faze um blog pra mim, seria assim mesmo, simples! apenas o necessário, algo direto. Na minha opinião o designer é importante sim, mas em um blog não é necessário dar tanta importância a isso, já que quem visita um blog, vem pra ler os seus posts, e não dizer “Nossa! que lindo esses botões!”. Em fim! acho que ta muito bom, fácil de navegar, de vermelho tem bastante, mas não polui e nem agridem a vista, parabéns ai!

Hmmm.. É, acho que você tem razão. Eu achei meio difícil escolher imagens pra colocar no blog, justamente por isso.

achei legal o site, mas achei muito vermelho!! eu acho q ficaria legal um layout em vermelho com mudança de tonalidade ou sombras.

tb achei q para a pagina inicial você não deve começar já com todo o blog, e sim com algum conteudo opcional fora dos links dae você deixava o site preencher a tela do usuario, pois assim já d começo tem uma enorme barra de rolagem vertical.

mas tah legal!

Essa idéia das sombras é boa. Acho que vou colocar (quando eu colocar, eu posto).

A de fazer uma página somente pra ser página inicial acho que também é interessante. Vou tentar pensar em alguma coisa assim.

Parabéns pelo seu trabalho.

você fez seu site nas normas e totalmente lúcido do que fez.

Muito bom mesmo !

Valeu! smile.gif Esse é o meu primeiro site XHTML, dentro dos padrões e que utiliza CSS dessa maneira... Achei bem interessante e acho que estes padrões podem melhorar bastante a acessibilidade dos sites. Acho que o (x)HTML é muito mais fácil fazendo o design todo no CSS também...

  Acho que você deveria fazer um menu "todo junto".

E esse fundo vermelho, coloca num tom mais claro.

Tentei várias vezes mas ficou meio rosa, daí não ficou muito bom... hehehe

----------------

Obrigado a todos que avaliaram e aos que ainda vão avaliar... Continuem avaliando!!!

Eu estava criando outro design, mas não sei se tá ficando muito bom. É porque esse algumas pessoas acharam muito vermelho (eu, sinceramente, achei que ficou um pouco mesmo, mas acho que o quadro branco é bem grande também); mas como ia dizendo, estou tentando fazer um design novo, dessa vez bem light. O que vocês acham?

http://tableless.tiagomadeira.net/testes/index.htm

(só avaliem o design, e só da página inicial mesmo)

O objetivo é ficar bem claro e leve mesmo. O logo não fui eu que fiz, o resto eu projetei no Fireworks e depois escrevi no vim.

Valeu...

Link para o comentário
Compartilhar em outros sites
Illidan

Illidan

Postado
Postado

Tiago,

1° - os moderadores não estão de férias e esse tipo de coisa não é permitida pelas regras do fórum. O que acontece é que os moderadores nem sempre têm tempo de ficar vasculhando por todos os posts de sua seção pra ver se há alguma irregularidade. Então, tem um botão em cada post chamado "Reportar!" que serve pra você mandar uma mensagem diretamente aos moderadores daquela seção. você pode usá-lo nessas situações... beleza? wink.gif

2° - se você não conseguiu resolver aquele problema de CSS no Firefox, posta sua dúvida lá no fórum de Javascript/CSS/DHTML, que é específico pra esse tipo de coisa.

3° - esse novo layout que você pediu pra gente avaliar ficou legal. Já percebi que você gosta de usar alguma cor forte no fundo ao redor da área principal tongue.gif Nada contra, mas eu particularmente prefiro dar um destaque na área principal... se não esse fundo fica competindo com o restante, entende?

Outra coisa quanto ao layout: a fonte do "tiagomadeira.net" no cabeçalho é bem descontraída, ousada, etc., e o restante da página utiliza somente fontes e caixas "quadradas". Bom, você pode mesclar diferentes tipos, mas é sempre bom você seguir uma linha... o seu site terá uma aparência mais descontraída, ousada, ou mais tradicional e quadradona? A partir disso, fica mais fácil decidir pelas cores, formas, etc.. do layout.

Abraços!

Link para o comentário
Compartilhar em outros sites
tiagomadeira

tiagomadeira

Postado
  • Autor
Postado

1° - os moderadores não estão de férias e esse tipo de coisa não é permitida pelas regras do fórum. O que acontece é que os moderadores nem sempre têm tempo de ficar vasculhando por todos os posts de sua seção pra ver se há alguma irregularidade. Então, tem um botão em cada post chamado "Reportar!" que serve pra você mandar uma mensagem diretamente aos moderadores daquela seção. você pode usá-lo nessas situações... beleza?

Beleza... Não sabia pra que servia aquele "Reportar"!

2° - se você não conseguiu resolver aquele problema de CSS no Firefox, posta sua dúvida lá no fórum de Javascript/CSS/DHTML, que é específico pra esse tipo de coisa.

Já resolvi... Era só porque só tinham divs floats dentro do quadrado grande (div #geral) e com isso o div geral não regulava sua altura corretamente (deixava os divs float sem chão). Bastou um <p style="clear:all;">&nbsp</p> para arrumar.

3° - esse novo layout que você pediu pra gente avaliar ficou legal. Já percebi que você gosta de usar alguma cor forte no fundo ao redor da área principal. Nada contra, mas eu particularmente prefiro dar um destaque na área principal... se não esse fundo fica competindo com o restante, entende?

Outra coisa quanto ao layout: a fonte do "tiagomadeira.net" no cabeçalho é bem descontraída, ousada, etc., e o restante da página utiliza somente fontes e caixas "quadradas". Bom, você pode mesclar diferentes tipos, mas é sempre bom você seguir uma linha... o seu site terá uma aparência mais descontraída, ousada, ou mais tradicional e quadradona? A partir disso, fica mais fácil decidir pelas cores, formas, etc.. do layout.

Hmmm.. A idéia do fundo faz sentido, mas eu não eu gosto de usar letra preta no fundo branco (ou alguma cor clara, como esse azul claro do fórum) pra ficar mais limpo e não cansar a vista.

Esse logo não foi projetado "para o meu site". laugh.gif Foi um amigo meu que fez (ele só perguntou as cores, não o estilo do site... hehehe). Vou tentar pensar em alguma coisa...

Valeu!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para a lista de tópicos


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...