Jump to content

Ajustar a página Web


Gabriel_Bravi
 Share

Recommended Posts

Isso depende do que queres fazer, mas a melhor forma de construir uma página ajustável às diversas resoluções de monitores é usando CSS. Depois se for algo mais complexo, é que se introduz Javascript. O jQuery tem plugins para isso.

Link to comment
Share on other sites

"Ajustar", mais ou menos. Não fazem magias 😄

Há duas formas de ajustar um site a diferentes resoluções. A melhor, na minha opinião, é desenhar um layout líquido, ou seja, em vez de usar muitas imagens, tentar usar mais CSS, e usar regras CSS que em vez de especificar pixeis, usem percentagens ou, para texto, multiplicadores (em).

http://www.cssliquid.com

A segunda, e é usando aquilo que estás a falar, é fazer várias versões do site: uma para 800x600, ou outra para 1024x768, outra para 1280x1024, etc. e depois tens um código javascript em cada página que detecta a resolução do monitor actual e redirige para a versão mais adequada.

Para isso, podes usar as propriedades screen.width e screen.height (que te dizem as dimensões actuais do monitor) e usar a propriedade window.location para redigir o user.

Por exemplo, se tens uma versão para 800x600 e outra para 1024x768, poderias fazer algo como:

if (screen.width == 800) {
    window.location = "pag800x600.html";
} else if (screen.width == 1024) {
    window.location = "pag1024x768.html";
}

Isto é só um exemplo, claro.

❝The idea that I can be presented with a problem, set out to logically solve it with the tools at hand, and wind up with a program that could not be legally used because someone else followed the same logical steps some years ago and filed for a patent on it is horrifying.❞- John Carmack on software patents

A list  of command line apps

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.