FTIN - Módulo de WebDesign Prof. Ítalo Araújo. PHOTOSHOP CS5 FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.
FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM...
Transcript of FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM...
![Page 1: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/1.jpg)
FTIN - Módulo de WebDesign
Prof. Iran Pontes
![Page 2: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/2.jpg)
PHOTOSHOPFTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA
![Page 3: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/3.jpg)
PHOTOSHOP - SLICE
• Slice é uma ferramenta de recorte no Photoshop
![Page 4: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/4.jpg)
PHOTOSHOP - SLICE• Selecionar a ferramenta > Pressionar com o mouse a área que será recortada.
![Page 5: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/5.jpg)
PHOTOSHOP - SLICE• Selecionar a ferramenta > Pressionar com o mouse a área que será recortada.
![Page 6: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/6.jpg)
PHOTOSHOP - SLICE
Salvar as imagens recortadas: Menu file> Save for web
![Page 7: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/7.jpg)
PHOTOSHOP - SLICE
Formatação:JPEG > 72 (quality)> Save
![Page 8: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/8.jpg)
PHOTOSHOP - SLICE
Escolha a pasta >Images only (salva apenas as imagens)
HTML and Images (Salva html do layout e imagens)
HTML Only (Salva apena o html)
![Page 9: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/9.jpg)
PHOTOSHOP - SLICE
![Page 10: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/10.jpg)
CRIANDO LAYOUTS PARA WEBFTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA
![Page 11: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/11.jpg)
BRIEFING
• Brief (eng) = Dossiê. O briefing ou brífingue[1] é um conjunto de informações, uma coleta de dados passadas em uma reunião para o desenvolvimento de um trabalho, documento, sendo muito utilizadas em Administração, Relações Públicas e na Publicidade.
![Page 12: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/12.jpg)
BRIEFING
• O briefing é uma peça fundamental para a elaboração e desenvolvimento de um projeto. Um elemento chave para o planejamento de todas as etapas do projeto de acordo com as necessidades do cliente.
![Page 13: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/13.jpg)
COMO ELABORAR UM BRIEFING
• Tarefa• Projeto• Negócio• Comunicação• Estratégia• Publico-alvo
![Page 14: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/14.jpg)
COMO ELABORAR UM BRIEFING
• Tarefa– Informações detalhadas do que será realizado no
projeto.
– Ex: Criação do site institucional da Empresa MP - Móveis Planejados
![Page 15: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/15.jpg)
COMO ELABORAR UM BRIEFING
• Projeto– Objetivos do Projeto: Quais os principais objetivos
que o projeto prente alcançar. Defina tópicos e metas que sejam cumpríveis baseando na finalidade
– Ex: Expor o conteúdo institucional da empresa na internet para prospecção de clientes.
![Page 16: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/16.jpg)
COMO ELABORAR UM BRIEFING
• Negócio– Objetivos do Negócio: Qual a finalidade do
negócio em questão, qual os produtos e serviços?
– Ex: Ser uma empresa líder no mercado de móveis planejados. Móveis corporativos e Residencias de qualidade.
![Page 17: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/17.jpg)
COMO ELABORAR UM BRIEFING
• Comunicação– Quais os meios de comunicação será utilizado para
atingir os objetivos do negócio.
– Ex: Divulgação em Redes sociais (Twitter e Facebook)
![Page 18: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/18.jpg)
COMO ELABORAR UM BRIEFING
• Estratégia– Descrição sobre o que será feito para resolver o
problema de marketing que levou o cliente a desenvolver esse projeto.
– Ex: Criar e explorar novos mercados para a marca através do ambiente virtual. Criar relacionamento via redes sociais e divulgar o negócio seguindo o plano de comunicação.
![Page 19: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/19.jpg)
COMO ELABORAR UM BRIEFING
• Público-alvo– Descrição do público a ser atingido com a
realização do projeto.
– Ex: Adultos de 25-35 Anos, Masculino e Feminino
![Page 20: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/20.jpg)
ARQUITETURA DA INFORMAÇÃO
• “Organizo sites na internet para que usuários possam encontrar o que procuram.” Peter Morville
• Ela é o esquema do site em cima do qual todos os outros aspectos são construídos forma, função, metáfora, navegação e interface, interação e design visual.” (SHIPLE, 2001)
![Page 21: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/21.jpg)
ARQUITETURA DA INFORMAÇÃO
UNIBRATEC – CARLOS JOSÉ
![Page 22: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/22.jpg)
ARQUITETURA DA INFORMAÇÃO
RESUMINDO:
• Arquitetura de informação tem como objetivo a construção de websites fáceis de usar, que
preencham necessidades dos clientes e objetivos dos usuários. (Carlos José)
![Page 23: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/23.jpg)
ARQUITETURA DA INFORMAÇÃO - TAXONOMIA
• Classificar informação em uma hierarquia (árvore),utilizando o relacionamento pai-filho
(generalização ou “tipo-de”).Web Semântica - A internet do Futuro (Karin Breitman)
![Page 24: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/24.jpg)
ARQUITETURA DA INFORMAÇÃO - WIREFRAME
• É um desenho feito a mãe ou pelo computador que mostra como será seu site (disposição de cada
elemento) orientando sobre a organização do site.
![Page 25: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/25.jpg)
ARQUITETURA DA INFORMAÇÃO - WIREFRAME
![Page 26: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/26.jpg)
ARQUITETURA DA INFORMAÇÃO - WIREFRAME
![Page 27: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/27.jpg)
TIPOGRAFIA
• A tipografia (do grego typos — "forma" — e graphein — "escrita") é a arte e o processo de criação na composição de um texto, física ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação impressa.
![Page 28: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/28.jpg)
TIPOGRAFIA NA WEB
• Princípios da Tipografia na Web– Tamanho– Espaçamento e Margem– Constraste– Comprimento e Alinhamento
![Page 29: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/29.jpg)
TIPOGRAFIA NA WEB
• Princípios da Tipografia na Web– Tamanho• 12 ou 13 pixels (Textos)
• Para títulos, não temos um padrão, deve-se utilizar o bom senso para isso.
• O ideal, é disponibilizar páginas que tenha a opção de aumentar e diminuir o tamanho da fonte.
![Page 30: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/30.jpg)
TIPOGRAFIA NA WEB
• Princípios da Tipografia na Web– Espaçamento e Margem• A tendencia da maioria das pessoas é ocupar o espaço
disponível. Seja com textos ou fotos, e não é diferente em uma página web.
• A Idéia é fazer com que a leitura seja flúida, focar o usuário no texto.
• Distanciar o conteúdo das margens e bordas
![Page 31: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/31.jpg)
TIPOGRAFIA NA WEB
• Princípios da Tipografia na Web– Constraste• Fundo verde com letras vermelhas (NUNCA MAIS)
• Combinar fundo branco com letras cinzas, você ajudará o leitor.
• Enfatizar trechos do texto para facilitar a leitura rápida é extremamente aconselhável
![Page 32: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/32.jpg)
TIPOGRAFIA NA WEB
• Princípios da Tipografia na Web– Comprimento e Alinhamento
• Um mal comum tanto em textos curtos quanto longos são linhas de texto longas de mais.
• Existe um cálculo simples para saber a largura ideal de um bloco de texto. Basta multiplicar o tamanho da fonte por 30. Se a fonte tiver o tamanho de 12px, a largura do bloco não precisa passar de 360 pixels.
• Texto deve ser alinhado a esquerda para facilitar a leitura
![Page 33: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/33.jpg)
TIPOGRAFIA NA WEB
• Sites para downloads de fonts:– www.1001freefonts.com– www.dafont.com– www.urbanfonts.com– www.fontsquirrel.com
![Page 34: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/34.jpg)
MENU
• A capacidade de utilização de zonas de “saltos”, ou simplesmente, links, é a função mais básica da internet e sua característica primordial. Ir de uma página a outra, viajar pelo mundo sem sair da frente do computador é realmente fantástico.
• Navegação na web é definida pelos “Hyperlinks”
![Page 35: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/35.jpg)
MENU
• Hyperlinks é parte fundamental das linguagens utilizadas no desenvolvimento de uma página web e em outros meios digitais. São elementos clicáveis que podem ser textos ou imagens que levam a determinadas áreas de um documento ou nos leva para outro documento.
![Page 36: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/36.jpg)
MENU
• O Menu, é o agrupamento dos hyperlinks que formam o conjunto de páginas do website ou de qualquer outro projeto digital que está sendo desenvolvido.
• Devemos apenas colocar as páginas principais.
• Para subpáginas, criamos agrupamentos que formam um “submenu”, ou seja, um menu dentro de outro menu.
![Page 37: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/37.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
• Layout com Topo e Rodapé• Layout Responsivo• Layout de 2 colunas• Layout de 3 colunas
![Page 38: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/38.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
• Layout com Topo e Rodapé– O topo é uma área bastante comum e está presente em
praticamente todos os sites. Geralmente comporta elementos importantes de um website como a logomarca da empresa e o menu da página.
– Conteúdo sempre virá abaixo do topo.
– Rodapé geralmente contem informações de contato (Endereço, E-mail e Telefone) e quando muito extensos, comporta todo o menu do site por questões de acessibilidade
![Page 39: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/39.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
• Layout Responsivo– Se adapta ao tamanho da tela do usuário– Tem voltado a ser o foco das anteções dos
desenvolvedores para ser acessível pelos dispositivos móveis
– Ex: www.designculture.com.br
![Page 40: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/40.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
![Page 41: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/41.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
![Page 42: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/42.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
• Layout de 2 colunas– Característica em ter uma coluna lateral e uma coluna de
conteúdo.
– Muito comum em blogs, mais não necessariamente só se utiliza este formato em blogs.
– Ex: http://freelanceswitch.com/
![Page 43: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/43.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
![Page 44: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/44.jpg)
ESTRUTURA BÁSICA DE UM WEBSITE
• Layout de 3 colunas– Característica em ter 2 colunas laterais e uma
coluna de conteúdo.
– Padrão bastante utilizado, mais já está caindo em desuso.
![Page 45: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/45.jpg)
FLAT DESIGN
Tendência que segue a linha da simplicidade, leveza, clean, minimalismo (menos é mais) ...
![Page 46: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/46.jpg)
FLAT DESIGN
![Page 47: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/47.jpg)
ATIVIDADE
1) Crie um briefing para uma empresa fictícia que está querendo desenvolver um site. Empresa: Lojão dos CabelosSegmento: Venda de produtos de beleza
2) Procure exemplos de sites na internet que possuam a estrutura de layout Responsivo, de 2 Colunas de 3 Colunas e fale um pouco sobre eles. Cite o link dos sites.
3) Pesquise sobre flat design e explique com suas palavras do que se trata.
Cada atividade é uma avaliação, dedique-se.Faça as atividades com suas palavras, não copie e cole da internet ou colegas.
![Page 48: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/48.jpg)
ATIVIDADE
Prazo para postagem: 21/09/2013 até às 23h55
• Evite enviar a postagem de sua atividade no último dia.
Imprevistos podem ocorrer;
• Sua organização e pontualidade também estão sendo avaliadas;
• Não plagie. Caso constatado, a atividade receberá conceito negativo (NSF).
![Page 49: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/49.jpg)
DÚVIDAS...
Acesse o Fórum de dúvidas e discussões Diariamente.
Chat na Terça-Feira 17/09/201319h00 as 20h30
![Page 50: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/50.jpg)
FERRAMENTAS DE APOIO
• Apostilas e vídeos do AVASIS;
• Fórum durante o módulo com resposta em até
06 horas úteis;
• Email do professor: [email protected]
![Page 51: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/51.jpg)
POR HOJE É SÓ!
• PRÓXIMA AULA:– Implementação HTML/CSS
• SIGA-ME:– Facebook.com/iranpontes– Twitter.com/iranpontes– www.designculture.com.br
![Page 52: FTIN - Módulo de WebDesign Prof. Iran Pontes. PHOTOSHOP FTIN – FORMAÇÃO TÉCNICA EM INFORMÁTICA.](https://reader035.fdocument.pub/reader035/viewer/2022081518/552fc134497959413d8d8816/html5/thumbnails/52.jpg)
POR HOJE É SÓ!
"Qual de vocês, se quiser construir uma torre, primeiro não se assenta e calcula o preço, para ver se
tem dinheiro suficiente para completá-la?Pois, se lançar o alicerce e não for capaz de terminá-
la, todos os que a virem rirão dele,dizendo: ‘Este homem começou a construir e não foi
capaz de terminar”. Lucas 14:28-30