![Page 1: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/1.jpg)
Teremos nesta aula:
27 de abril de 2023Aula 1 – OBJETIVOS DO MÓDULOApostila: DESENVOLVIMENTO DE SITES
1 – 7 regras pra o desenvolvimento de um bom site
![Page 2: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/2.jpg)
PLANEJAMENTO
![Page 3: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/3.jpg)
ESTRUTURA
![Page 4: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/4.jpg)
ESTRUTURA E DESIGN
![Page 5: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/5.jpg)
FÁCIL LEITURA
![Page 6: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/6.jpg)
OBJETIVI-DADE
![Page 7: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/7.jpg)
OS 3 CLIQUES
![Page 8: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/8.jpg)
Teremos nesta aula:
27 de abril de 2023Aula 2 – PROJETANDO O SITEApostila: DESENVOLVIMENTO DE SITES
1 – Definir os sites2 – Abrir, criar e salvar documentos
![Page 9: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/9.jpg)
•ORGANIZE O SEU SITE
![Page 10: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/10.jpg)
![Page 11: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/11.jpg)
![Page 12: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/12.jpg)
Construção de sitesDicas de preparação do conteúdo
Qual é o objetivo do site? Que tipo de visitante deseja atrair para o site? Por que as pessoas devem visitar o seu site?
![Page 13: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/13.jpg)
Construção de sitesPlanejamento estratégico
Como todo trabalho de design, é necessária uma análise informacional, a partir de um briefing.( é um conjunto de informações, uma coleta de dados passadas em uma reunião para o desenvolvimento de um trabalho, documento )
O briefing: é uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um elemento chave para o planejamento de todas as etapas da pesquisa de acordo com as necessidades do cliente. Os itens que devem compor um bom briefing são:
1 ) Histórico; 2 ) O Problema de Marketing; 3 ) Objetivo(s) da Pesquisa; 4 ) Padrão de Ação; 5 ) Questões Específicas (ou Áreas de Investigação); 6 ) Público-Alvo,7 ) Áreas Geográficas; 8 ) Materiais Anexos ,9 ) Limitações de Prazo e Custo Que tipo de visitante deseja atrair para o site?
![Page 14: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/14.jpg)
Construção de sitesDicas de Navegação
Faça um projeto com todas as seções e sub-seções que pretende criar.
Culinária
Dicas de CulináriaFestivais GastronômicosReceitas
AvesMassasSobremesas
Nível 0 (home)
Nível 1
Nível 2
![Page 15: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/15.jpg)
Construção de sitesDicas de Navegação
Utilize elementos já conhecidos (compatibilidade com o mundo real)
![Page 16: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/16.jpg)
Construção de sitesDicas de Navegação
Imagine-se no lugar do usuário Organize a navegação por ordem de importância
UAI x UOL
![Page 17: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/17.jpg)
Construção de sites
Crie uma identidade visual (consistência e padrões)
Tipologia Posicionamento do menu Cores Disposição do texto Design dos botões, tabelas, linha, imagens...
Dicas de Layout e Padronização
![Page 18: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/18.jpg)
Construção de sitesDicas Gerais
Tamanho da tela: os monitores de computadores são de tamanhosvariados. Critério na definição do formato do website (para 640x480 ou800x600 ou 1024x768).Ícones: utilize ícones no website se for agregar valor ao conteúdo outornar a interface mais agradável e clara.Plug-ins: evite o uso de plug-ins ou use-o com critério, senão pode serum motivo a mais para o visitante ir embora, não esqueça que ele é quem paga a conta e, portanto, não estará disposto a esperar por um longo tempo de carregamento.Fontes: fontes inadequadas para leitura, letras capitulares no inicio doparágrafo, fundos rebuscados (ou escuros) e títulos coloridos deixam ocarregamento da página lento e prejudicam leitura.Peso da imagem: a soma das imagens em um front-page não deveultrapassar 20K.Texto: cuidado com o tamanho do texto. Seja objetivo e sucinto semcomprometer a informação.Cores: explore as cores seguras para o sistema.
![Page 19: Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site](https://reader035.vdocuments.com.br/reader035/viewer/2022070507/570638511a28abb8238f8feb/html5/thumbnails/19.jpg)
• Animações de abertura • Música no site • Site sem contato • Desabilitar o teclado • Imagens mal tratadas • Site que não funciona em qualquer navegador• Não testar seus links • Erros de português • Falta de atualização • Falta de cuidado com a tag <title> • Conteúdo sem referência • Navegação complicada
• Esta página está em construção
• Erros que você deve evitar em um site