MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

Tamanho: px

Começar a partir da página:

Download "MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web"

Bruna Anjos
4 Há anos
Visualizações:

1 MÓDULO 3 PÁGINAS WEB Criação de Páginas Web

2 Conjunto de questões que se devem colocar quando da criação de um Web site: Para quê? Para quem? O quê? Como?

3 Fase 1: Definir os objetivos do Web site Fase 2: Caracterizar o público-alvo Fase 3: Identificar os conteúdos a publicar Fase 4: Identificar os recursos a utilizar Fase 5: Estruturação geral do Web site Fase 6: Construir o Web site Fase 7: Publicar o Web site Fase 8: Gerir o Web site

4 Fase 1: Definir os objetivos do Web site: Para quê? Qual o propósito ou finalidade do Web site? Trata-se de identificar os objetivos do Web site. Fase 2: Caracterizar o público-alvo: Para quem? Trata-se de identificar quais a pessoas que vão visitar o Web site, bem como os recursos que utilizam (computador, velocidade ligação à Internet, etc.).

5 Fase 3: Identificar os conteúdos a publicar: O quê? Que conteúdos é que pretendo incluir ou publicar no Web site? Fase 4: Identificar os recursos a utilizar: Como? Quais os recursos necessários para a construção do Web site (software de criação de páginas, software de tratamento de imagens, etc.).

6 Fase 5: Estruturação geral do Web site: Elaborar um esboço ou esquema das páginas que vão integrar o Web site, definir o conteúdo de cada página, definir as ligações entre as páginas, etc. Fase 6: Construir o Web site: Criar as páginas do Web site, de acordo com o que foi estipulado nos pontos anteriores. Reunir e dar forma aos diversos conteúdos que se pretende incluir no site, utilizando as ferramentas mais adequadas para conseguir uma boa apresentação.

7 Fase 7: Publicar o Web site: Transferir as páginas que constituem o Web site para um servidor na Web. Fase 8: Gerir o Web site: Atualização do Web site: Atualizar conteúdos e hiperligações; Efetuar alterações que se revelem necessárias.

8 Estrutura do Web site Objetivo principal: estruturar a informação e facilitar o acesso rápido à informação, permitindo uma navegação fácil e rápida: Divisão da informação em unidades a incluir em cada página; Estabelecimento de uma hierarquia entre esses blocos de informação; Determinação das ligações entre esses blocos de informação.

9 Estrutura do Web site Tipos de Estruturas: Linear Hierárquica Radial Web

10 Estrutura Linear As páginas vão surgindo sequencialmente ao longo do Web site. O utilizador limita-se a avançar para a página seguinte ou a recuar para a anterior. Navegação muito simples em que o utilizador não se perde.

11 Estrutura Radial De uma página central podemos aceder a todas as outras páginas e retroceder.

12 Estrutura Hierárquica Existe uma página de entrada ou principal (homepage) que contém ligações (links) para outras páginas. Por sua vez, estas páginas podem conter subtópicos que dão acesso a outras páginas hierarquicamente mais baixas. Não devem existir mais de quatro níveis hierárquicos. Deve existir sempre a possibilidade de o utilizador saltar para a homepage.

13 Exemplo da estrutura hierárquica de um web site: (1) HOME (2) Empresa (3) Instalações (4) Serviços (5) Produtos (6) Stand (7) Contactos (8) (9) (10) (11) (12) (13) (14) A/C Áudio Tunning Alarmes GPL Novos Usados

14 Estrutura Web Nesta estrutura predomina uma aparente anarquia na navegação. Qualquer página pode estar ligada a outra, bem como a Web sites com estruturas diferentes. Encontramos este tipo de estrutura em Web sites com a consequente dificuldade na navegação.

15 Consistência do Web site É a identidade visual própria que se deve manter ao longo de todas as páginas para que o leitor encontre informação que deseja utilizando sempre os mesmos procedimentos.

16 Consistência do Web site A identidade visual é conseguida através de vários processos, nomeadamente: Utilização de molduras (frames) e tabelas que dividem a página em áreas para colocação de informação específica. Localização de títulos em locais estratégicos. Disposição e organização dos menus, dos cabeçalhos e rodapés. Código de cores idêntico em todas as páginas. Formatação semelhante de caracteres. Modelos idênticos de botões.

17 Consistência do Web site Definição do planeamento do layout Cor do fundo Separador Título da página Barra de menus Caixa para imagens, índices ou menus Área de inserção de texto Rodapé para inserção de links ou outras informações

18 Aspetos relevantes a ter em conta são, ainda: Os cabeçalhos e rodapés, locais onde a informação se repete ao longo das páginas do Web site; Os títulos e subtítulos devem identificar claramente o conteúdo das páginas; A legibilidade do texto, isto é, a formatação dos caracteres e dos parágrafos; As cores a utilizar devem privilegiar o que é mais relevante e importante na página. Os objetos multimédia (imagens, gráficos, animações, sons, vídeos) são objetos muito utilizados para tornar as páginas e Web sites mais atraentes e com melhor aspeto gráfico.

Documentos relacionados

MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web MÓDULO 3 PÁGINAS WEB Criação de Páginas Web TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS NA WEB Linguagens de Programação O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem