0
Criação de páginas Web  (1) TIC  - Curso EFA Máquinas e Ferramentas 2011 Formador: Artur Ramísio http://eradasnovastic.blo...
Planeamento de um  Web Site <ul><li>Identificar o objectivo </li></ul><ul><ul><li>Pessoal? </li></ul></ul><ul><ul><ul><li>...
Planeamento de um  Web Site <ul><li>Identificar público-alvo e definir: </li></ul><ul><ul><li>Idiomas a utilizar </li></ul...
Planeamento de um  Web Site <ul><li>Definir que informação colocar no  site   – dela depende a concepção dos espaços para ...
Planeamento de um  Web Site <ul><li>Esquema hierárquico da informação e da navegação no  site </li></ul>
Planeamento de um  Web Site <ul><li>Criação de  layout  da página </li></ul><ul><ul><li>Cores a aplicar nas diferentes áre...
Planeamento de um  Web Site <ul><li>Criação e gestão do  site </li></ul><ul><ul><li>Equilibrar o aspecto visual e a inform...
Actividade: <ul><li>Planificação de  Website </li></ul><ul><ul><li>Objectivo </li></ul></ul><ul><ul><li>Público-alvo </li>...
Upcoming SlideShare
Loading in...5
×

Criação de páginas web 1

967

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
967
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Criação de páginas web 1"

  1. 1. Criação de páginas Web (1) TIC - Curso EFA Máquinas e Ferramentas 2011 Formador: Artur Ramísio http://eradasnovastic.blogspot.com/
  2. 2. Planeamento de um Web Site <ul><li>Identificar o objectivo </li></ul><ul><ul><li>Pessoal? </li></ul></ul><ul><ul><ul><li>Divulgar hobbies, criações, CV… </li></ul></ul></ul><ul><ul><li>Institucional? </li></ul></ul><ul><ul><ul><li>Dar a conhecer empresa, organização… </li></ul></ul></ul><ul><ul><li>Vendas? </li></ul></ul><ul><ul><ul><li>Material informático, produtos agrícolas, casas, viagens… </li></ul></ul></ul>
  3. 3. Planeamento de um Web Site <ul><li>Identificar público-alvo e definir: </li></ul><ul><ul><li>Idiomas a utilizar </li></ul></ul><ul><ul><ul><li>Português? Inglês? Francês? etc. </li></ul></ul></ul><ul><ul><li>Tipo de linguagem </li></ul></ul><ul><ul><ul><li>Formal? Informal? </li></ul></ul></ul><ul><ul><li>Cores, texto, imagens… </li></ul></ul><ul><ul><ul><li>Crianças ou adultos? Muita ou pouca literacia? Assuntos sérios ou divertidos? etc. </li></ul></ul></ul>
  4. 4. Planeamento de um Web Site <ul><li>Definir que informação colocar no site – dela depende a concepção dos espaços para a conter </li></ul><ul><ul><li>Agrupada de forma consistente </li></ul></ul><ul><ul><li>Esquematizada hierarquicamente </li></ul></ul><ul><ul><li>Com ligações fáceis e lógicas </li></ul></ul>
  5. 5. Planeamento de um Web Site <ul><li>Esquema hierárquico da informação e da navegação no site </li></ul>
  6. 6. Planeamento de um Web Site <ul><li>Criação de layout da página </li></ul><ul><ul><li>Cores a aplicar nas diferentes áreas da página </li></ul></ul><ul><ul><li>Tipos e tamanhos de letra </li></ul></ul><ul><ul><li>Ícones (símbolos) a utilizar no lugar ou em complemento de texto </li></ul></ul><ul><ul><li>Títulos, subtítulos, cabeçalhos, rodapés, links , etc. </li></ul></ul><ul><ul><li>Legibilidade do texto </li></ul></ul><ul><ul><li>Objectos multimédia </li></ul></ul><ul><ul><ul><li>Animações, som, vídeo… </li></ul></ul></ul>
  7. 7. Planeamento de um Web Site <ul><li>Criação e gestão do site </li></ul><ul><ul><li>Equilibrar o aspecto visual e a informação (texto e imagem) </li></ul></ul><ul><ul><ul><li>Garantir impacto visual positivo </li></ul></ul></ul><ul><ul><ul><li>Optimizar o “peso” dos elementos multimédia </li></ul></ul></ul><ul><ul><ul><li>Estudar as cores </li></ul></ul></ul><ul><ul><ul><ul><li>Contraste entre background e conteúdos </li></ul></ul></ul></ul><ul><ul><li>Dimensionar correctamente a página </li></ul></ul><ul><ul><ul><li>Implicações na impressão </li></ul></ul></ul><ul><ul><li>Definir bem e dar coerência a cabeçalhos, rodapés, títulos, tipos e tamanhos de letra </li></ul></ul><ul><ul><ul><li>Times New Roman, Arial, Verdana e Tahoma dão boas garantias de que o site irá ser visto no formato pretendido </li></ul></ul></ul>
  8. 8. Actividade: <ul><li>Planificação de Website </li></ul><ul><ul><li>Objectivo </li></ul></ul><ul><ul><li>Público-alvo </li></ul></ul><ul><ul><li>Organização dos conteúdos </li></ul></ul><ul><ul><ul><li>Organização </li></ul></ul></ul><ul><ul><ul><li>Navegação </li></ul></ul></ul><ul><ul><ul><li>Cores </li></ul></ul></ul><ul><ul><ul><li>Imagens </li></ul></ul></ul><ul><ul><ul><li>Títulos </li></ul></ul></ul><ul><ul><ul><li>Texto… </li></ul></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×