Um exercício prático e interessante para seus alunos de engenharia de software no laboratório

de programação de websites seria o desenvolvimento de uma página de perfil pessoal. Esse tipo
de projeto abrange diversos elementos fundamentais de HTML e CSS, além de ser uma ótima
oportunidade para os alunos expressarem criatividade. Vamos estruturar o exercício:
Objetivo
Construir um site de perfil pessoal que contenha as seguintes seções:
1. Cabeçalho (Header): Deve incluir o nome do aluno e uma breve introdução ou título
profissional (por exemplo, "Desenvolvedor Web Junior").
2. Sobre (About): Uma seção que detalha um pouco sobre o aluno, incluindo interesses,
habilidades e um pequeno parágrafo sobre suas ambições profissionais.
3. Habilidades (Skills): Uma lista ou conjunto de ícones representando as habilidades
técnicas do aluno (HTML, CSS, JavaScript, etc.).
4. Projetos (Projects): Uma galeria ou lista de links para projetos em que o aluno
trabalhou. Pode ser fictício ou real. Cada projeto deve ter uma imagem de destaque, um
título e uma breve descrição.
5. Contato (Contact): Uma seção com informações de contato e links para perfis de
mídia social ou portfólio online.
Requisitos
 HTML: Utilizar tags semânticas para estruturar o site (por exemplo, <header>,
<footer>, <section>, <article>).
 CSS: Personalizar o layout, as cores e a tipografia. Incentivar o uso de flexbox ou grid
para layouts responsivos.
 Responsividade: O site deve ser visualmente agradável e funcional em dispositivos
móveis e desktops.
 Extras (opcional): Animações CSS simples ao passar o mouse sobre os projetos ou
botões de mídia social.
Entrega
 Os alunos devem hospedar seus sites em um serviço gratuito de hospedagem, como
GitHub Pages, Netlify ou Vercel.
 Submeter o link para o site hospedado e o código-fonte através de um repositório no
GitHub.
Avaliação
 Funcionalidade: O site funciona conforme especificado nos requisitos?
 Design e Usabilidade: O site é visualmente atraente e fácil de navegar?
 Código: O código está bem organizado e comentado?
Este projeto não só desafia os alunos a aplicar o que aprenderam sobre HTML e CSS, mas
também os incentiva a pensar sobre o design e a experiência do usuário. Ademais, completar
este projeto dá aos alunos um artefato tangível que podem adicionar ao seu portfólio, o que é
valioso para a sua carreira profissional.