• 0k
  • 0
Dicas de HTML5 \ 9 de abril de 2012

Dicas de HTML5: Usando uma Foto como Papel de Parede

Depois que você decidiu criar um site em HTML5, você resolveu dar uma navegada pela Internet para ver quais as últimas novidades no mundo do web design. O problema é que, embora você saiba o que você quer fazer, você ainda não sabe COMO deixar o seu site do jeito que você o visualizou. Isso soa familiar? Não se preocupe, nós temos a solução!

O novo Editor de Sites Grátis em HTML5 do Wix é uma ferramenta de design poderosa que lhe permite criar o site dos seus sonhos de um jeito fácil e rápido. E para deixar isso ainda mais simples, hoje começamos uma nova série aqui no Wix Blog para ensinar como recriar as grandes tendências de web design usando o Editor HTML5.

Seguindo essas dicas você será capaz de criar lindos designs com apenas alguns cliques…mãos a obra!

Editor Wix em HTML5

Dica #1 – Como Usar uma Foto como Papel de Parede

Muitos web designers preferem usar imagens como papel de parede, ao invés de texturas ou cores sólidas. Usar uma uma foto de alta qualidade pode deixar um site com um visual muito bonito e mudar a atmosfera de uma página web.

Adicionando uma Imagem com o Wix

  • Escolha um dos modelos em HTML5 e clique em “Editar”.
  • No menu da esquerda, clique em “Design” (no ícone do pincel) e em “Background”. 

Dicas de HTML5 - Usando uma Foto como Papel de Parede

  • Na caixa do “Background”, clique em “Upload & Customize Background”.

Dicas de HTML5 - Usando uma Foto como Papel de Parede

  • Para mudar o papel de parede existente, clique em “Change Image”.

Dicas de HTML5 - Usando uma Foto como Papel de Parede

  • Na aba “My Images”, clique em “Upload Image” e escolha uma foto no seu computador.
  • Após o upload da imagem, selecione a mesma na galeria e clique em “OK”.

Dicas de HTML5 - Usando uma Foto como Papel de Parede

  • Assim que a imagem aparecer no Editor, você pode mudar o posicionamento dela de acordo com o design pretendido.
  • O tamanho padrão é “Full Screen” (tela cheia), mas você pode escolher outro tamanho se desejar.

Dicas de HTML5 - Usando uma Foto como Papel de Parede

Finalizando

O papel de parede do seu site também serve para passar uma mensagem sobre a sua empresa ou serviço, e terá um grande impacto nos seus visitante. Então, escolha com sabedoria!

  • O modo tela cheia (“Full Screen”) é muito bonito. A não ser que você realmente tenha necessidade de algo diferente, recomendamos usar este modo.
  • Use apenas fotos em alta resolução e de excelente qualidade. Uma foto borrada e de baixa qualidade irá arruinar todo o resto do site.
  • Garanta que a foto de fundo é compatível com os outros elementos de design do site (fontes, cores, texto).
  • As cores dos textos devem estar em contraste com a imagem. Se necessário, adicione uma caixa de cor embaixo do texto para torná-lo mais nítido e deixar a leitura do mesma mais fácil.

 

Soren Rose Studio

Soren Rose Studio

 

Creative People

Creative People

 

David Mullett

David Mullett


Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email