projeto em CSS Skill Tree

Construindo uma Homepage de Site de Notícias Responsiva

Iniciante

Neste projeto, você aprenderá como criar a homepage para o site do jornal LabEx Daily. Você será responsável por configurar a estrutura HTML e estilizar as várias seções da homepage usando CSS.

cssweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar a página inicial para o site do jornal LabEx Daily. Você será responsável por configurar a estrutura HTML e estilizar as várias seções da página inicial usando CSS.

👀 Pré-visualização

LabEx Daily homepage preview

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar a estrutura HTML para a página inicial do LabEx Daily
  • Como estilizar a seção do cabeçalho (header), incluindo o logotipo e os botões de navegação
  • Como estilizar a seção do banner, incluindo a imagem do telefone e a área de conteúdo
  • Como estilizar a seção do título da aba, incluindo o texto "Latest News" e "More"
  • Como estilizar a seção da lista de notícias, incluindo o layout dos itens de notícias e o botão "More"
  • Como estilizar a seção do rodapé (footer), incluindo as seções esquerda e direita

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Criar uma página inicial responsiva e visualmente atraente para um site de notícias
  • Usar CSS para estilizar diferentes seções de uma página web
  • Posicionar e alinhar elementos usando CSS
  • Aplicar várias propriedades CSS para alcançar o design desejado

Professor

labby
Labby
Labby is the LabEx teacher.