Entrar
Cadastre-se
Ajuda
Boa noite a todos, gostaria de saber como fazer um layout com as medidas que ficaria bom em qualquer resolução de monitor.
Obrigado a todos.
Página 1 de 1
- Novo tópico
Responder
Layout Em Px Para Web
Avaliar tópico:
Quote
#2
PXzin 
- Spiderman?
-
- Grupo: Coordenadores
- Posts: 1324
- Cadastrado: 03-janeiro 07
- Localização:Sorocaba SP
Postou 04 dezembro 2008 - 10:33
cara o problema do monitor eu resolvo da seguinte maneira:
Crio o site em 960px (já que a maioria das pessoas atualmente usa 1024px, descontando barras de rolagem e tudo mais dá pouco mais que isso).
Porém o site será pequeno para os de maior resolução.
Então certifico-me que o site estará alinhado ao centro e coloco um Background interessante e grande suficiente para preencher o vazio em todos os monitores.
Diferente disso só layouts fluidos, que se adequam ao tamanho da página. Mas ai você só vai fazer isso na hora da programação e não no editor de imagens.
Crio o site em 960px (já que a maioria das pessoas atualmente usa 1024px, descontando barras de rolagem e tudo mais dá pouco mais que isso).
Porém o site será pequeno para os de maior resolução.
Então certifico-me que o site estará alinhado ao centro e coloco um Background interessante e grande suficiente para preencher o vazio em todos os monitores.
Diferente disso só layouts fluidos, que se adequam ao tamanho da página. Mas ai você só vai fazer isso na hora da programação e não no editor de imagens.
Reformulando...
#3
Olhos Espanhois
- Come do Dark Side... We have a cookies!
-
- Grupo: Moderadores
- Posts: 1365
- Cadastrado: 21-novembro 07
- Sexo:Female
- Localização:São Caetano do Sul
- Interesses:Design e web Fora bar, sinuca e muito Rock
Postou 05 dezembro 2008 - 11:25
essa é uma boa questão existe um padrão de tamanho para fazermos o layout do site?
"Eu sou o melhor no que faço, E o que faço não é bom." - Logan Caolho
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
#4
PXzin
- Spiderman?
-
- Grupo: Coordenadores
- Posts: 1324
- Cadastrado: 03-janeiro 07
- Localização:Sorocaba SP
Postou 05 dezembro 2008 - 12:03
a dois anos atrás devia se pensar em monitores 800x600
hoje é a maioria esmagadora é 1024x768, mas tem muita gente distribuída no widescreen... por isso não podemos nos esquecer de fazer algo agradável a todos.
hoje é a maioria esmagadora é 1024x768, mas tem muita gente distribuída no widescreen... por isso não podemos nos esquecer de fazer algo agradável a todos.
Reformulando...
#5
Olhos Espanhois
- Come do Dark Side... We have a cookies!
-
- Grupo: Moderadores
- Posts: 1365
- Cadastrado: 21-novembro 07
- Sexo:Female
- Localização:São Caetano do Sul
- Interesses:Design e web Fora bar, sinuca e muito Rock
Postou 05 dezembro 2008 - 12:08
No caso fazer uma media dos valores do monitores
"Eu sou o melhor no que faço, E o que faço não é bom." - Logan Caolho
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
#7
ckav
- cadastre-se no fórum e participe^~
-
- Grupo: Coordenadores
- Posts: 1695
- Cadastrado: 08-setembro 06
- Sexo:Male
- Localização:São Paulo/SP
- Interesses:Design, Animação, Ilustração, Vetor, Criação, Cores, Flash, Action Script, notepad++, XHTML/CSS, Fireworks, Photoshop, Illustrator, InDesign, After effects, 3D, PHP, Web standards...
Postou 05 dezembro 2008 - 12:36
não...a media não ia rolar. ia prejudicar os dois modelos. O tamanho que o PX passou é ótimo!
O lance do Widescreen é fazer o q ele falou, usar um bom fundo.
PX... vc tem alguma estatística de quanto esta a proporção de usuários x1024?
O lance do Widescreen é fazer o q ele falou, usar um bom fundo.
PX... vc tem alguma estatística de quanto esta a proporção de usuários x1024?
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
------------------------------------------------------------------------------------------------------------------
"A cada pergunta idiota que eu faço e tenho a resposta, significa que estou um pouco menos idiota!!!"
Eu
------------------------------------------------------------------------------------------------------------------
Leu? gostou? ajudou?! Então cadastre-se, comente, peça, poste, ajude, participe!!!
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
"A cada pergunta idiota que eu faço e tenho a resposta, significa que estou um pouco menos idiota!!!"
Eu
------------------------------------------------------------------------------------------------------------------
Leu? gostou? ajudou?! Então cadastre-se, comente, peça, poste, ajude, participe!!!
------------------------------------------------------------------------------------------------------------------
#8
PXzin
- Spiderman?
-
- Grupo: Coordenadores
- Posts: 1324
- Cadastrado: 03-janeiro 07
- Localização:Sorocaba SP
Postou 05 dezembro 2008 - 01:01
Em um site acessado por representantes de uma empresa:
Em um site público de um escola:
Quote
1. Internet Explorer 91.13%
2. Firefox 8.06%
3. Opera 0.69%
4. Chrome 0.12%
1. 1024x768 70.33%
2. 1280x800 11.18%
3. 800x600 8.24%
4. 1152x864 5.75%
5. 1280x768 2.56%
6. 1440x900 1.25%
7. 1280x1024 0.37%
8. 1024x640 0.19%
9. 1280x960 0.12%
2. Firefox 8.06%
3. Opera 0.69%
4. Chrome 0.12%
1. 1024x768 70.33%
2. 1280x800 11.18%
3. 800x600 8.24%
4. 1152x864 5.75%
5. 1280x768 2.56%
6. 1440x900 1.25%
7. 1280x1024 0.37%
8. 1024x640 0.19%
9. 1280x960 0.12%
Em um site público de um escola:
Quote
1. Internet Explorer 89.84%
2. Firefox 9.10%
3. Chrome 0.76%
4. Opera 0.30%
1. 1024x768 52.08%
2. 1280x800 16.83%
3. 800x600 12.89%
4. 1280x1024 9.02%
5. 1440x900 3.26%
6. 1152x864 2.27%
7. 1280x720 1.21%
8. 1280x768 0.61%
9. 1280x960 0.61%
10. 1680x1050 0.38%
2. Firefox 9.10%
3. Chrome 0.76%
4. Opera 0.30%
1. 1024x768 52.08%
2. 1280x800 16.83%
3. 800x600 12.89%
4. 1280x1024 9.02%
5. 1440x900 3.26%
6. 1152x864 2.27%
7. 1280x720 1.21%
8. 1280x768 0.61%
9. 1280x960 0.61%
10. 1680x1050 0.38%
Reformulando...
#9
Olhos Espanhois
- Come do Dark Side... We have a cookies!
-
- Grupo: Moderadores
- Posts: 1365
- Cadastrado: 21-novembro 07
- Sexo:Female
- Localização:São Caetano do Sul
- Interesses:Design e web Fora bar, sinuca e muito Rock
Postou 05 dezembro 2008 - 01:41
Legal essa pesquisa
"Eu sou o melhor no que faço, E o que faço não é bom." - Logan Caolho
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
#10
PXzin
- Spiderman?
-
- Grupo: Coordenadores
- Posts: 1324
- Cadastrado: 03-janeiro 07
- Localização:Sorocaba SP
Postou 05 dezembro 2008 - 01:49
Olhos Espanhois, em 05/12/2008 - 14:41, disse:
Legal essa pesquisa
pesquisa não moça, são dois sites clientes meus... só pra dar uns números reais pra vocês.
Reformulando...
#11
Olhos Espanhois
- Come do Dark Side... We have a cookies!
-
- Grupo: Moderadores
- Posts: 1365
- Cadastrado: 21-novembro 07
- Sexo:Female
- Localização:São Caetano do Sul
- Interesses:Design e web Fora bar, sinuca e muito Rock
Postou 05 dezembro 2008 - 01:58
mas não seja de ser uma pesquisa peq porém uma pesquisa
"Eu sou o melhor no que faço, E o que faço não é bom." - Logan Caolho
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
Olhos Espanhois Design
[url="http://www.olhosespanhoisdesign.com"]http://www.olhosespanhoisdesign.com[/url]
Olhos Espanhois Design Blog
[url="http://www.olhosespanhoisdesign.com/blog"]http://www.olhosespa...design.com/blog[/url]
[b]
Grupo de Apoio ao Viciado em Webly (GAVW)[/b]
[url="http://img181.imageshack.us/img181/8575/logojd7.jpg"]
[/url]
#12
David Cruvinel
- Alguma Coisa!
-
- Grupo: Coordenadores
- Posts: 1976
- Cadastrado: 25-agosto 06
- Localização:Guaxupé - MG
Postou 29 janeiro 2009 - 01:20
eu ainda faço pensando nos 800x600 heheeehe
faço geralmente em 780px de largura....e logico, coloco um fundo legal pegando toda a tela e tals
faço geralmente em 780px de largura....e logico, coloco um fundo legal pegando toda a tela e tals
Portal Onde tem Festa - Divulgação e Cobertura de Eventos
www.ondetemfesta.com.br
DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
www.ondetemfesta.com.br
DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
#13
JuninhoGPE
- Grupo: Membros
- Posts: 56
- Cadastrado: 25-agosto 08
- Sexo:Male
- Localização:Guaxupé/MG
Postou 29 janeiro 2009 - 03:43
Faço pensando em 800x600 tb...
Uso 777px de largura e um fundo para outras resoluções...
Uso 777px de largura e um fundo para outras resoluções...
Página 1 de 1
- Novo tópico
- Responder