Você vai criar uma Landing Page, como se fosse uma pequena apresentação profissional.

MAPA - ADSIS - PROGRAMAÇÃO FRONT END - 52_2025

A importância de uma Landing Page
No mundo do desenvolvimento web, saber apresentar informações de forma clara, organizada e visualmente atrativa é essencial. Por isso, muitos desenvolvedores criam páginas pessoais, conhecida como Landing Page para mostrar suas habilidades, contar um pouco sobre si mesmos e expor projetos ou experiências profissionais. Nesta atividade, você irá colocar em prática os conhecimentos adquiridos de HTML semântico e CSS, construindo sua própria página pessoal. Além de ser uma excelente forma de fixar o conteúdo, essa prática serve como o primeiro passo na criação do seu portfólio, algo muito valorizado em entrevistas e oportunidades futuras na área da tecnologia. Mais do que apenas codificar, este exercício te convida a refletir sobre como você quer ser visto como profissional e a organizar essas informações de maneira técnica e criativa.

Atividade:
Você vai criar uma Landing Page, como se fosse uma pequena apresentação profissional. Essa página deve mostrar quem é você, o que sabe fazer e alguns dos seus projetos.
________________________________________
Estrutura em HTML

Cabeçalho (header) com:
Seu nome completo
Uma frase que te represente
Uma foto sua ou um avatar
Menu de navegação (nav) com links que levam para as seções da própria página
Corpo principal (main) com:
Seção "Sobre mim" (section) — fale um pouco sobre você
Seção "Habilidades" (section) — liste seus conhecimentos
Seção "Projetos" (section) — mostre 2 projetos (pode ser fictício), usando article
Informações extras (aside) com curiosidades, hobbies ou links úteis (GitHub, Instagram, LinkedIn)
Rodapé (footer) com:
Informações para contato (ex: e-mail)
Direitos autorais (ex: 2025 Seu Nome)

________________________________________
Estilização com CSS
Use CSS interno (com style) ou CSS externo (arquivo .css)
Deixe a página organizada, bonita e bem apresentada
A página deve funcionar bem no computador e no celular (responsiva)
Não utilizar frameworks como Bootstrap — apenas HTML + CSS puro
________________________________________
Entrega:
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.
________________________________________

Como entregar a atividade:

A atividade deverá ser entregue no arquivo template anexado no material da disciplina, disponibilizado no Studeo, e deve ser entregue em formato (.PDF). Depois, deve ser anexado no ambiente da Atividade no Studeo.

Observações:
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.

Dicas para realizar a atividade:

1. Durante as aulas, o professor fornecerá dicas que podem ser utilizadas para a confecção das suas atividades. Assim, é de suma importância participar das aulas ao vivo ou assisti-las posteriormente.
2. Assista às aulas conceituais da disciplina.

Orientações:
Plágios e cópias indevidas serão penalizados com descontos na nota, podendo chegar a zero.
Não são permitidas correções parciais no decorrer do módulo, pois a interpretação da atividade também faz parte da avaliação.
Atenção ao prazo de entrega da atividade. Sugerimos que envie sua atividade antes do prazo final para evitar transtornos e lentidão nos servidores. Evite o envio de atividade em cima do prazo.

Boa atividade!

Видео Você vai criar uma Landing Page, como se fosse uma pequena apresentação profissional. канала MV ASSESSORIA ACADÊMICA