TIC

Módulo 5 – Criação de Páginas Web

Ano Letivo 2020/2021

Conteúdos
• Conceitos essenciais
• Aspetos a ter em conta na criação de páginas Web
• Planeamento de um site
• Critérios de Avaliação de páginas Web
Hipertexto (conceito)
➢Texto com aparência normal, mas com a diferença
de que existem palavras, frases ou áreas que,
selecionadas ou apontadas e clicando no rato ou
carregando em ENTER, nos levam para outra página
ou outra parte do texto.
HTML(conceito)
HTML significa Hyper-Text Markup Language,
Linguagem de Marcação de Hipertexto

Utilizada para construir a maior parte das páginas

web da Internet

Linguagem que marca o texto e as imagens de

forma a que depois de lidos e interpretados por um
browser , nos mostre as páginas.
Browser ou Navegador (conceito)
É um programa específico para ler páginas web
Interpreta e apresenta os conteúdos a mostrar das
páginas
 Páginas web (conceito)
Página Web – é um documento na Web que pode conter texto, imagens,
sons e vídeos.
Um Web Site é constituído por um conjunto de páginas relacionadas entre
si e guardadas num servidor Web.
Um conjunto de ficheiros escritos em HTML.
Onde são colocadas online?
➢Em servidores próprios designados por servidores Web ligados à Internet.
Como são colocadas online?
➢Através de FTP dos respectivos ficheiros para o servidor que as vai alojar.
➢Podem ser colocadas manualmente ou automaticamente por aplicações
especializadas em construí-las e mantê-las (Macromedia Dreamweaver ou
Microsoft FrontPage/SharePoint)
FTP (File Transfer Protocol) – Protocolo
utilizado para transferir ficheiros entre dois
computadores.
Aspetos a ter em conta na criação de páginas Web Ergonomia e
As Páginas necessitam de ser agradáveis e de fácil
facilidade de leitura, compreensão e acesso.
acesso

Ninguém gosta de esperar demasiado até

conseguir visualizar o conteúdo de uma página.
Rapidez Páginas necessitam de ter um acesso rápido
(cuidado com os objetos e ficheiros)

As Páginas devem ser simples e de leitura rápida,

Simplicidade para que o utilizador encontre rapidamente a
informação que procura e não se canse de ler.

Páginas têm que ser nítidas e visualmente

Estética e agradáveis.
contraste
Um site deve ser responsivo.
 Aspetos a ter em atenção
Limitar o número de elementos a salientar numa página;
Organizar a informação tendo em atenção a sua importância;
Disponibilizar apenas a informação necessária, evitando
redundâncias;
Escolher cuidadosamente os símbolos a utilizar, eles devem
expressar sempre o seu significado e a sua disposição deve ser
constante;
Escolher cuidadosamente as cores e os efeitos gráficos a
utilizar;
Escolher cuidadosamente as imagens a incluir em cada página
bem como o seu formato.
Um site deve ser responsivo.
Os visitantes não se devem Perder no site.
 O que significa dizer que um site deve ser
responsivo?

Um site responsivo é projetado para se adaptar a qualquer

tipo de resolução, sem distorções.

O design responsivo identifica a largura de cada dispositivo, o

espaço disponível e como a página será mostrada.

O site responsivo ajusta as dimensões das imagens, das

fontes e dos demais elementos para que não fiquem
desproporcionais.
 Planeamento de um site (sítio Web)

Pensar antes de fazer. Envolve tarefas relacionadas com as

perguntas:
Qual o objetivo da página?
A quem se dirige? (Público-alvo)
Que informação deve conter? (Conteúdos)
Que recursos gráficos são necessários? (Multimédia)
Que estilo de página é mais adequado? (Estrutura e
formatações)
 Avaliação do site
Clareza e objetividade da informação
• Páginas claras quanto às suas mensagens?
• Compreende-se a finalidade e objetivos da informação
apresentada?
Qualidade gráfica
• Páginas com boa apresentação?
Critérios

• Conteúdos bem distribuídos nas páginas?

• Disposição de texto e imagens feita de forma harmoniosa?
• Cores bem escolhidas?
Usabilidade
• Qual o tempo de carregamento das páginas?
• Hiperligações fáceis de reconhecer?
• É responsivo?
Utilidade
• Tem interesse para os utilizadores?