CSS-Web

Atividade descrita no arquivo CSS Web-1.xlsx. Prazo: 27/03 13:00 Entrega: URL do repositório #AtividadePrática #EmGrupo

Contextualização

A TechConnect, uma startup de tecnologia deseja lançar uma landing page para promover seu próximo evento: o "TechFuture Summit", um encontro de desenvolvedores e designer para discutir tendências em tecnologia e design. O objetivo da página é atrair participantes e fornecer informações claras e visualmente atraentes sobre o evento, como, local, palestrantes e inscrições.

Estrutura do HTML

A criação de uma página HTML que deve conter:

• Cabeçalho com nome do evento
• Secção sobre o evento (data, local, resumo do tema)
• Secção com palestrantes nomes, fotos e mini biografias
• Secção com formulário de inscrição
  • Nome completo
  • Email
  • Tipo de Ingresso
    • Presencial
    • Online
  • Aceitação dos termos
• Campos obrigatórios (nome e email)

Estilização com CSS

Aplicar estilos básico para:

• Definir uma paleta de cores (usando ferramentas como Coolors)
• Criar seções bem definidas com espaçamento adequado
• Estilizar botões e inputs para melhor experiência
• Responsividade em diferente tamanhos de tela
• Usar media queries para ajustar estilos

Princípios de UI/UX

Ensinar boas práticas:

• Contraste adequado entre texto e fundo
• Hierarquia visual para facilitar a leitura
• Feedback visual ao interagir com botões e inputs
• Revisa com base nas perguntas
  • "O texto está claro e é fácil de ler?"
  • "O formulário é fácil de preencher?"

Resultados

Landing Page

• Com estruturação em HTML
• Qualidade e organização do CSS
• Responsividade e Interação