O documento fornece instruções sobre como planejar um website, incluindo identificar o objetivo e público-alvo, organizar a informação e navegação, definir layout e elementos visuais, e criar e gerenciar o site.

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. Planeamento de um Web Site 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…

3. Planeamento de um Web Site 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.

4. Planeamento de um Web Site 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

5. Planeamento de um Web Site Esquema hierárquico da informação e da navegação no site

6. 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…

7. 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

8. Actividade: Planificação de Website Objectivo Público-alvo Organização dos conteúdos Organização Navegação Cores Imagens Títulos Texto…

9. 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 site Dividir Mostra o desenho da página e o código html Código Mostra apenas o código html Pré-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

10. 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

11. 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

12. Formatação de texto 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. Seleccionar palavra ou parágrafo onde aplicar estilo… … e na Barra de formatação definir o estilo a aplicar