0% acharam este documento útil (0 voto)
3 visualizações4 páginas

Exercicio SublimeText HTML

O documento detalha o processo de instalação do editor de texto Sublime Text e a criação de uma página HTML básica chamada 'primeira pagina.html'. Inclui instruções visuais e o código fonte da página, que apresenta a estrutura HTML com cabeçalhos de h1 a h6. Além disso, discute a importância da hierarquia dos cabeçalhos para a semântica e SEO da página.

Enviado por

contafeng
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
3 visualizações4 páginas

Exercicio SublimeText HTML

O documento detalha o processo de instalação do editor de texto Sublime Text e a criação de uma página HTML básica chamada 'primeira pagina.html'. Inclui instruções visuais e o código fonte da página, que apresenta a estrutura HTML com cabeçalhos de h1 a h6. Além disso, discute a importância da hierarquia dos cabeçalhos para a semântica e SEO da página.

Enviado por

contafeng
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

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.

Você também pode gostar