Relatório — Instalação do Sublime Text e Primeira
Página HTML
Disciplina de Desenvolvimento Web | 3.º Ano — 1.º Semestre
1. Processo de Instalação do Sublime Text
A seguir apresentam-se os PrintScreens capturados durante o processo de
instalação do editor de texto Sublime Text no computador.
1.1. Selecção do Directório de Instalação
Figura 1 — Ecrã de selecção do directório de instalação (C:\Program Files\Sublime Text).
1.2. Conclusão do Assistente de Instalação
Figura 2 — Mensagem de conclusão do assistente de instalação do Sublime Text.
1.3. Programa Instalado — Ícone no Ambiente de Trabalho
Figura 3 — Ícone do Sublime Text no ambiente de trabalho, confirmando a instalação bem-sucedida.
2. Criação do Documento "primeira [Link]"
Foi criado um novo documento HTML no Sublime Text com a estrutura básica de
uma página web, guardado com o nome "primeira [Link]". O documento inclui
a declaração DOCTYPE, as tags <html>, <head> com o título da página, e o <body>
com um parágrafo e os seis níveis de cabeçalhos HTML (h1 a h6).
2.1. Ficheiro HTML no Sublime Text
Figura 4 — Ficheiro "primeira [Link]" aberto no Sublime Text com a estrutura HTML completa.
2.2. Conteúdo do Ficheiro HTML
O código fonte do ficheiro "primeira [Link]" é o seguinte:
<!DOCTYPE html>
<html>
<head>
<title>Primeira pagina</title>
</head>
<body>
<p>Primeiro Paragrafo</p>
<h1>Este é um cabeçalho</h1>
<h2>Este é um cabeçalho</h2>
<h3>Este é um cabeçalho</h3>
<h4>Este é um cabeçalho</h4>
<h5>Este é um cabeçalho</h5>
<h6>Este é um cabeçalho</h6>
<!-- Conclusão: Os cabeçalhos h1 a h6 apresentam tamanhos de letra
decrescentes, sendo h1 o maior e mais destacado e h6 o menor.
Isto permite organizar hierarquicamente o conteúdo de uma página
web, facilitando a leitura e a estrutura semântica do documento.
-->
</body>
</html>
3. Conclusões sobre os Cabeçalhos HTML
Após a criação e visualização do ficheiro HTML com os seis níveis de cabeçalho,
retiram-se as seguintes conclusões:
• Hierarquia Visual: Os cabeçalhos h1 a h6 apresentam tamanhos de letra
decrescentes, sendo h1 o maior e mais proeminente e h6 o menor, o que reflecte a
sua importância semântica na estrutura da página.
• Negrito por Omissão: Todos os cabeçalhos são apresentados a negrito pelo
browser por omissão, tornando-os visualmente distintos do texto normal.
• Semântica e SEO: O uso correcto de cabeçalhos não serve apenas fins estéticos
— é fundamental para a acessibilidade e para os motores de busca, que utilizam a
hierarquia de cabeçalhos para indexar o conteúdo da página.
• Utilização Recomendada: Deve existir apenas um h1 por página (título principal),
utilizando os restantes níveis para subtítulos e secções, respeitando a hierarquia
sem saltar níveis.