Aula 2

Prof. Dejair Priebe Ferreira da Silva

WEBDESIGN

Prof. Dejair Priebe Ferreira da Silva

Webdesign aula 2

Webdesign x Design Impresso

O que diferencia um do outro?

Prof. Dejair Priebe Ferreira da Silva

Webdesign aula 2

Prof. Dejair Priebe Ferreira da Silva

Webdesign aula 2

Design Impresso – todos vêem a mesma coisa;

Design Web - depende:

Da Resolução de tela do usuário;

Da capacidade da placa de vídeo do usuário;

Do Navegador utilizado

Netscape, Opera, Explorer, Mozilla

Da versão do Navegador

Do sistema operacional

Da existência de plug-ins, etc.

Webdesign x Design Impresso

Prof. Dejair Priebe Ferreira da Silva

Webdesign x Design Impresso Do Navegador utilizado

Internet Explorer e Fire Fox

Os controles somem e não funciona o vídeo

Prof. Dejair Priebe Ferreira da Silva

Webdesign x Design Impresso Da Resolução de tela do usuário;

Prof. Dejair Priebe Ferreira da Silva

Webdesign x Design Impresso Da Resolução de tela do usuário;

Tamanho da Tela do monitor e resolução

Medida Resolução

14” 800x600

15” 800x600

17” 1024x768

19” 1280x1024

21” 1600x1200

Influencia na decisão de projetos a serem apresentados na tela. Qual resolução utilizar?

Prof. Dejair Priebe Ferreira da Silva

Formatos de Arquivos

São muitos os formatos de arquivos utilizados na Internet, principalmente com surgimento de novas linguagens de programação. Podemos destacar os seguintes:

Imagens

GIF – Graphics Interchange Format

JPG – Joint Photographic Expert Group

Páginas

HTML, htm, asp, php, cfm

Curiosidade 1

Qual a diferença de .html para .htm?

Arquivo.html é igual a arquivo.Html?

Prof. Dejair Priebe Ferreira da Silva

O que colocar no página??

Prof. Dejair Priebe Ferreira da Silva

Tamanho das Imagens para Web

Para alguns a rede pode ter se tornado um pouco mais rápida graças a Banda Larga, mas para a maioria, que ainda utiliza modens comuns para se conectar, a rede continua lenta!

Pensar no tamanho das imagens

Melhor formato para cada tipo de imagem

Melhor compressão

Photoshop permite a otimização de imagens para Web

Prof. Dejair Priebe Ferreira da Silva

Escolha de Fontes para o Webdesign

Se perguntarmos a um Webdesigner qual a fonte ideal para um projeto, certamente receberemos como resposta “Fontes sem serifa”, mas poucos saberão explicar o porque...

ESerifa

Limitações dos equipamentos da época geravam falta de legibilidade nas fontes serifadas, o que fez das fontes sem serifa um padrão de utilização.

Devemos utilizar as fontes mais comuns de serem encontradas, como Tahoma, Verdana e Arial. Isso ainda é verdade?

O que acontece se o usuário não tiver em seu computador a fonte especificada no projeto?

Prof. Dejair Priebe Ferreira da Silva

Escolha de Fontes para o Webdesign

http://www.splashnology.com/article/50-free-fonts-for-web-designers/282/

http://www.fontsquirrel.com/fontface/generator

http://www.webdesignblog.com.br/downloads/42-melhores-fontes-clean-para-usar-em-seus-projetos/

http://abduzeedo.com.br/fontes-grandes-em-web-design

Prof. Dejair Priebe Ferreira da Silva

Sistema de Cores do Webdesign

O modelo de cores RGB é baseado no princípio de que diversos efeitos cromáticos são obtidos pela projeção da luz branca através dos filtros vermelho, verde e azul.

Red

BlueGreen

A cada uma das três cores é atribuído um valor de 0 a 255 que combinados formam todas as outras cores.

A codificação Hexadecimal

OBRIGADO PELA ATENÇÃO

Prof. Dejair Priebe Ferreira da Silva