Avaliação de sites

Nathanofr · 19 de outubro de 2011

Não sei se blogs se encacham nessa avaliação.

emersonbol · 10 de novembro de 2011

Fiz esse site baseado nas notinhas que vêm nos jornais.

Esse é um protótipo, testem e avaliem. Se não quiserem criar uma conta podem usar este usuário: email - [email protected]; senha - teste123.

Agradeço desde já a quem acessar e testar. Criticas e sugestões são bem vindas.

hallaor · 31 de janeiro de 2012

deem um avaliada por favor:

http://www.hallaor.com

Urubu_Nicolas · 4 de fevereiro de 2012

deem um avaliada por favor:
http://www.hallaor.com

Opa! Cara seu site está legal. But, você está usando apenas preto e branco em todo layout o que deixa um template "morto". Dando uma nota de 0 -10 e levando em consideração que você é um profissional dou '5'. Obviamente que é meu conceito!

Mog.Lucas · 5 de fevereiro de 2012

deem um avaliada por favor:
http://www.hallaor.com

Dou nota 3!

Pontos fracos

1. Nunca, jamais, sobre qualquer cirunstância utilize Comic Sans.. Experimente algo como arial 11px..

2. A parte de cima (onde fica a logo) está muito poluida.. quando você olha até doi o olho.. precisa dar uma melhorada nas opções de cor da fonte e fundo..

3. Não exagere muito no degrade.. é um efeito bacana se utilizado de leve..

Pontos fortes

1. É feito em tableless..

2. Código bem identado - parabéns por isso..

E a minha SUGESTÃO é que não coloque informações pessoais por completo no site.. faça um portfólio e opção para contato.. mas não seu curriculo com telefone e tudo mais..

Opnião de profissional para profissional, claro :B

Abraços!

hallaor · 6 de fevereiro de 2012

Opa! Cara seu site está legal. But, você está usando apenas preto e branco em todo layout o que deixa um template "morto". Dando uma nota de 0 -10 e levando em consideração que você é um profissional dou '5'. Obviamente que é meu conceito!

hmm, obrigado por avaliar, a questão de cores, foi por gosto pessoal, mas irei rever isso e preparar algumas mudanças...

Dou nota 3!
Pontos fracos

1. Nunca, jamais, sobre qualquer cirunstância utilize Comic Sans.. Experimente algo como arial 11px..

2. A parte de cima (onde fica a logo) está muito poluida.. quando você olha até doi o olho.. precisa dar uma melhorada nas opções de cor da fonte e fundo..

3. Não exagere muito no degrade.. é um efeito bacana se utilizado de leve..

Pontos fortes

1. É feito em tableless..

2. Código bem identado - parabéns por isso..

E a minha SUGESTÃO é que não coloque informações pessoais por completo no site.. faça um portfólio e opção para contato.. mas não seu curriculo com telefone e tudo mais..

Opnião de profissional para profissional, claro :B

Abraços!

Obrigado por avaliar, bom irei rever isso que você e o amigo acima comentou...

e mais uma vez obrigado pelos comentários.

junjun · 7 de fevereiro de 2012

trabalho do primeiro módulo de webdesigner:

http://www.impetocriativo.com.br/turmama/anderson_jun/

Urubu_Nicolas · 7 de fevereiro de 2012

trabalho do primeiro módulo de webdesigner:
http://www.impetocriativo.com.br/turmama/anderson_jun/

Antes de dar minha nota final, vamos aos critérios que eu avalio:

Estrutura, Organização do Código e Tableless: O código está bem organizado e limpo! Não encontrei nenhum erro de sintaxe, no CSS nem no xHTML. O tableless está bem aplicado, exceto nas validações de navegadores, como o IE6 e IE7 apresentam o conteúdo bem distorcido. Nota: 7/10.
Design do Layout: O layout está legal, não foi usado cores fortes e nenhuma "poluição visual". Exceto aquele bloco negro na home que não sei o que era para ser. Mas enfim é simples e objetivo. Nota: 5/10.
Tempo de navegação: O site é bem rápido, não utiliza imagens muito pesadas, tem uma boa navegabilidade. Nota 10/10
Tecnologia usadas: Este item eu não vou avaliar, pois você apenas utilizou o HTML e CSS. Não avalio, pois está no primeiro módulo!
Conteúdo: Obviamente seria o quesito mais importante, afinal o que adianta um layout lindo e uma boa programação se não tem conteúdo. O conteúdo é interessante. Nota: 8/10.

Levando todos os itens e levando em consideração que é um iniciante, ou pelo menos acabou o primeiro módulo de Web Design. Parabéns dou Nota Final de 7,5/10.

Obs: Este são os critérios que uso para avaliar um Web Site, porém são minhas opiniões não leve elas como definitivas. Lembre-se de sempre ter um código, layout simples e objetivo. Um usuário ao acessar a sua página quer encontrar o conteúdo, não ficar procurando (O que por sinal é ponto forte de seu site)! Além disto um bom design, pois segundo o Sr. Google o seu site tem apenas alguns segundos para convencer o usuário de continuar na página.

junjun · 8 de fevereiro de 2012

opa! valeu pela avaliação detalhada.

o bloco negro na página principal eu deixei porque inicialmente eu queria ter deixado o primeiro item da lista como padrão, mas eu não consegui usando somente o html/css.

o código está organizado porque eu fiz tudo no notepad e tive que validar o site no w3c. Até que eu gostei de digitar tudo hehe.

próximo módulo eu irei aprender flash, dreamweaver, photoshop ai eu posto o site do final do módulo.

obrigado.

Urubu_Nicolas · 8 de fevereiro de 2012

opa! valeu pela avaliação detalhada.
o bloco negro na página principal eu deixei porque inicialmente eu queria ter deixado o primeiro item da lista como padrão, mas eu não consegui usando somente o html/css.

o código está organizado porque eu fiz tudo no notepad e tive que validar o site no w3c. Até que eu gostei de digitar tudo hehe.

próximo módulo eu irei aprender flash, dreamweaver, photoshop ai eu posto o site do final do módulo.

obrigado.

Aproveite sempre para aprender mais. Depois escolha uma linguagem de progrmação como ASP ou PHP, aconselho PHP e estude junto com um Banco de Dados, que pode ser o MySQL. Assim você irá aprender a desenvolver WebSites mais dinâmicos.

Hum, mesmo que aprenda Flash, não use se possível flash em páginas web. Utilize a bibloteca jQuery e o fremework Ajax.

Igor Tupini · 15 de fevereiro de 2012

Boa noite a todos.. fiz um layout que não vai ser publicado online e para meu proprio uso em localhost. Cansei do meu "index of /", por causa de muitos projetos, treinos e praticas ficava lotado e eu chegava a me perder.

Decidi fazer isto então. É algo simples apenas para organizar melhor minhas coisas.

http://dl.dropbox.com/u/50071313/img/modelo.jpg

Como vocês vão notar os links úteis ali não vão permanecer daquela forma, será trocado por algumas ferramentas que eu costumo usar e que estão guardadas em meus bookmarks e favoritos.

Obrigado a todos e um abraço.

ajaxme · 20 de abril de 2012

Avaliem o meu aí também
vou logo dizendo q ele é muiito amador!!

Só sei coisas basicas.

www.nadadmais.dk3.com

Aceito sugestões.

valeww

o site esta fora do ar, nao da para avaliar

Urubu_Nicolas · 29 de abril de 2012

Boa noite a todos.. fiz um layout que não vai ser publicado online e para meu proprio uso em localhost. Cansei do meu "index of /", por causa de muitos projetos, treinos e praticas ficava lotado e eu chegava a me perder.
Decidi fazer isto então. É algo simples apenas para organizar melhor minhas coisas.

http://dl.dropbox.com/u/50071313/img/modelo.jpg

Como vocês vão notar os links úteis ali não vão permanecer daquela forma, será trocado por algumas ferramentas que eu costumo usar e que estão guardadas em meus bookmarks e favoritos.

Obrigado a todos e um abraço.

Gostei de seu layout, está bem legal. Quero ver por ele em prática mesmo.

Igor Tupini · 18 de maio de 2012

Gostei de seu layout, está bem legal. Quero ver por ele em prática mesmo.

Meu PC deu problema e acho que só esse mês que eu vou conseguir um novo.. quando comprar eu terminarei o projeto. Mas a codificação eu já tinha começado.

Mog.Lucas · 21 de maio de 2012

Igor,

Recomendo não focar o site inteiro em uma só cor.. mas também não é pra fazer nenhum carnaval de cores

Basta trocar o fundo.. deixe-o totalmente branco, ou faça algum efeito de textura/degrade beeem leve.

Para os textos (fontes), use preto.

Diminua o tamanho do rodapé, está chamando mais atenção do que deveria..

Tirando esses detalhes está muito bom! Simples e direto, do jeito que eu gosto.

Tyrion · 4 de junho de 2012

Boa tarde, pessoal.

Sou iniciante em CSS e HTML e criei a minha primeira página. Gostaria da opinião de experientes sobre a qualidade de minha página. Considerando que sou iniciante, creio que tenha ficado legal. Eu criei toda a página com tags de <div>.

Queria uma visão crítica construtiva sobre a minha página.

_______________________________________________________________

Segue a página:

<head>

<style type="text/css"">

html {height: 100%}

body {background-color:#EBEAE8;
margin: 0px;
text-align: center;
height: 100%}

#corpo {background-color:#EFE7D6;
width:850px;
margin-left: auto;
margin-right: auto;
height: auto;}

#corpo2 {background-color: #EFE7D6;
width:800px;
margin-left: auto;
margin-right: auto;
height: auto;}

#destino {background-color:#8D642C;
width:800px;
margin-left: auto;
margin-right: auto;
height: 27px;
padding: 4px;
font-family: verdana;
font-weight: bold;
color: #FFFFFF;}

#periodo {background-color:#E2C297;
width:800px;
margin-left: auto;
margin-right: auto;
height: 27px;
font-family: verdana;
color: #8D642C;
font-weight: bold;
font-size: 12px;
line-height: 27px}

#duracao {background-color:#B68644;
width:800px;
margin-left: auto;
margin-right: auto;
height: 27px;
font-family: verdana;
color: white;
font-size: 12px;
font-weight: bold;
line-height: 27px;}

#vazio {background-color:#EFE7D6;
width:800px;
margin-left: auto;
margin-right: auto;
height: 18px;}

#dia {background-color:#EFE7D6;
width:700px;
margin-left: auto;
margin-right: auto;
height: 22px;
text-align: justify;
font-family: calibri;
font-size: 15px;
font-weight: bold;
color: #666;}

#ddia {background-color:#EFE7D6;
width:700px;
margin-left: auto;
margin-right: auto;
height: 22px;
text-align: justify;
font-family: calibri;
font-size: 15px;
color: #666;}

#precos {background-color:#B68644;
width:800px;
margin-left: auto;
margin-right: auto;
height: 28px;
font-family: verdana;
font-weight: bold;
color: white;
FONT-SIZE: 14px;
line-height: 28px;}

#vazio2 {background-color:#EFE7D6;
width:800px;
margin-left: auto;
margin-right: auto;
height: 18px;
line-height: center }

#hotel {background-color:#8D642C;
width:741px;
margin-left: auto;
margin-right: auto;
height: 27 px;
font-family: verdana;
color: white;
font-weight: bold;
line-height: 27 px;}

#dprecos {background-color:#FFFFFF;
width:741px;
margin-left: auto;
margin-right: auto;
height: 24px;
padding: 2px;
border: 3px solid #B68644;
font-family: verdana;
font-size: 12px;
color: #666;}

#Saida {background-color: #EFE7D6;
height: 40px;
float: left;
width: 80px;
line-height: 40px;
font-weight: bold;}

#Acomodacao {background-color: #EFE7D6;
height: 40px;
float: left;
width: 123px;
line-height: 40px;
font-weight: bold;}

#Regime {background-color: #EFE7D6;
height: 40px;
float: left;
width: 123px;
line-height: 40px;
font-weight: bold;}

#Duplo {background-color: #EFE7D6;
height: 40px;
float: left;
width: 75px;
line-height: 40px;
font-weight: bold;}

#Triplo {background-color: #EFE7D6;
height: 40px;
float: left;
width: 75px;
line-height: 40px;
font-weight: bold;}

#Individual {background-color: #EFE7D6;
height: 40px;
float: left;
width: 95px;
line-height: 40px;
font-weight: bold;}

#Crianca {background-color: #EFE7D6;
height: 40px;
float: left;
width: 80px;
line-height: 20px;
font-weight: bold;}

#SaidaBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 80px;
line-height: 30px;}

#AcomodacaoBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 123px;
line-height: 30px;}

#RegimeBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 123px;
line-height: 30px;}

#DuploBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 75px;
line-height: 30px;}

#TriploBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 75px;
line-height: 30px;}

#IndividualBranco {background-color: #FFFFFF;
height: 30px;
float: left;
width: 95px;
line-height: 30px;}

#CriancaBranco {background-color: #FFFFF;
height: 30px;
float: left;
width: 80px;
line-height: 30px;}

#SaidaCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 80px;
line-height: 30px;}

#AcomodacaoCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 123px;
line-height: 30px;}

#RegimeCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 123px;
line-height: 30px;}

#DuploCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 75px;
line-height: 30px;}

#TriploCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 75px;
line-height: 30px;}

#IndividualCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 95px;
line-height: 30px;}

#CriancaCinza {background-color: #FAFAFA;
height: 30px;
float: left;
width: 80px;
line-height: 30px;}

#informações {background-color:#B68644;
width:800px;
margin-left: auto;
margin-right: auto;
height: 24px;;
padding: 4px;
font-family: verdana;
color: white;
font-size: 12px;
font-weight: bold;}

</style>

</head>

<body>

<div id="corpo">
<div id="vazio"> </div>
<div id="corpo2">
<div id="destino">BONITO - MS</div>
<div id="periodo">Julho a Dezembro de 2012</div>
<div id="duracao">4 dias / 3 noites</div>
<div id="vazio"> </div>
<div id="duracao">ROTEIRO</div>
<div id="vazio"> </div>
<div id="dia">1º Dia -SÃO PAULO / CAMPO GRANDE / BONITO</div>
<div id="ddia">Apresentação no Aeroporto. Embarque com destino a Campo Grande. Chegada. Recepção no aeroporto e traslado para o Hotel em Bonito.</div>
<div id="vazio"> </div>
<div id="dia">2º Dia - BONITO</div>
<div id="ddia">Café da manhã no hotel.
Passeio a Gruta Azul
Descoberta por um índio em 1924 e já foram encontrados vários fósseis de mamíferos de 6.000 a 10.000 anos atrás. Depois de uma descida de 100m com 297 degraus, há um lago de águas azuladas, cuja profundidade estimada é de 80 m. Com suas formações geológicas - não só o teto como o piso da gruta são repletos de espeleotemas de várias formas e tamanhos - desperta a atenção dos turistas e pesquisadores do mundo inteiro. Ninguém sabe ao certo de onde vêm suas águas, acredita-se na existência de um rio subterrâneo, que alimenta o lago.
O que levar: tênis ou sapato fechado e roupas leves.
Duração aprox.: 1h30m
Idade mínima permitida: 05 anos.</div>
<div id="vazio"> </div>
<div id="dia">3º Dia - BONITO</div>
<div id="ddia">Café da manhã no hotel.
Passeio Bote Rio Formoso
Percurso de 7 km em botes infláveis de borracha, passando por três cachoeiras e duas corredeiras, durante o trajeto você verá espécies de aves e de animais da região. Sem limites de idade, a diversão é marca registrada neste passeio. O Majestoso Rio Formoso se divide em dois braços, formando entre eles uma ilha, denominada Ilha do Padre, com varias piscinas para banho, lanchonete, restaurante, quadra de vôlei e futebol de areia e presença marcante de animais como a Arara vermelha, ela é um dos principais pontos turísticos de Bonito.
O que levar: roupas leves, chinelo, protetor solar, repelente e dinheiro para consumos extras.
Duração aprox.: 2 horas
Idade mínima aconselhada: 04 anos </div>
<div id="vazio"> </div>
<div id="dia">4º Dia - BONITO / CAMPO GRANDE / SÃO PAULO</div>
<div id="ddia">Café da manhã no hotel.
Em horário combinado, traslado para o aeroporto de Campo Grande.</div>
<div id="vazio"> </div>
</div>
<div id="precos">Preços em R$ - VÔOS PELA TAM</div>

<div id="vazio2"></div>

<div id="hotel">HOTEL ARAUNA</div>
<div id="dprecos">
<div id="Saida">Saída</div>
<div id="Acomodacao">Acomodação</div>
<div id="Regime">Regime</div>
<div id="Duplo">Duplo</div>
<div id="Triplo">Triplo</div>
<div id="Individual">Individual</div>
<div id="Crianca">Criança<br/>0/5</div>
<div id="Crianca">Criança<br/>6/11</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
</div>
<div id="vazio2"></div>
<div id="hotel">HOTEL ARAUNA</div>
<div id="dprecos">
<div id="Saida">Saída</div>
<div id="Acomodacao">Acomodação</div>
<div id="Regime">Regime</div>
<div id="Duplo">Duplo</div>
<div id="Triplo">Triplo</div>
<div id="Individual">Individual</div>
<div id="Crianca">Criança<br/>0/5</div>
<div id="Crianca">Criança<br/>6/11</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
</div>
<div id="vazio2"></div><div id="hotel">HOTEL ARAUNA</div>
<div id="dprecos">
<div id="Saida">Saída</div>
<div id="Acomodacao">Acomodação</div>
<div id="Regime">Regime</div>
<div id="Duplo">Duplo</div>
<div id="Triplo">Triplo</div>
<div id="Individual">Individual</div>
<div id="Crianca">Criança<br/>0/5</div>
<div id="Crianca">Criança<br/>6/11</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
</div>
<div id="vazio2"></div><div id="hotel">HOTEL ARAUNA</div>
<div id="dprecos">
<div id="Saida">Saída</div>
<div id="Acomodacao">Acomodação</div>
<div id="Regime">Regime</div>
<div id="Duplo">Duplo</div>
<div id="Triplo">Triplo</div>
<div id="Individual">Individual</div>
<div id="Crianca">Criança<br/>0/5</div>
<div id="Crianca">Criança<br/>6/11</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
</div>
<div id="vazio2"></div><div id="hotel">HOTEL ARAUNA</div>
<div id="dprecos">
<div id="Saida">Saída</div>
<div id="Acomodacao">Acomodação</div>
<div id="Regime">Regime</div>
<div id="Duplo">Duplo</div>
<div id="Triplo">Triplo</div>
<div id="Individual">Individual</div>
<div id="Crianca">Criança<br/>0/5</div>
<div id="Crianca">Criança<br/>6/11</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="SaidaCinza">Bloco</div>
<div id="AcomodacaoCinza">Bloco</div>
<div id="RegimeCinza">Bloco</div>
<div id="DuploCinza">Bloco</div>
<div id="TriploCinza">Bloco</div>
<div id="IndividualCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="CriancaCinza">Bloco</div>
<div id="SaidaBranco">Bloco</div>
<div id="AcomodacaoBranco">Bloco</div>
<div id="RegimeBranco">Bloco</div>
<div id="DuploBranco">Bloco</div>
<div id="TriploBranco">Bloco</div>
<div id="IndividualBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
<div id="CriancaBranco">Bloco</div>
</div>
<div id="vazio2"></div>

<div id="vazio"> </div>
<div id="informações">INFORMAÇÕES</div>
<div id="vazio"> </div>
<div id="dia">INCLUSO</div>
<div id="ddia">
<p>- Parte aérea de ida e volta (via Campo Grande); <br>
- Traslados de chegada e saída; <br>
- Hospedagem por 03 noites no hotel escolhido com regime correspondente + taxa de serviços; <br>
- Passeio Gruta do Lago Azul* e Bote do Rio Formoso. </p>
<p><b>*Atenção:</b> O passeio à Gruta do Lago Azul tem limite de visitação, por este motivo o passeio está sujeito a ser alterado por outro atrativo. </p>
</div>
<div id="vazio"> </div>
<div id="dia">NÃO INCLUSO</div>
<div id="ddia">- Taxas de embarque nos aeroportos; <br>
- Despesas com documentação; <br>
- Pernoites e refeições não mencionadas ou que por quaisquer motivos excedam as programadas; <br>
- Despesas de caráter pessoal, tais como: lavanderia, telefonemas e etc.; <br>
- Taxas de serviço nos hotéis, sobre as despesas de caráter pessoal; <br>
- Bebidas em geral; <br>
- Excesso de bagagem; <br>
- Passeios opcionais; <br>
- Tudo quanto não esteja expressamente mencionado como incluído no programa. </div>
<div id="vazio"> </div>
<div id="dia">CRIANÇAS E ADOLESCENTES COM ATÉ 18 ANOS INCOMPLETOSO</div>
<div id="ddia">Devem apresentar documento de identificação válido, com foto, ou certidão de nascimento, além de comprovação da filiação ou parentesco com o responsável. O passageiro deve consultar previamente outras exigências para viagens com menores, estabelecidas pelo Estatuto da Criança e do Adolescente e pela Vara da Infância e Juventude dos locais em que o menor for embarcar.</div>
<div id="vazio"> </div>

<div id="informações">OBSERVAÇÕES</div>
<div id="vazio"> </div>
<div id="ddia">
<p>Neste pacote não será permitido a inclusão de diárias extras quando estas coincidirem com perídods de feriados. Temos produtos específicos para os feriados com custos diferenciados. </p>
<p>Os vôos poderão ou não ter escalas e serão realizados com equipamentos disponíveis por cada cia. aérea, dependendo da data de embarque e destino escolhido. </p>
<p>É recomendável consultar as "Condições Gerais" específicas deste produto e o "Contrato de Venda de Pacotes Turísticos". Consulte o seu agente de viagem EcoVida.</p>
<p>O roteiro poderá ser alterado de acordo com as condições climáticas e/ou por motivos alheios a nossa vontade.</p>
</div>
<div id="vazio"> </div>
<div id="informações">CANCELAMENTO E DEVOLUÇÕES</div>
<div id="vazio"> </div>
<div id="ddia">De acordo com a deliberação normativa nº 161 de 09 de Agosto de 1985, da Embratur, o valor em percentual a ser restituído será de: <br><br>90% até 31 dias do início da viagem.<br><br>80% de 21 a 30 dias do início da viagem.<br><br>
0% a 80% a menos de 20 dias do início da viagem.<br><br>OBS.: Exceto para Reveillon e carnaval.</div>

<div id="vazio"> </div>

</div>

</div>
</div>

</body>

</html>
<html>

Anch · 8 de setembro de 2012

Meu projeto de TCC deste ano. Algumas pessoas tem dificuldade em compreender o funcionamento do site, aguardo dicas!

O cidadaoatento.com é um projeto aberto à participação de todos os brasileiros.
O principal objetivo é transmitir ao governo municipal, de uma forma fácil e dinâmica, os problemas relacionados à infraestrutura e más condições das estradas, constantemente questionadas pelos cidadãos.

Cada pessoa com CPF válido pode relatar problemas em sua região, como buracos, vias, falta de semáforos e quebra-molas, vazamentos, iluminação pública defeituosa, coleta seletiva ineficiente, entre outros.

http://cidadaoatento.com

Thsm_ · 11 de outubro de 2012

Olá, pessoal ! Gostaria de deixar aqui o link pro site que eu desenvolvi para um cliente aqui de Fortaleza. Esse é o meu primeiro trabalho, então, gostaria que vocês pudessem avaliar o resultado final e, se possível, que me dessem algumas dicas do que posso melhorar, pois como disse, este é o meu primeiro trabalho, e ainda tenho muito que aprender.

Trata-se de uma loja oficial do Flamengo aqui em Fortaleza-CE.

E antes de tudo, gostaria de informar que o site NÃO se trata de um e-commerce. É apenas um site para expor os preços e produtos. Pois a pedido do cliente, o site NÃO pode vender, pois pra isso já existe o site Oficial do time.

Segue o link:

http://www.espacorubronegroce.com.br

bom... Desde já agradeço a todos.

Com os melhores cumprimentos;

ThalisMenezes.

JuninhoAndrade · 8 de novembro de 2012

http://projetointegrador2.xp3.biz/Index.html

Avaliem porém ta bugando o Submenu no IE -.-" como de prache !

DiF · 8 de novembro de 2012

http://projetointegrador2.xp3.biz/Index.html
Avaliem porém ta bugando o Submenu no IE -.-" como de prache !

A ideia ta legal, mas a imagem de fundo tá com péssima qualidade, prefiras imagens em alta definição, porém otimizadas para web( para não ficar pesada demais)

aquel quadrado preto no meio creio que será para o conteúdo, está desaninhado com a margem direita veja a comparação com seu rodapé.

Aquele menu é estranho e meio feio com aquelas linhas duplas como borda da sua li quando passa o mouse em cima.

Queira utilizar a técnica CSS Sprite, onde usa-se uma imagem contendo todas a imagens do seu menu como o estado normal, estado de hover.

OU se não quiser utilizar imagens, veja sobre os mais diversos efeitos que podem ser aplicados com CSS3.

Aquela imagem ali em cima também parece ser de péssima qualidade. Recomendo sempre usar PNG pois a qualidade é melhor.

enfim. fora isso, a sua ideia ficou legal.

JuninhoAndrade · 8 de novembro de 2012

A ideia ta legal, mas a imagem de fundo tá com péssima qualidade, prefiras imagens em alta definição, porém otimizadas para web( para não ficar pesada demais)
aquel quadrado preto no meio creio que será para o conteúdo, está desaninhado com a margem direita veja a comparação com seu rodapé.

Aquele menu é estranho e meio feio com aquelas linhas duplas como borda da sua li quando passa o mouse em cima.

Queira utilizar a técnica CSS Sprite, onde usa-se uma imagem contendo todas a imagens do seu menu como o estado normal, estado de hover.

OU se não quiser utilizar imagens, veja sobre os mais diversos efeitos que podem ser aplicados com CSS3.

Aquela imagem ali em cima também parece ser de péssima qualidade. Recomendo sempre usar PNG pois a qualidade é melhor.

enfim. fora isso, a sua ideia ficou legal.

O Background é de alta resolução porém eu otimizei par WEB diminui a qualidade ! ta tudo com 30 a 40 kb o background ..

o menu ta em CSS Spry menu pois como se trata de um trabalho academico ele pede que faça um menu assim !

a Logo está em PNG 8 para n ficar pesado tb

Mog.Lucas · 8 de novembro de 2012

Concordo com o dif.. a qualidade do background está horrível e o pior: está chamando mais atenção do que o resto do site..

Experimente melhorar a qualidade (mesmo que isso aumente o tamanho) e adicionar filtros de transparência para deixar a imagem mais escura e chamando menos atenção.

Também não gostei muito do menu.. Seguem algumas dicas:

Para começar, pode experimentar trocar Verdana por Tahoma.
Experimente "avisar" o usuário de que um menu possui sub-menu, com algum tipo de seta > ou coisa parecida.. do jeito que está, o usuário 'toma um susto' quando brota um sub-menu e não sabe ao certo o que tá acontecendo pois não tem nenhuma referência de qual menu aquele submenu pertence.
Também não gostei das bordas no efeito hover.. experimente trocar as cores do background e/ou da fonte do menu selecionado.. garanto que causará efeito melhor.

Como o dif disse a ideia ta legal.. e eu estou sendo beeeem crítico mas acredito que críticas construtivas podem ser úteis

PS: aqui no IE8 tá aparente normal o submenu.. é obrigação do desenvolvedor faze-lo funcionar. Experimente testar em uma versão recente do IE (isso não inclue a 8 hehehe)

Abraços!

DiF · 8 de novembro de 2012

Certo, mas então só tome cuidado com aquela imagem de fundo realmente a qualidade está péssima. 40kb para uma imagem de fundo com alta definição é muito pouco e acaba deixando muito feio mesmo, ainda mais quem usa monitores grandes, eu visualizei em um de 21 polegadas com 1920 x 1080 e ficou aparecendo "quadradinhos" na imagem.. uma sugestão diminua o máximo que puder mas sem perder a qualidade gráfica perceptivel.

Agora se o objetivo for velocidade, performace... o ideal seria evitar de utilizar imagens e deixar apenas em cores.

Sobre o menu, bom como se trata de projeto acadêmico, ate passa.. mas se fosse para um cliente, eu diria que ta um pouco pesado para os olhos( geralmente fundos pretos e letras brancas pesam demais no olho)...

@lucas, boa suas sugestões, e com certeza críticas construtivas são ótimas, acredito que realmente ajudam.. pelo menos me ajudaram muito! rsrs

abração

JuninhoAndrade · 8 de novembro de 2012

Concordo com o dif.. a qualidade do background está horrível e o pior: está chamando mais atenção do que o resto do site..
Experimente melhorar a qualidade (mesmo que isso aumente o tamanho) e adicionar filtros de transparência para deixar a imagem mais escura e chamando menos atenção.

Também não gostei muito do menu.. Seguem algumas dicas:

Para começar, pode experimentar trocar Verdana por Tahoma.

Experimente "avisar" o usuário de que um menu possui sub-menu, com algum tipo de seta > ou coisa parecida.. do jeito que está, o usuário 'toma um susto' quando brota um sub-menu e não sabe ao certo o que tá acontecendo pois não tem nenhuma referência de qual menu aquele submenu pertence.

Também não gostei das bordas no efeito hover.. experimente trocar as cores do background e/ou da fonte do menu selecionado.. garanto que causará efeito melhor.

Como o dif disse a ideia ta legal.. e eu estou sendo beeeem crítico mas acredito que críticas construtivas podem ser úteis

PS: aqui no IE8 tá aparente normal o submenu.. é obrigação do desenvolvedor faze-lo funcionar. Experimente testar em uma versão recente do IE (isso não inclue a 8 hehehe)

Abraços!

Obrigado pelas dicas ! pra avisar que do lado de MODA tem um Sub menu .. eu coloquei a "Borda Invertida" !

Sobre a imagem eu vou dar um jeito "."

Certo, mas então só tome cuidado com aquela imagem de fundo realmente a qualidade está péssima. 40kb para uma imagem de fundo com alta definição é muito pouco e acaba deixando muito feio mesmo, ainda mais quem usa monitores grandes, eu visualizei em um de 21 polegadas com 1920 x 1080 e ficou aparecendo "quadradinhos" na imagem.. uma sugestão diminua o máximo que puder mas sem perder a qualidade gráfica perceptivel.
Agora se o objetivo for velocidade, performace... o ideal seria evitar de utilizar imagens e deixar apenas em cores.

Sobre o menu, bom como se trata de projeto acadêmico, ate passa.. mas se fosse para um cliente, eu diria que ta um pouco pesado para os olhos( geralmente fundos pretos e letras brancas pesam demais no olho)...

@lucas, boa suas sugestões, e com certeza críticas construtivas são ótimas, acredito que realmente ajudam.. pelo menos me ajudaram muito! rsrs

abração

eu fiz em monitor 1920x1080 porém estou tentando deixar o melhor visível possível .

estou pensando em mudar ...em flocos de neve ... indicando inverno , primavera folhas , outono folhas secas , verão e tal .. fiz esse site em 1 dia .. 2 h só "." ainda tem muita coisa pra melhorar (y)

As Crísticas de vocês é bem construtiva ! Obrigado !

"Mudei Algumas coisas"

Acho que melhorei... :

Espaço de Conteúdo.

Mexi nos BG,