MAPA - PROGRAMAÇÃO FRONT END - 52_2026
QUESTÃO 1
MV-ASSESSORIA
Consulte a nossa assessoria pelo Número:
Whats(15)98170-8778
Tele gram:(15)98170-8778
Entre em contato com a nossa equipe que vamos assessorar com esse trabalho
Mais de 10 anos no mercado acadêmico
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: © 2026 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.
0 comentários:
Postar um comentário