Trabalho 1 - Colégio Agrícola de Frederico Westphalen

Universidade Federal de Santa Maria
Colégio Agrícola de Frederico Westphalen
Curso Técnico em Informática
Disciplina Desenvolvimento Web
Prof. Bruno B. Boniati
Trabalho 1
Manual HTML on-line
Introdução

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem
de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web.
Documentos HTML podem ser interpretados por navegadores (browsers).

A linguagem HTML é utilizada para formatação de documentos publicados na internet e
interpretados por navegadores (browsers). Todo documento HTML apresenta etiquetas (também
conhecidas por tags), elementos entre parênteses angulares (< e >); esses elementos são os
comandos de formatação da linguagem.

Na tentativa de exercitar os comandos HTML e construir um material de referência sobre o assunto
você será desafiado a produzir um manual de HTML on-line (ou seja, um manual sobre HTML feito
com HTML e disponibilizado para consulta na internet).
Objetivo

Desenvolver um site estático contendo um material didático sobre HTML e publicá-lo para consulta.
Metodologia


O trabalho pode ser feito em duplas (mas não em trios, quartetos, ou outras combinações);
A página inicial do site será um sumário que deverá conter no mínimo os seguintes itens:
o
o
o
o
o
o
o
o


Estrutura básica de uma página HTML;
Parágrafos e quebras (<p>, <br>, <pre>, <div>, <hr>, <center>);
Formatação de Fonte
 Alteração de tipo, cor e tamanho;
 Opções de formatação de caracteres (negrito, itálico, sublinhado, tachado ou
riscado, sobrescrito, subscrito, texto com espaçamento fixo).
Listas
 listas não ordenadas (<ul>)
 listas ordenadas ou numeradas (<ol>)
 listas descritivas (<dl>)
Links
 Relativos
 Absolutos
 Externos
 Ancoras
Imagens (utilização de imagens, imagens como links, imagens como fundo da página)
Caracteres especiais: © (copyright), ® (marca registrada) ™ (trade mark), € (euro), § (parágrafo
legal), ∑ (somatório), ∞ (infinito), ≤ (menor ou igual), ≥ (maior ou igual) ℜ (números reais), °
(grau), α (alfa), Ω (ômega), β (beta), π (PI), Ø (vazio), ∈ (pertence), ∉ (não pertence), ∩
(interseção), ∪ (união), ♠ (espadas), ♣ (paus), ♥ (copas), ♦ (ouros)
Tabelas
A implementação deve ser feita utilizando-se exclusivamente HTML (não serão permitidas
vinculações a arquivos TXT, DOC, PDF ou outro tipo de conteúdo texto).
Cada tag deve ser apresentada no manual detalhando seu propósito, sua forma de utilização e no
mínimo um exemplo (o código a seguir “Desenvolvimento <b>WEB</b>” produz o seguinte
resultado “Desenvolvimento WEB”).
Entrega


O trabalho deverá ser entregue na mesma data da primeira avaliação;
A entrega será por e-mail e constará basicamente do endereço (URL) para a consulta da página
(além do sumário, a página inicial deve conter a identificação da dupla).