Site Tela cheia

[le0souza 0]

Olá nao sei se era em programção ou aqui mas vamos la, gostiaria de asber apenas uma dica para desenvolevr um site el tela cheia como eu faço? eu sei sobre o width:100% mas que tamanho eu uso nas imagens? eu queria fazer uma site de uma pagina só, tela cheia tipo esse de exemplo:

 

http://www.mustjardimsaopaulo.com.br/

[Marlon Pacheco 132]

Se você se refere à imagem de background desse link que passou, é só pesquisar sobre background-size em css.

[victorqueiroz 34]

o tamanho das imagens, você define em porcentagens "%", usa um framework! facilita na criação.... indico o bootstrap.

[le0souza 0]

Mas nao vai fica serrilhada as imagens? qual um tamanho padrao que posso começa a desenvolver o site? tipo um width pra mim se basear começa a criar mesmo que no codigo vai fica 100%

 

achei isso:

http://www.tekzoom.com.br/fullpage-crie-paginas-sliders-tela-cheia/

mas preciso de um tamanho base pra começa tendeu oq eu quero dizer

[victorqueiroz 34]

1024px a altura fica a critério :)

[Marlon Pacheco 132]

:mellow:

Cara, tu quer colocar a imagem em full background ou criar um slider? Tu vai ter que trabalhar com a resolução padrão do teu monitor.

Se tu começar com uma imagem de 1024px, e colocando width de 100% a imagem vai perder resolução em um monitor de 1366 (meu note agora) ou 1440 (meu monitor extra).

Eu costumo trabalhar com imagens em fullhd (1920 x 1080) para desktop e vou diminuindo conforme a resolução do device.

[victorqueiroz 34]

:mellow:

Cara, tu quer colocar a imagem em full background ou criar um slider? Tu vai ter que trabalhar com a resolução padrão do teu monitor.

Se tu começar com uma imagem de 1024px, e colocando width de 100% a imagem vai perder resolução em um monitor de 1366 (meu note agora) ou 1440 (meu monitor extra).

Eu costumo trabalhar com imagens em fullhd (1920 x 1080) para desktop e vou diminuindo conforme a resolução do device.

 

Se você se refere à imagem de background desse link que passou, é só pesquisar sobre background-size em css.

 

 

Marlon, preste atenção antes de postar, o assunto aqui não se trata de background, e sim de como desenvolver um site que ocupe 100% da tela!

[Marlon Pacheco 132]

 

 

 

Marlon, preste atenção antes de postar, o assunto aqui não se trata de background, e sim de como desenvolver um site que ocupe 100% da tela!

Odin do céu...

Você reparou no exemplo passado por ele?

Ele mencionou saber como utilizar o width: 100%. E as imagens utilizadas pelo exemplo estão em brackground.

E, sério mesmo, 1024px? Estamos em 2005 ainda?

Larguei isso aqui...

[vonzuben 12]

100% ela já disse que sabe fazer, pois ele quer saber qual o tamanho para a imagem 100% na tela.

Conforme o Marlon disse, usar resolução acima, onde que nesse site citado a imagem está com 1.920×648 pixels.

Imagina um monitor com resolução 1920 x 1080 e a imagem 1024px.

O que pode fazer é usar uma imagem com fundo branco em ambos os lados e usar o fundo branco, assim ficará legal.

[le0souza 0]

Bom meu monitor é 1920 porem outras pessoas vao ver o site nao tem a mesma resoluçao, a imagem nao vai fica distorcida, serrilhada?

[Marlon Pacheco 132]

Nesse caso você pode (e na minha opinião, deve) se utilizar de media queries para servir imagens menores e otimizadas para outras resoluções.

Reduzir a imagem (proporcionalmente) não vai deixar ela serrilhada, ao contrário de aumentar uma imagem.

Mas vamos entender melhor, você quer colocar a imagem em background mesmo?

[le0souza 0]

Nao seria só na primeira pagina o site é one-page sacas ai a primeira ia ter uma iagem de bg de fundo tela toda e o resto do conteudo vou fazer em max-width: 1105px mesmo mas vlw em esse media queries eu usei só em responsive mas fiz uma imagem diferente pra cada

[Marlon Pacheco 132]

Blz. Se resolveu, pode marcar o post como resolvido.

A casa agradece. ;)