Coleção de exercícios práticos desenvolvidos durante as aulas de Programação para Internet, explorando fundamentos de HTML e CSS através de páginas e interfaces estilizadas.
- HTML5
- CSS3
- Feather Icons (biblioteca de ícones SVG)
| # | Pasta | Descrição |
|---|---|---|
| 01 | 01-introducao-html |
Tags básicas do HTML: títulos, parágrafos, listas, links e imagens |
| 02 | 02-display-css |
Estudo da propriedade CSS display (block, inline, inline-block) |
| 03 | 03-position-css |
Estudo do CSS position (static, relative, absolute, fixed) |
| 04 | 04-formularios |
Elementos de formulário HTML: inputs, labels, tipos de campo |
| 05 | 05-form-signin |
Formulário de login estilizado com ícones Feather |
| 06 | 06-clone-instagram |
Recriação do logo do Instagram com HTML e CSS puro |
| 07 | 07-app-clima |
Interface de app de clima inspirada no design do iPhone |
| 08 | 08-confirmacao-conta |
Tela de confirmação de cadastro/e-mail |
Nenhuma instalação necessária. Basta abrir o arquivo index.html de qualquer exercício diretamente no navegador:
# Exemplo: abrir o exercício de introdução ao HTML
open 01-introducao-html/index.htmlOu arraste o arquivo index.html para o seu navegador.
html-css-exercises/
├── 01-introducao-html/
│ ├── index.html
│ └── estilos.css
├── 02-display-css/
│ ├── index.html
│ └── display.css
├── 03-position-css/
│ ├── index.html
│ └── position.css
├── 04-formularios/
│ ├── index.html
│ └── formularios.css
├── 05-form-signin/
│ ├── index.html
│ └── form-signin.css
├── 06-clone-instagram/
│ ├── index.html
│ └── instagram.css
├── 07-app-clima/
│ ├── index.html
│ └── app.css
└── 08-confirmacao-conta/
├── index.html
└── estilos.css
| Campo | Informação |
|---|---|
| Disciplina | Programação para Internet |
| Professor | Fernando de Lima Alves |
| Instituição | Instituto Federal do Paraná — Campus Cascavel |
| Curso | Técnico em Informática Integrado ao Ensino Médio |
| Período | 1º Semestre do 3º Ano |
| Tipo | Exercícios de aula |
| Autora | Exercício |
|---|---|
| Maria Julia — GitHub | Todos os exercícios |
| Rita Maria Ávila | 06-clone-instagram |
Exercícios concluídos. Repositório criado em 18/04/2022 e mantido como portfólio acadêmico.