Exercícios: Tipografia
Para cada exercício abaixo crie um repositório com o nome indicado, e publique um site usando o GitHub Pages que atenda ao requisito indicado.
👀 Atenção: Alguns exercícios podem solicitar a criação de um repositório baseado em template. Faça dessa maneira.
O requisito pode ser indicado por uma lista de afazeres, por uma ou mais imagens de referência, ou por ambos.
Exercício cinco-fontes
Faça um site que exiba textos em cinco fontes quaisquer, diferentes, como um catálogo.
Exemplo:
Cada uma delas deve ser de uma categoria:
- Serif /
serif
(com serifa) - Sans Serif /
sans-serif
(sem serifa) - Display /
fantasy
(fonte artística) - Handwritting /
cursive
(cursiva / manuscrita) - Monospace /
monospace
(monoespaçada)
Utilize web fontes do Google Fonts. Faça a importação das fontes no arquivo .css
, juntamente com a estilização.
💡 Dica: use classes para diferenciar os elementos que vão utilizar cada fonte!
Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.
Exercício tipografia-lorem-ipsum
Publique um site com uma estilização de texto, usando este template.
Não altere a marcação (index.html
), somente a estilização externa (style.css
).
Dois exemplos de resolução:
Para esse exercício não será avaliada a qualidade visual da tipografia, e sim a utilização da técnica.
Não recomendamos o uso de imagens as quais você não tenha direito de uso. Este curso se exime de qualquer responsabilidade referente a danos causados à terceiros em trabalhos criados por alunos.
🏁 Orientações para entrega (alunos do curso presencial)
Confira no Teams o link da tarefa equivalente. Lá você postará o link do repositório no GitHub, um para cada exercício.
Repositório de exemplo: Exercício hello-dev-web
(Marcação HTML)
Exemplo de link a ser postado: https://ermogenes.github.io/hello-dev-web