![Page 1: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/1.jpg)
Aula 2
Prof. Dejair Priebe Ferreira da Silva
WEBDESIGN
![Page 2: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/2.jpg)
Prof. Dejair Priebe Ferreira da Silva
Webdesign aula 2
Webdesign x Design Impresso
O que diferencia um do outro?
![Page 3: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/3.jpg)
Prof. Dejair Priebe Ferreira da Silva
Webdesign aula 2
![Page 4: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/4.jpg)
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
![Page 5: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/5.jpg)
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
![Page 6: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/6.jpg)
Prof. Dejair Priebe Ferreira da Silva
Webdesign x Design Impresso Da Resolução de tela do usuário;
![Page 7: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/7.jpg)
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?
![Page 8: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/8.jpg)
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?
![Page 9: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/9.jpg)
Prof. Dejair Priebe Ferreira da Silva
O que colocar no página??
![Page 10: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/10.jpg)
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
![Page 11: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/11.jpg)
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?
![Page 12: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/12.jpg)
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
![Page 13: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/13.jpg)
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
![Page 14: Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?](https://reader035.vdocuments.pub/reader035/viewer/2022070311/552fc146497959413d8e10cf/html5/thumbnails/14.jpg)
OBRIGADO PELA ATENÇÃO
Prof. Dejair Priebe Ferreira da Silva