Agrupamento de Escolas do Búzio

Escola Básica 2,3/S de Vale de Cambra

Conceitos sobre Páginas Web

Conceitos gerais:
• Web (WWW ou World Wide Web): serviço da Internet que disponibiliza informação sob a forma de documentos
hipermédia ligados por hiperligações
• Linguagem HTML: linguagem de programação das páginas Web
• Browser: programa que descodifica a linguagem HTML e mostra os documentos no computador. Basicamente é o
programa que te permite navegar na Web. Exemplos: Explorador da Internet, Mozilla Firefox, Netscape, etc.
• Página Web: é um documento multimédia que contém hiperligações
• Programa de Edição de Páginas Web: Programa que permite criar páginas Web e que tem como principal vantagem
o facto de não exigir que o utilizador domine a linguagem HTML. Exemplos: Microsoft Expression Web, Nvu,
Dreamweaver
• Sítio Web: Conjunto de páginas Web pertencentes ao mesmo domínio. Por exemplo www.leandropinto.com,
www.sapo.pt, www.youtube.com

Planeamento de um sítio Web

• Durante a fase de planeamento de um sítio Web é necessário ter em atenção:
o qual o objectivo da página;
o a quem se dirige;
o que informação deve conter;
o quais os recursos gráficos necessários;
o qual o estilo de página mais adequado.
• Para além da informação constante num sítio Web, é necessário que este inclua também informação relativa:
o ao seu autor e seu contacto;
o qual o assunto do sítio;
o a data da última actualização.
• O arranjo gráfico do sítio é importante de maneira a facilitar a sua legibilidade e a navegação entre as páginas pelo
que se deve:
o utilizar ícones claros e consistentes;
o uma identificação esquemática dos menus;
o botões de navegação que permitam voltar à página inicial e outras páginas do sítio;
o títulos/subtítulos/cabeçalhos/rodapés e hiperligações bem visíveis.
• Um sítio deve estar estruturado de forma a garantir hierarquia da informação e assim, a informação deve ser dividida
em unidades a incluir em cada página (deves estabelecer hierarquia de importância e grau de generalidade) uma vez
que está provado que os internautas raramente lêem grandes quantidades de texto no ecrã do computador
• Um sítio Web deve ser consistente, i.e., devem ter uma identidade visual própria que se deve manter ao longo de
todas as páginas do sítio. Esta identidade visual é conseguida através de vários processos, nomeadamente:
o utilização de molduras (frames) e tabelas de maneira a dividir a página em áreas para colocação de
informação específica;
o localização de títulos em locais estratégicos;

1|3
Agrupamento de Escolas do Búzio
Escola Básica 2,3/S de Vale de Cambra

o disposição e organização de menus, dos cabeçalhos e rodapés, ligações e barras de ferramentas

sempre nos mesmos locais;
o código de cores idêntico em todas as páginas;
o formatação semelhante de caracteres;
o modelos idênticos de botões.
• As folhas de estilo são utilizadas para garantir a consistência de um sítio uma vez que estas permitem definir, por
exemplo, cores, tipos e tamanhos de letras dos títulos, subtítulos, legendas, hiperligações, etc. Assim, todas as
páginas Web que estejam ligadas a uma folha de estilo ficarão com formatação semelhante
• Durante a elaboração de páginas deve-se ter em conta os seguintes cuidados:
o destacar os títulos utilizando formatos maiores, maiúsculas ou negrito
o fazer os subtítulos a negrito com a primeira letra em maiúscula
o aplicar nas listagens marcas/numeração
o o corpo dos textos deve ter alinhamento à esquerda com os parágrafos separados por uma linha
em branco ou indentados (avanço na primeira linha), com tamanho de pelo menos 12 e cor que
contraste com o fundo da página
o as hiperligações devem estar devidamente identificadas, apresentando cores diferente consoante o
seu estado
o as barras de navegação devem estar separadas do corpo do texto
• Objectos multimédia: são objectos muito utilizados para tornar as páginas/sítios mais atraentes e com melhor
aspecto gráfico. Estes incluem imagens, gráficos, animações, sons e vídeos. É necessário ter alguma cautela na
utilização de objectos multimédia uma vez que muitas das vezes estes objectos são ficheiros de tamanho
considerável e que irão tornar lento o processo de carregar uma página o que por vezes encoraja os internautas a
abandonarem o sítio)
o Imagens, formatos mais utilizados:

GIF (Graphics Information File): recomendado para imagens pouco exigentes no que
respeita à variedade de cores; é utilizado em imagens animadas;

JPG ou JPEG (Joint Picture/Photographic Expert Group): formato que possuem
compressão resultando em ficheiros menos pesados (ficheiros de tamanho menor) sem
grande prejuízo no que respeita à qualidade; é recomendado para fotografias e/ou
imagens de grandes dimensões;

PNG (Portable Network Graphics): formato recente que é aplicável à generalidade das
imagens: apresenta maior qualidade mas tem um “peso” maior;
o Sons, formatos mais utilizados:

WAVE (Waveform Audio File Format): ocupa muito espaço e torna a página pesada e
lenta;

MPEG (Moving Picture Expert Group): formato mais utilizado e que permite a melhor
relação tamanho/qualidade;

MIDI (Musical Instrument Digital Interface): formato também muito utilizado que reproduz
sons sintetizados por computador e que permite ficheiros muito leves;
o Vídeo, formatos mais utilizados:

2|3
Agrupamento de Escolas do Búzio
Escola Básica 2,3/S de Vale de Cambra

MPEG (Moving Picture Expert Group): o mais utilizado por ter taxas de compressão
elevadas permitindo ficheiros relativamente pouco pesados e com qualidade;

AVI (Audio Vídeo Interleaved Format): ocupa muito espaço embora apresente grande
qualidade;

MOV (QuickTime Movie Format): permite utilizar som e víode num único ficheiro, com
grande qualidade;

Criação e gestão de um sítio Web

• A pessoa encarregada da gestão/administração de um sítio deverá ter tarefas como por exemplo
o responder aos e-mails dos utilizadores;
o assegurar o funcionamento dos eventuais grupos de discussão presentes no sítio;
o assegurar o funcionamento de chats;
o interagir com os utilizadores, pois o seu contributo é muito importante para a qualidade e
actualidade de qualquer sítio.

Prof. Jorge Pinto

3|3