SlideShare uma empresa Scribd logo
Componentes
                                                      •   Home
         Criação de um Web site                       •   Menu
                                                      •   Conteúdo
                                                      •   Navegação
              Clara Pereira Coutinho                  •   Páginas do site: ligações internas e externas




                Página inicial                                  Processo de Concepção
• Deve caber no rectângulo do monitor (evitar o
  scrolling)                                          •   Planear o site (organizar a informação)
• deve compreender o assunto do site,
                                                      •   conteúdo
• como o usar
• e ter indicações sobre o que pode ver (encontrar)
                                                      •   navegação no site
  quando o percorrer                                  •   E os níveis de interacção.
• autor do site
• data da concepção/última alteração
• optimização do site (I.E. e resolução do monitor)




                                                                                                          1
Navegação no site                                            Texto
• Deve proporcionar confiança ao utilizador       • Simplicidade e clareza
  – saber onde está
                                                  • Legibilidade e efeito estético
  – saber como ir para...
                                                  • Tipo de letra: sem serifa

• Torna-se intuitiva quando existe consistência                Exemplos: arial, helvética
  na sua localização                              • Tamanho: 10 ou 12




                        Cor                                           Cuidados!
• Web palette (216 cores)                         • Não coloque demasiadas opções
• É importante haver contraste entre o fundo e    • O conteúdo central deve ficar acima da linha
  os caracteres                                     do “scroll”
• A cor pode ser um indicador da relevância da    • Não conceba uma página pesada que vai
  informação                                        demorar a ser descarregada




                                                                                                   2
5 princípios de design                                         Site
               (J. Davis e S. Merritt (1998)

• Comunique com clareza                            Três condições de sucesso:
• Mantenha consistência visual, conceptual e       • Rápido acesso
  mecânica                                         • Atraente
• Tire partido dos contrastes                      • deve ser fácil e rápido encontrar a informação
• Evite a confusão e a desordem: equilíbrio
• Aplique os princípios do cinema: início,
  meio e o fim




Padrão de comportamento visual para a leitura de          Zonas prioritárias para colocação de
              conteúdos on-line.                                   conteúdos on-line




                                                                                                      3
10 principais erros num site (Nielsen,
                 1994)
1. Frames                                                3. Movimento do texto e animações em loop
Embora a maioria dos browsers já suporte os frames, o
   uso de frames continua a não permitir que o
   utilizador recomende um link de uma determinada       - É difícil ler um texto em deslocamento
   página dentro do site.                                - o uso intensivo de animações causa cada vez mais
                                                            problemas sendo associados pelos utilizadores a
2. Usar tecnologia de ponta                                 publicidade.
Os upgrades do software leva a que muitos utilizadores
    desistam de visitar um site ao mínimo erro de
    javascript.




4. URL complexas e longas                                7. Falta de suporte na navegação

5. Páginas orfãs                                         É importante o utilizador saber sempre onde se
                                                             encontra num documento Web e poder aceder
                                                             sempre a qualquer parte do documento.
6. Páginas com barras de scroll                          Suportes á navegação: logótipo no canto superior
90% dos utilizadores da Web não fazem o scroll               esquerdo, link para a homepage ou indicação clara
  das páginas. Preferem navegar através dos                  de que parte do site a pagina corrente pertence.
  botões e de links visíveis.




                                                                                                                 4
Concepção e gestão do site
8. Utilização de cores não standard para os links
                                                    • Pasta principal com o nome do projecto e
                                                      uma pasta para guardar as imagens
9. Informação desactualizada
                                                    • Defina previamente as pastas que vai
                                                      precisar e onde vai colocar os ficheiros
10. Tempo de download elevado                         (deslocar ficheiros para outras pastas obriga-o a refazer os links)

+ do que 10 segundos de espera para carregar uma    • designe os seus ficheiros de uma forma
   página leva a que o utilizador desista             correcta e consistente




• Quando designar os ficheiros e links não use
  espaços. Por ex:
             manualEd.html ou manual_Ed.html
• seja cuidadoso na actualização do site (designe
  a versão antiga)




                                                                                                                            5

Mais conteúdo relacionado

Mais procurados

Apresentação site
Apresentação siteApresentação site
Apresentação site
Felipe Perin
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
eramos7senac
 
Site profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmailSite profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmail
EmersonGonalves43
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
Odair Cavichioli
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
duradez
 
Minicurso de desenvolvimento de sites com cms Joomla
Minicurso de desenvolvimento de sites com cms JoomlaMinicurso de desenvolvimento de sites com cms Joomla
Minicurso de desenvolvimento de sites com cms Joomla
José Roberto Ferreira
 
SEO – A PEÇA CHAVE DO QUEBRA-CABEÇA
SEO –  A PEÇA CHAVE DO QUEBRA-CABEÇASEO –  A PEÇA CHAVE DO QUEBRA-CABEÇA
SEO – A PEÇA CHAVE DO QUEBRA-CABEÇA
Leonardo Ferreira
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
Eduardo Mendes
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
Sérgio Souza Costa
 
Apresentação básica do breadcrumb, o que é e como funciona.
Apresentação básica do breadcrumb, o que é e como funciona.Apresentação básica do breadcrumb, o que é e como funciona.
Apresentação básica do breadcrumb, o que é e como funciona.
Paulo Henrique Mendes
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
Ubiratan Z. do Nascimento
 
Projeto website
Projeto websiteProjeto website
Projeto website
Barbara Beatriz Santos
 

Mais procurados (12)

Apresentação site
Apresentação siteApresentação site
Apresentação site
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
 
Site profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmailSite profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmail
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
 
Minicurso de desenvolvimento de sites com cms Joomla
Minicurso de desenvolvimento de sites com cms JoomlaMinicurso de desenvolvimento de sites com cms Joomla
Minicurso de desenvolvimento de sites com cms Joomla
 
SEO – A PEÇA CHAVE DO QUEBRA-CABEÇA
SEO –  A PEÇA CHAVE DO QUEBRA-CABEÇASEO –  A PEÇA CHAVE DO QUEBRA-CABEÇA
SEO – A PEÇA CHAVE DO QUEBRA-CABEÇA
 
Web Design Responsivo
Web Design ResponsivoWeb Design Responsivo
Web Design Responsivo
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
Apresentação básica do breadcrumb, o que é e como funciona.
Apresentação básica do breadcrumb, o que é e como funciona.Apresentação básica do breadcrumb, o que é e como funciona.
Apresentação básica do breadcrumb, o que é e como funciona.
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Projeto website
Projeto websiteProjeto website
Projeto website
 

Destaque

Renan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven ComputaçãoRenan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven Computação
We Do Logos
 
Matéria sobre criação de páginas Web
Matéria sobre criação de páginas WebMatéria sobre criação de páginas Web
Matéria sobre criação de páginas Web
Tudosbinformatica .blogspot.com
 
Edição de páginas para a Web
Edição de páginas para a WebEdição de páginas para a Web
Edição de páginas para a Web
Elisabete Cruz
 
As TIC...
As TIC...As TIC...
As TIC...
Moderadora
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
Moderadora
 
Apresentação CPW Cederj
Apresentação CPW CederjApresentação CPW Cederj
Apresentação CPW Cederj
Deyvid Nascimento
 
Revisão AP1 Construção de Páginas Web - CEDERJ
Revisão AP1 Construção de Páginas Web - CEDERJRevisão AP1 Construção de Páginas Web - CEDERJ
Revisão AP1 Construção de Páginas Web - CEDERJ
Deyvid Nascimento
 
Tic-excel-03
Tic-excel-03Tic-excel-03
Tic-excel-03
diogoa21
 
M5-Desenvolvimento-Paginas-Web
M5-Desenvolvimento-Paginas-WebM5-Desenvolvimento-Paginas-Web
M5-Desenvolvimento-Paginas-Web
diogoa21
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticas
Susana Oliveira
 
Modulo 3 tic
Modulo 3 ticModulo 3 tic
Modulo 3 tic
iliana fernandez
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1
marioreis
 
Criação de páginas web
Criação de páginas webCriação de páginas web
Criação de páginas web
arturramisio
 
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
Agrupamento de Escolas da Batalha
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
Ana Santos
 
Criação de uma base de dados para gestão de uma biblioteca
Criação de uma base de dados para gestão de uma bibliotecaCriação de uma base de dados para gestão de uma biblioteca
Criação de uma base de dados para gestão de uma biblioteca
David Canjamba 2D
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
Ailton Adriano
 

Destaque (17)

Renan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven ComputaçãoRenan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven Computação
 
Matéria sobre criação de páginas Web
Matéria sobre criação de páginas WebMatéria sobre criação de páginas Web
Matéria sobre criação de páginas Web
 
Edição de páginas para a Web
Edição de páginas para a WebEdição de páginas para a Web
Edição de páginas para a Web
 
As TIC...
As TIC...As TIC...
As TIC...
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
 
Apresentação CPW Cederj
Apresentação CPW CederjApresentação CPW Cederj
Apresentação CPW Cederj
 
Revisão AP1 Construção de Páginas Web - CEDERJ
Revisão AP1 Construção de Páginas Web - CEDERJRevisão AP1 Construção de Páginas Web - CEDERJ
Revisão AP1 Construção de Páginas Web - CEDERJ
 
Tic-excel-03
Tic-excel-03Tic-excel-03
Tic-excel-03
 
M5-Desenvolvimento-Paginas-Web
M5-Desenvolvimento-Paginas-WebM5-Desenvolvimento-Paginas-Web
M5-Desenvolvimento-Paginas-Web
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticas
 
Modulo 3 tic
Modulo 3 ticModulo 3 tic
Modulo 3 tic
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1
 
Criação de páginas web
Criação de páginas webCriação de páginas web
Criação de páginas web
 
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
 
Criação de uma base de dados para gestão de uma biblioteca
Criação de uma base de dados para gestão de uma bibliotecaCriação de uma base de dados para gestão de uma biblioteca
Criação de uma base de dados para gestão de uma biblioteca
 
Projeto de WEB Site
Projeto de WEB SiteProjeto de WEB Site
Projeto de WEB Site
 

Semelhante a Criar um website

Aula16
Aula16Aula16
659 html
659 html659 html
659 html
Bruno Marques
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
GovBR
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
Odair Cavichioli
 
Usabilidade e Navegabilidade
Usabilidade e NavegabilidadeUsabilidade e Navegabilidade
Usabilidade e Navegabilidade
Daniel Tavares
 
Caderno05
Caderno05Caderno05
Caderno05
tecampinasoeste
 
Web Standards
Web StandardsWeb Standards
Web Standards
Pedro Tavares
 
Acessibilidade de websites.
Acessibilidade de websites.Acessibilidade de websites.
Acessibilidade de websites.
josemfcarvalho
 
Web acessível
Web acessívelWeb acessível
Web acessível
Mailson Queiroz
 
Criando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-endCriando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-end
@cristianoweb
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
Alvaro Gomes
 
Redação para Web
Redação para WebRedação para Web
Redação para Web
GovBR
 
Web mobile dicas
Web mobile dicasWeb mobile dicas
Web mobile dicas
Ana Laura Gomes
 
Aula 04 layout e composição do site
Aula 04   layout e composição do siteAula 04   layout e composição do site
Aula 04 layout e composição do site
Cristiano Pires Martins
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
Claudio Barbosa
 
Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02
youfoliodev
 
Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3
Tim Koch-Grünberg
 
Slides .pptx.pdf
Slides .pptx.pdfSlides .pptx.pdf
Slides .pptx.pdf
ssuser546d49
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
Rogério Chiavegatti
 
Palestra Webstandards
Palestra WebstandardsPalestra Webstandards
Palestra Webstandards
Renata Tibiriçá
 

Semelhante a Criar um website (20)

Aula16
Aula16Aula16
Aula16
 
659 html
659 html659 html
659 html
 
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
 
Usabilidade e Navegabilidade
Usabilidade e NavegabilidadeUsabilidade e Navegabilidade
Usabilidade e Navegabilidade
 
Caderno05
Caderno05Caderno05
Caderno05
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Acessibilidade de websites.
Acessibilidade de websites.Acessibilidade de websites.
Acessibilidade de websites.
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Criando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-endCriando temas em PSD pensando no Front-end e Back-end
Criando temas em PSD pensando no Front-end e Back-end
 
Html - capitulo 04
Html - capitulo 04Html - capitulo 04
Html - capitulo 04
 
Redação para Web
Redação para WebRedação para Web
Redação para Web
 
Web mobile dicas
Web mobile dicasWeb mobile dicas
Web mobile dicas
 
Aula 04 layout e composição do site
Aula 04   layout e composição do siteAula 04   layout e composição do site
Aula 04 layout e composição do site
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02Apresentacao 091017061004-phpapp02
Apresentacao 091017061004-phpapp02
 
Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3Javascript, HTML5 e CSS3
Javascript, HTML5 e CSS3
 
Slides .pptx.pdf
Slides .pptx.pdfSlides .pptx.pdf
Slides .pptx.pdf
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Palestra Webstandards
Palestra WebstandardsPalestra Webstandards
Palestra Webstandards
 

Mais de ricaselmavera

Quiz de estética
Quiz de estéticaQuiz de estética
Quiz de estética
ricaselmavera
 
Quiz de estética
Quiz de estéticaQuiz de estética
Quiz de estética
ricaselmavera
 
Arte
ArteArte
Texto apoio 6 pesquisar na web
Texto apoio 6 pesquisar na webTexto apoio 6 pesquisar na web
Texto apoio 6 pesquisar na web
ricaselmavera
 
Texto apoio 5 indicqualsitesedaac
Texto apoio 5 indicqualsitesedaacTexto apoio 5 indicqualsitesedaac
Texto apoio 5 indicqualsitesedaac
ricaselmavera
 
Texto apoio 4 conceitos emergentes
Texto apoio 4 conceitos emergentesTexto apoio 4 conceitos emergentes
Texto apoio 4 conceitos emergentes
ricaselmavera
 
Texto apoio 3 david jonassen ferramentas-cognitivas
Texto apoio 3 david jonassen ferramentas-cognitivasTexto apoio 3 david jonassen ferramentas-cognitivas
Texto apoio 3 david jonassen ferramentas-cognitivas
ricaselmavera
 
Texto apoio 2 educação sociedade informação
Texto apoio 2 educação sociedade informaçãoTexto apoio 2 educação sociedade informação
Texto apoio 2 educação sociedade informação
ricaselmavera
 
Texto apoio de te em portugal
Texto apoio de te em portugalTexto apoio de te em portugal
Texto apoio de te em portugal
ricaselmavera
 
Web Quest aulaCC
Web Quest aulaCCWeb Quest aulaCC
Web Quest aulaCC
ricaselmavera
 
Web2
Web2Web2
Elearning, b- d-m-learning
Elearning, b- d-m-learningElearning, b- d-m-learning
Elearning, b- d-m-learning
ricaselmavera
 
Multimédia e hipermédia
Multimédia e hipermédiaMultimédia e hipermédia
Multimédia e hipermédia
ricaselmavera
 
A world wide web
A world wide webA world wide web
A world wide web
ricaselmavera
 
Da arpa net à internet
Da arpa net à internetDa arpa net à internet
Da arpa net à internet
ricaselmavera
 
Pesquisar na web
Pesquisar na webPesquisar na web
Pesquisar na web
ricaselmavera
 
Conhecimento e aprendizagem
Conhecimento e aprendizagemConhecimento e aprendizagem
Conhecimento e aprendizagem
ricaselmavera
 
O conceito de te [modo de compatibilidade]
O conceito de te [modo de compatibilidade]O conceito de te [modo de compatibilidade]
O conceito de te [modo de compatibilidade]
ricaselmavera
 
Programa
ProgramaPrograma
Programa
ricaselmavera
 

Mais de ricaselmavera (19)

Quiz de estética
Quiz de estéticaQuiz de estética
Quiz de estética
 
Quiz de estética
Quiz de estéticaQuiz de estética
Quiz de estética
 
Arte
ArteArte
Arte
 
Texto apoio 6 pesquisar na web
Texto apoio 6 pesquisar na webTexto apoio 6 pesquisar na web
Texto apoio 6 pesquisar na web
 
Texto apoio 5 indicqualsitesedaac
Texto apoio 5 indicqualsitesedaacTexto apoio 5 indicqualsitesedaac
Texto apoio 5 indicqualsitesedaac
 
Texto apoio 4 conceitos emergentes
Texto apoio 4 conceitos emergentesTexto apoio 4 conceitos emergentes
Texto apoio 4 conceitos emergentes
 
Texto apoio 3 david jonassen ferramentas-cognitivas
Texto apoio 3 david jonassen ferramentas-cognitivasTexto apoio 3 david jonassen ferramentas-cognitivas
Texto apoio 3 david jonassen ferramentas-cognitivas
 
Texto apoio 2 educação sociedade informação
Texto apoio 2 educação sociedade informaçãoTexto apoio 2 educação sociedade informação
Texto apoio 2 educação sociedade informação
 
Texto apoio de te em portugal
Texto apoio de te em portugalTexto apoio de te em portugal
Texto apoio de te em portugal
 
Web Quest aulaCC
Web Quest aulaCCWeb Quest aulaCC
Web Quest aulaCC
 
Web2
Web2Web2
Web2
 
Elearning, b- d-m-learning
Elearning, b- d-m-learningElearning, b- d-m-learning
Elearning, b- d-m-learning
 
Multimédia e hipermédia
Multimédia e hipermédiaMultimédia e hipermédia
Multimédia e hipermédia
 
A world wide web
A world wide webA world wide web
A world wide web
 
Da arpa net à internet
Da arpa net à internetDa arpa net à internet
Da arpa net à internet
 
Pesquisar na web
Pesquisar na webPesquisar na web
Pesquisar na web
 
Conhecimento e aprendizagem
Conhecimento e aprendizagemConhecimento e aprendizagem
Conhecimento e aprendizagem
 
O conceito de te [modo de compatibilidade]
O conceito de te [modo de compatibilidade]O conceito de te [modo de compatibilidade]
O conceito de te [modo de compatibilidade]
 
Programa
ProgramaPrograma
Programa
 

Último

Relatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdfRelatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdf
Falcão Brasil
 
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
Sandra Pratas
 
Trabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdfTrabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdf
marcos oliveira
 
Relatório de Atividades 2020 CENSIPAM.pdf
Relatório de Atividades 2020 CENSIPAM.pdfRelatório de Atividades 2020 CENSIPAM.pdf
Relatório de Atividades 2020 CENSIPAM.pdf
Falcão Brasil
 
Noite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsxNoite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsx
Luzia Gabriele
 
Acróstico - Bullying é crime!
Acróstico - Bullying é crime!Acróstico - Bullying é crime!
Acróstico - Bullying é crime!
Mary Alvarenga
 
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
Centro Jacques Delors
 
Painel para comemerorar odia dos avós grátis.pdf
Painel  para comemerorar odia dos avós grátis.pdfPainel  para comemerorar odia dos avós grátis.pdf
Painel para comemerorar odia dos avós grátis.pdf
marcos oliveira
 
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptxSlides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
LuizHenriquedeAlmeid6
 
Oficina de bases de dados - Dimensions.pdf
Oficina de bases de dados - Dimensions.pdfOficina de bases de dados - Dimensions.pdf
Oficina de bases de dados - Dimensions.pdf
beathrizalves131
 
Relatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdfRelatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdf
Falcão Brasil
 
Guerra de reconquista da Península ibérica
Guerra de reconquista da Península ibéricaGuerra de reconquista da Península ibérica
Guerra de reconquista da Península ibérica
felipescherner
 
Auxiliar Adolescente 2024 3 trimestre 24
Auxiliar Adolescente 2024 3 trimestre 24Auxiliar Adolescente 2024 3 trimestre 24
Auxiliar Adolescente 2024 3 trimestre 24
DirceuSilva26
 
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdfRelatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Falcão Brasil
 
As Ideias Têm Consequências - Richard M. Weaver
As Ideias Têm Consequências - Richard M. WeaverAs Ideias Têm Consequências - Richard M. Weaver
As Ideias Têm Consequências - Richard M. Weaver
C4io99
 
Caça - palavras e cruzadinha com dígrafos
Caça - palavras  e cruzadinha   com  dígrafosCaça - palavras  e cruzadinha   com  dígrafos
Caça - palavras e cruzadinha com dígrafos
Mary Alvarenga
 
oficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdfoficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdf
marcos oliveira
 
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Mary Alvarenga
 
Licao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptxLicao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptx
jetroescola
 
Caderno 1 - Módulo Água JMS 2024 (1).pdf
Caderno 1 -  Módulo Água JMS 2024 (1).pdfCaderno 1 -  Módulo Água JMS 2024 (1).pdf
Caderno 1 - Módulo Água JMS 2024 (1).pdf
SupervisoEMAC
 

Último (20)

Relatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdfRelatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdf
 
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
 
Trabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdfTrabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdf
 
Relatório de Atividades 2020 CENSIPAM.pdf
Relatório de Atividades 2020 CENSIPAM.pdfRelatório de Atividades 2020 CENSIPAM.pdf
Relatório de Atividades 2020 CENSIPAM.pdf
 
Noite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsxNoite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsx
 
Acróstico - Bullying é crime!
Acróstico - Bullying é crime!Acróstico - Bullying é crime!
Acróstico - Bullying é crime!
 
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
Slide | Eurodeputados Portugueses (2024-2029) - Parlamento Europeu (atualiz. ...
 
Painel para comemerorar odia dos avós grátis.pdf
Painel  para comemerorar odia dos avós grátis.pdfPainel  para comemerorar odia dos avós grátis.pdf
Painel para comemerorar odia dos avós grátis.pdf
 
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptxSlides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
Slides Lição 2, CPAD, O Livro de Rute, 3Tr24.pptx
 
Oficina de bases de dados - Dimensions.pdf
Oficina de bases de dados - Dimensions.pdfOficina de bases de dados - Dimensions.pdf
Oficina de bases de dados - Dimensions.pdf
 
Relatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdfRelatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdf
 
Guerra de reconquista da Península ibérica
Guerra de reconquista da Península ibéricaGuerra de reconquista da Península ibérica
Guerra de reconquista da Península ibérica
 
Auxiliar Adolescente 2024 3 trimestre 24
Auxiliar Adolescente 2024 3 trimestre 24Auxiliar Adolescente 2024 3 trimestre 24
Auxiliar Adolescente 2024 3 trimestre 24
 
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdfRelatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdf
 
As Ideias Têm Consequências - Richard M. Weaver
As Ideias Têm Consequências - Richard M. WeaverAs Ideias Têm Consequências - Richard M. Weaver
As Ideias Têm Consequências - Richard M. Weaver
 
Caça - palavras e cruzadinha com dígrafos
Caça - palavras  e cruzadinha   com  dígrafosCaça - palavras  e cruzadinha   com  dígrafos
Caça - palavras e cruzadinha com dígrafos
 
oficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdfoficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdf
 
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
 
Licao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptxLicao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptx
 
Caderno 1 - Módulo Água JMS 2024 (1).pdf
Caderno 1 -  Módulo Água JMS 2024 (1).pdfCaderno 1 -  Módulo Água JMS 2024 (1).pdf
Caderno 1 - Módulo Água JMS 2024 (1).pdf
 

Criar um website

  • 1. Componentes • Home Criação de um Web site • Menu • Conteúdo • Navegação Clara Pereira Coutinho • Páginas do site: ligações internas e externas Página inicial Processo de Concepção • Deve caber no rectângulo do monitor (evitar o scrolling) • Planear o site (organizar a informação) • deve compreender o assunto do site, • conteúdo • como o usar • e ter indicações sobre o que pode ver (encontrar) • navegação no site quando o percorrer • E os níveis de interacção. • autor do site • data da concepção/última alteração • optimização do site (I.E. e resolução do monitor) 1
  • 2. Navegação no site Texto • Deve proporcionar confiança ao utilizador • Simplicidade e clareza – saber onde está • Legibilidade e efeito estético – saber como ir para... • Tipo de letra: sem serifa • Torna-se intuitiva quando existe consistência Exemplos: arial, helvética na sua localização • Tamanho: 10 ou 12 Cor Cuidados! • Web palette (216 cores) • Não coloque demasiadas opções • É importante haver contraste entre o fundo e • O conteúdo central deve ficar acima da linha os caracteres do “scroll” • A cor pode ser um indicador da relevância da • Não conceba uma página pesada que vai informação demorar a ser descarregada 2
  • 3. 5 princípios de design Site (J. Davis e S. Merritt (1998) • Comunique com clareza Três condições de sucesso: • Mantenha consistência visual, conceptual e • Rápido acesso mecânica • Atraente • Tire partido dos contrastes • deve ser fácil e rápido encontrar a informação • Evite a confusão e a desordem: equilíbrio • Aplique os princípios do cinema: início, meio e o fim Padrão de comportamento visual para a leitura de Zonas prioritárias para colocação de conteúdos on-line. conteúdos on-line 3
  • 4. 10 principais erros num site (Nielsen, 1994) 1. Frames 3. Movimento do texto e animações em loop Embora a maioria dos browsers já suporte os frames, o uso de frames continua a não permitir que o utilizador recomende um link de uma determinada - É difícil ler um texto em deslocamento página dentro do site. - o uso intensivo de animações causa cada vez mais problemas sendo associados pelos utilizadores a 2. Usar tecnologia de ponta publicidade. Os upgrades do software leva a que muitos utilizadores desistam de visitar um site ao mínimo erro de javascript. 4. URL complexas e longas 7. Falta de suporte na navegação 5. Páginas orfãs É importante o utilizador saber sempre onde se encontra num documento Web e poder aceder sempre a qualquer parte do documento. 6. Páginas com barras de scroll Suportes á navegação: logótipo no canto superior 90% dos utilizadores da Web não fazem o scroll esquerdo, link para a homepage ou indicação clara das páginas. Preferem navegar através dos de que parte do site a pagina corrente pertence. botões e de links visíveis. 4
  • 5. Concepção e gestão do site 8. Utilização de cores não standard para os links • Pasta principal com o nome do projecto e uma pasta para guardar as imagens 9. Informação desactualizada • Defina previamente as pastas que vai precisar e onde vai colocar os ficheiros 10. Tempo de download elevado (deslocar ficheiros para outras pastas obriga-o a refazer os links) + do que 10 segundos de espera para carregar uma • designe os seus ficheiros de uma forma página leva a que o utilizador desista correcta e consistente • Quando designar os ficheiros e links não use espaços. Por ex: manualEd.html ou manual_Ed.html • seja cuidadoso na actualização do site (designe a versão antiga) 5