Crie Seu Primeiro Site de Negócios (HTML, CSS & JavaScript + IA)

Description

Crie e publique um site de negócios simples com HTML, CSS, JavaScript e ajuda de IA para layout e cópia — sem necessidade de framework. Nível: iniciante · Ideal para: proprietários de PME e pessoal de marketing. Programa online ao vivo de 6 semanas · 10 sessões ao vivo · Fuso horário Europa/Londres. O que você irá alcançar: Estruturar páginas acessíveis com HTML semântico. Estilizar layouts responsivos com CSS moderno (flexbox e grid). Adicionar interatividade leve com JavaScript puro. Usar IA para elaborar conteúdo e CSS enquanto você mantém o controle de qualidade. Implantar um site estático em um servidor de hospedagem e explicar como as atualizações funcionam. O que abordamos: Fundamentos de front-end, Estrutura HTML5 e conceitos básicos de acessibilidade, Variáveis CSS, flexbox e grid, Pontos de interrupção responsivos e mobile-first, DOM e eventos JavaScript (introdução), Criação de site de negócios, Seções de herói, serviços, depoimentos e contato, Formulários, validação e incorporações amigáveis à privacidade, Conceitos básicos de otimização de desempenho e imagem, IA no fluxo de trabalho, Gerar cópia inicial que você edita para precisão, Sugestões de CSS que você testa no DevTools, Evitar marcação AI inacessível ou inchada. Estrutura do curso: Fase 1 — Estrutura HTML (Semana 1 · 2 sessões ao vivo) Crie o esqueleto de uma página de marketing de múltiplas seções. Tags semânticas: cabeçalho, nav, principal, seção, rodapé. Títulos, listas, links e imagens com texto alternativo. Formulários e rótulos para blocos de contato. Entregável: wireframe HTML não estilizado para sua página de negócios. Fase 2 — Layout e branding CSS (Semana 2 · 2 sessões ao vivo) Aplique tipografia, cor e layout responsivo. Reset CSS / normalização e propriedades personalizadas. Flexbox para nav e linhas de cartões. Grid para seções de recursos. Entregável: Layout estilizado para desktop + mobile. Fase 3 — Componentes e polimento (Semana 3 · 2 sessões ao vivo) Botões, cartões e sistemas de espaçamento consistentes. Estados de botão e anéis de foco. Padrões de cartão e uso de ícones. Modo escuro opcional (prefers-color-scheme). Entregável: Biblioteca de seções estilo componente em uma página. Fase 4 — Interatividade JavaScript (Semana 4 · 2 sessões ao vivo) Menu móvel, rolagem suave e validação simples de formulários. querySelector e ouvintes de eventos. Alternando classes para nav e FAQ. Validação do lado do cliente antes de enviar. Entregável: Navegação interativa + FAQ na sua página. Fase 5 — Conceitos básicos de conteúdo e SEO (Semana 5 · 2 sessões ao vivo) Tags meta, Open Graph e estrutura de cópia legível. Título, descrição e tags canônicas. Hierarquia de cabeçalho e links internos. Fluxo de trabalho de edição de cópia assistido por IA. Entregável: Lista de verificação de SEO aplicada ao seu site. Fase 6 — Publicar e manter (Semana 6 · 2 sessões ao vivo) Implantar arquivos estáticos e planejar hábitos de atualização seguros. Opções de hospedagem estática (Netlify / similar). Visão geral sobre domínio personalizado e HTTPS. Fluxo de trabalho de atualizações e backup. Entregável: URL ao vivo para seu site concluído. Pré-requisitos: Confortável usando um navegador e editor de texto. Nenhuma programação anterior é necessária. Entrega: Você pode usar sua marca de negócios real, se desejado (imagens de banco devem ser licenciadas). Frameworks (React, Vue) estão fora do escopo — este curso foca nos fundamentos. Detalhes completos do curso: https://nlcrc.co.uk/courses-web-fundamentals-ai. Reservas e consultas: nlcrc.co.uk · 020 3393 0948