Criação de páginas Web (1)

TIC - Curso EFAMáquinas e Ferramentas2011

http://eradasnovastic.blogspot.com/

Artur Ramísio

Planeamento de um Web Site

1. Identificar o objectivo Pessoal?

Divulgar hobbies, criações, CV… Institucional?

Dar a conhecer empresa, organização… Vendas?

Material informático, produtos agrícolas, casas, viagens…

Artur Ramísio

Planeamento de um Web Site

2. Identificar público-alvo e definir: Idiomas a utilizar

Português? Inglês? Francês? etc. Tipo de linguagem

Formal? Informal? Cores, texto, imagens…

Crianças ou adultos? Muita ou pouca literacia? Assuntos sérios ou divertidos? etc.

Artur Ramísio

Planeamento de um Web Site

3. Definir que informação colocar no site – dela depende a concepção dos espaços para a conter Agrupada de forma

consistente Esquematizada

hierarquicamente Com ligações fáceis e lógicas

Artur Ramísio

Planeamento de um Web Site Esquema hierárquico da informação e

da navegação no site

Artur Ramísio

Planeamento de um Web Site Criação de layout da

página Cores a aplicar nas

diferentes áreas da página Tipos e tamanhos de letra Ícones (símbolos) a utilizar

no lugar ou em complemento de texto

Títulos, subtítulos, cabeçalhos, rodapés, links, etc.

Legibilidade do texto Objectos multimédia

Animações, som, vídeo…

Artur Ramísio

Planeamento de um Web Site Criação e gestão do site

Equilibrar o aspecto visual e a informação (texto e imagem) Garantir impacto visual positivo Optimizar o “peso” dos elementos

multimédia Estudar as cores

Contraste entre background e conteúdos

Dimensionar correctamente a página Implicações na impressão

Definir bem e dar coerência a cabeçalhos, rodapés, títulos, tipos e tamanhos de letra Times New Roman, Arial, Verdana

e Tahoma dão boas garantias de que o site irá ser visto no formato pretendido

Artur Ramísio

Actividade: Planificação de Website

Objectivo Público-alvo Organização dos conteúdos

Organização Navegação Cores Imagens Títulos Texto…

Artur Ramísio

Ambiente de trabalho do FrontPage

Barra de título

Barra de menus

Área de edição

Barra de visualização

Estrutura•Para inserção dos diferentes conteúdos do siteDividir•Mostra o desenho da página e o código htmlCódigo•Mostra apenas o código htmlPré-visualização•Modo Web de visualização da página

Barra de ferramentas padrão

Barra de ferramentas de formatação

Barra de estado

Painel de tarefas

Artur Ramísio

Criar, abrir e guardar páginas Ficheiro > Novo –

para aceder ao Painel de tarefas Página em branco -

página sem formatação definida

Em Mais modelos de página - acesso a formatações predefinidas

Artur Ramísio

Criar, abrir e guardar páginas Ficheiro > Abrir ou

Ficheiro > Abrir Web para aceder a

páginas ou sites já criados

Ficheiro > Guardar… Para guardar ficheiro

Artur Ramísio

Formatação de texto Adição de estilos -

permite definir formatos de páginas coerentes relativamente ao tipo, tamanho e cor da letra, aos alinhamentos, limites e sombreados, etc. Seleccionar palavra ou

parágrafo onde aplicar estilo…

…e na Barra de formatação definir o estilo a aplicar