Criação de páginas web

1,939 views

Published on

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

No Downloads
Views
Total views
1,939
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
65
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Criação de páginas web

  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>
  9. 9. Ambiente de trabalho do FrontPage Barra de título Barra de menus Área de edição <ul><li>Barra de visualização </li></ul><ul><li>Estrutura </li></ul><ul><li>Para inserção dos diferentes conteúdos do site </li></ul><ul><li>Dividir </li></ul><ul><li>Mostra o desenho da página e o código html </li></ul><ul><li>Código </li></ul><ul><li>Mostra apenas o código html </li></ul><ul><li>Pré-visualização </li></ul><ul><li>Modo Web de visualização da página </li></ul>Barra de ferramentas padrão Barra de ferramentas de formatação Barra de estado Painel de tarefas
  10. 10. Criar, abrir e guardar páginas <ul><li>Ficheiro > Novo – para aceder ao Painel de tarefas </li></ul><ul><ul><li>Página em branco - página sem formatação definida </li></ul></ul><ul><ul><li>Em Mais modelos de página - acesso a formatações predefinidas </li></ul></ul>
  11. 11. Criar, abrir e guardar páginas <ul><li>Ficheiro > Abrir ou Ficheiro > Abrir Web </li></ul><ul><ul><li>para aceder a páginas ou sites já criados </li></ul></ul><ul><li>Ficheiro > Guardar … </li></ul><ul><ul><li>Para guardar ficheiro </li></ul></ul>
  12. 12. Formatação de texto <ul><li>Adição de estilos - permite definir f ormatos de páginas coerentes relativamente ao tipo, tamanho e cor da letra, aos alinhamentos, limites e sombreados, etc. </li></ul><ul><ul><li>Seleccionar palavra ou parágrafo onde aplicar estilo… </li></ul></ul><ul><ul><li>… e na Barra de formatação definir o estilo a aplicar </li></ul></ul>

×