Você chegou ao final do módulo de HTML e CSS.
Durante as aulas você aprendeu desde os fundamentos do HTML até a criação de layouts profissionais utilizando CSS.
Desenvolver uma página Web completa utilizando os conceitos estudados durante o curso.
Criar um site institucional profissional.
| Seção | Descrição |
|---|---|
| Home | Apresentação do site. |
| Sobre | Informações da empresa ou projeto. |
| Serviços | Lista de serviços oferecidos. |
| Contato | Formulário de comunicação. |
projeto-final/
│
├── index.html
│
├── css/
│ └── style.css
│
├── imagens/
│ └── imagens.jpg
│
└── js/
└── script.js
| Elemento | Obrigatório |
|---|---|
| <header> | Sim |
| <nav> | Sim |
| <main> | Sim |
| <section> | Sim |
| <footer> | Sim |
Criar um menu profissional utilizando HTML e CSS.
<nav>
<ul>
<li>Home</li>
<li>Sobre</li>
<li>Contato</li>
</ul>
</nav>
Criar uma seção principal com:
Criar cards utilizando Box Model.
.card {
padding:20px;
border-radius:10px;
border:1px solid #ddd;
}
Criar formulário contendo:
O projeto deve funcionar em:
| Dispositivo | Teste |
|---|---|
| Computador | ✔ |
| Tablet | ✔ |
| Celular | ✔ |
| Critério | Peso |
|---|---|
| Estrutura HTML | 20% |
| CSS e Design | 30% |
| Responsividade | 25% |
| Organização do código | 25% |
Para evoluir ainda mais:
| Item | Status |
|---|---|
| HTML semântico | ☐ |
| CSS organizado | ☐ |
| Layout responsivo | ☐ |
| Testes realizados | ☐ |
Ao concluir este projeto você estará preparado para criar páginas Web modernas utilizando HTML e CSS.