Jump to content


Photo

Site Multiresolução


  • Faça o login para participar
3 replies to this topic

#1 calipso

calipso

    Normal

  • Usuários
  • 70 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Yii PHP, C#, ASP.NET, Android, iPhone.
    Teste de Software, Design Patterns, MPS-BR.
    Scrum, PMI.

Posted 10/02/2006, 15:50

Caros Colegas,
Primeiramente, antes de escrever este post, fiz uma pesquisa aqui e em
outros fórums atrás de algum material que me explicasse como é a lógica
de construção do site Americanas.com.br e Submarino.com.br.
Baixei o site em minha máquina e vi que o mesmo não utiliza JS p/ fazer
a adequação do site conforme a resolução.
O que vi é, eles controem o site p/ 1024, mas os objetos em 800, para que o
mesmo se ajuste automaticamente dependendo da resolução.
Isto é, as tabelas estao ajustadas p/ 1024, mas quando troco a resolução
para 800, elas se comprimem ate o tamanho dos objetos planejados p/ 800.
O grande problema é, como posso montar um site planejando isso??
Se alguem puder dar uma luz q facilite o entendimento, agradeço.
Obrigado,
Grande Abraço,
Calipso :boxing:

#2 stavis

stavis

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado
  • Localidade:Curitiba, PR

Posted 11/02/2006, 14:04

No caso das lojas americanas ele fizeram um site que se estica literalmente, todas as widths (larguras) estão setadas para percentagens, sendo assim quando o site muda de tamanho ele respeita ela.

Para fazer um site assim é so trabalhar com percetagem e as imagens devem utilizar tamanhos que não estorem as percetangens, no caso a principio você deve fazer o site para a menor resolução que deseja, 800x600 por exemplo, assim ele poderá esticar de acordo outros tamanhos maiores com facilidade.
OXPED . NET > Hospedagem e Revenda de Espaço Web
Preços Ecônomicos e Alta Quantidade de Recursos.
Planos Windows e Linux de Alta-Performance
http://www.oxped.net

#3 Stress

Stress

    Veterano

  • Monitores
  • 1111 posts
  • Sexo:Masculino
  • Localidade:Salvador-BA

Posted 11/02/2006, 14:29

Dê uma olhada nesse post http://forum.wmonlin...showtopic=28604
Stress - Monitor Webfórum - Equipe de Editores Web / Negócios & Oportunidades

Desde de 2002 usuário ativo.(antigo nick que deu tilt era XITEM).

Posted Image

#4 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 11/02/2006, 22:20

cara ter um site q se adapta a resolução com certeza é com porcentagem mas naum sei se vc reparou mas pelo menos o site da submarino usa muitos div's e um div se seu tamnho naum é definido ele ocupa o maximo de espaço possivel!!!

faça o teste

<style>
.teste{
  border: 1px solid #000;
}
</style>
<div class="teste">Breno Henrique Duarte de Oliveira</div>
<spam class="teste">Breno Henrique Duarte de Oliveira</spam>

Com certeza montar um site usando tableless facilitari muito na adptação do site!!!

[]'s
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq