A Dedika é uma plataforma para aprender fazendo: criar uma proposta comercial, tornar-se manicure ou usar uma ferramenta nova, por exemplo. Seja qual for o objetivo, o melhor conteúdo sobre o tema já existe. Só que quase sempre está noutro idioma, é caro, está disperso, não tem atividades para praticar ou faz parte de um curso demasiado longo para quem tem uma rotina preenchida. Por isso, a Dedika tem um método próprio: procuramos esse material onde quer que esteja, organizamos o que faz sentido para o seu objetivo, revemos com o apoio de especialistas que estão disponíveis para esclarecer dúvidas e criamos práticas para aprender fazendo. É você quem mais importa na sua jornada e ninguém a conhece melhor: escolha o conteúdo e a duração do curso, se vai aprender com ou sem internet e em que formato. Pode ser em vídeo, texto, áudio ou resumo. À sua maneira, só com o que faz sentido para você. Aqui, cada momento de dedicação conta mais e chega mais depressa ao que importa.

Os cursos são compostos pelo melhor conteúdo do mundo sobre o tema: vídeos, áudios, artigos e livros. Todo este conteúdo vem acompanhado de resumos, podcasts (para livros e artigos) e transcrições (para vídeos e áudios). Escolhe como prefere consumir o conteúdo. Cada material tem perguntas específicas para reforçar o conhecimento. Além disso, o curso é composto pelos capítulos que escolher, permitindo estudar apenas o que interessa. No final de cada capítulo, há um projecto prático relacionado com a sua profissão para pôr em prática o que aprendeu.

Os nossos cursos incluem um resumo no final de cada capítulo, a partir do qual pode descarregar um PDF e imprimi-lo.

Mais de 2 milhões de estudantes em todo o mundo

Presente em mais de 180 países em todo o mundo

Certificado de conclusão válido no seu país

...

Produto e Product Design

Curso de Web Design

Para todos os níveis

Curso de Web Design

Name: Curso de Web Design
Price: 149.9 EUR

Aprenda tudo o que é necessário para projetar e construir sites profissionais de raiz — desde princípios de design visual e codificação responsiva até pesquisa UX e sistemas de design. Este curso oferece-lhe as competências práticas que empregadores e clientes procuram, abrangendo tanto os aspetos criativos como técnicos do design web. No final, terá um projeto pronto para o portfólio e a confiança para trabalhar em sites do mundo real.

Dedika para empresas

O que vai aprender:

Começará com os fundamentos do design visual, incluindo teoria das cores, tipografia e composição de layout, e depois passará a escrever HTML e CSS limpos para dar vida aos seus designs no navegador. Aprenderá a projetar para todos os tamanhos de ecrã utilizando estratégias mobile-first e técnicas responsivas. O curso abrange métodos de pesquisa UX, wireframing e testes de usabilidade para que os seus designs se baseiem nas necessidades reais do utilizador. Também construirá um sistema de design completo com componentes reutilizáveis e documentação. Os capítulos suplementares abrangem noções básicas de JavaScript, acessibilidade, branding, freelancing e ferramentas de design assistidas por IA. Terminará construindo e publicando um site de portfólio profissional.

Como estuda de forma prática Curso de Web Design

Como pratica Curso de Web Design

Para si que é empresa e quer formar a equipa

Na Dedika para empresas, o curso inclui exercícios e exemplos adaptados ao seu próprio negócio e às necessidades da sua empresa.

Clique aqui

Conteúdo do curso

8 Capítulos • 39 AulasDuração entre 4 e 360 horas (você decide)

Capítulo 1Ver detalhes

Fundamentos do Design Web

Aula 1 • Visão Geral das Ferramentas Essenciais de Design
Inquérito às ferramentas standard da indústria para wireframing, prototipagem e criação de ativos. Os estudantes selecionam as ferramentas adequadas para cada fase do processo de design.
Aula 2 • Fluxo de Trabalho e Processo de Design
Apresenta as fases de descoberta, ideação, design e entrega. Estabelece um processo repetível que os estudantes aplicam ao longo do curso.
Aula 3 • Como a Web Funciona
Aborda navegadores, servidores, DNS e HTTP para explicar como as páginas são solicitadas e entregues. Fundamenta todas as decisões futuras de design na realidade técnica.
Aula 4 • O Papel do Designer Web
Define o âmbito do design web em contraste com o desenvolvimento web e UX. Clarifica os entregáveis, as partes interessadas e os padrões de colaboração em projetos reais.

Capítulo 2Ver detalhes

Princípios de Design Visual

Aula 1 • Teoria da Cor para a Web
Ensina tonalidade, saturação, contraste e modelos de harmonia cromática. Os estudantes constroem paletas acessíveis que reforçam a identidade de marca e orientam a atenção do utilizador.
Aula 2 • Fundamentos de Tipografia
Aborda a classificação de tipos de letra, hierarquia e legibilidade em ecrãs. Os estudantes definem tipos que comunicam claramente em vários tamanhos de dispositivo.
Aula 3 • Layout e Composição
Aplica sistemas de grelha, alinhamento e espaço em branco para organizar o conteúdo da página. Os estudantes produzem layouts equilibrados e digitalizáveis usando regras de composição comprovadas.
Aula 4 • Imagens e Iconografia
Orienta a seleção, corte e estilo de fotografias, ilustrações e ícones. Os estudantes combinam os ativos visuais com o tom da marca e o contexto funcional.
Aula 5 • Hierarquia Visual e Ênfase
Ensina como o tamanho, a cor, o contraste e a posição direcionam a atenção do utilizador. Os estudantes redesenham composições fracas para criar percursos de leitura claros.

Capítulo 3Ver detalhes

Estrutura e Semântica HTML

Aula 1 • Texto, Links e Listas
Aborda parágrafos, elementos inline, tags de âncora e tipos de lista. Os estudantes marcam conteúdo de texto rico corretamente tanto para exibição como para tecnologia de assistência.
Aula 2 • Anatomia do Documento HTML
Explica os elementos doctype, head e body e as suas funções. Os estudantes escrevem documentos HTML válidos de raiz usando aninhamento e sintaxe corretos.
Aula 3 • Imagens, Media e Incorporações
Ensina os elementos img, figure, video, audio e iframe com os atributos adequados. Os estudantes incorporam media de forma acessível usando texto alternativo e legendas.
Aula 4 • Formulários e Elementos de Entrada
Constrói formulários acessíveis usando labels, fieldsets e tipos de entrada. Os estudantes criam formulários de contacto e de inserção de dados com a estrutura semântica correta.
Aula 5 • Elementos Estruturais Semânticos
Apresenta elementos de referência como header, nav, main e footer. Os estudantes substituem divs genéricas por tags com significado que auxiliam a acessibilidade e o SEO.

Capítulo 4Ver detalhes

Estilização e Layout CSS

Aula 1 • Sintaxe CSS e a Cascata
Explica seletores, propriedades, especificidade e herança. Os estudantes depuram conflitos de estilo compreendendo como a cascata resolve regras concorrentes.
Aula 2 • Modelo de Caixa e Espaçamento
Aborda margin, border, padding e dimensões do conteúdo. Os estudantes controlam o espaçamento com precisão e evitam bugs de layout comuns causados por mal-entendidos do modelo de caixa.
Aula 3 • CSS Grid para Layouts Bidimensionais
Apresenta faixas de grelha, áreas e posicionamento para layouts de página complexos. Os estudantes recriam designs de várias colunas usando Grid sem depender de floats.
Aula 4 • Flexbox para Layouts Unidimensionais
Ensina as propriedades do flex container e do flex item para disposições em linha e coluna. Os estudantes constroem barras de navegação, filas de cartões e layouts centralizados com Flexbox.
Aula 5 • Estilizar Tipografia e Cor
Aplica propriedades de fonte, cor e texto para implementar sistemas tipográficos. Os estudantes traduzem uma escala tipográfica e uma paleta de cores de ficheiros de design para CSS.

Capítulo 5Ver detalhes

Design Responsivo e Mobile-First

Aula 1 • Testar e Depurar a Responsividade
Usa ferramentas de programador do navegador e dispositivos reais para encontrar e corrigir problemas de layout. Os estudantes constroem uma lista de verificação de teste aplicada a cada projeto futuro.
Aula 2 • Grelhas Fluidas e Imagens Flexíveis
Converte layouts de pixéis fixos para unidades percentuais e fluidas. Os estudantes usam unidades relativas e max-width para evitar overflow em qualquer ecrã.
Aula 3 • Media Queries e Pontos de Quebra
Ensina queries de min-width e max-width e como escolher pontos de quebra. Os estudantes escrevem media queries que respondem às necessidades do conteúdo em vez de nomes de dispositivos.
Aula 4 • Estratégia de Design Mobile-First
Estabelece a filosofia mobile-first e os seus benefícios de desempenho. Os estudantes reestruturam designs existentes para começar a partir da viewport mais pequena e escalar para cima.
Aula 5 • Padrões de Navegação Responsiva
Aborda menus hambúrguer, gavetas off-canvas e padrões priority-plus. Os estudantes implementam um componente de navegação que funciona em todos os pontos de quebra.

Capítulo 6Ver detalhes

Experiência do Utilizador e Design de Interação

Aula 1 • Arquitetura de Informação
Aborda mapas do site, ordenação de cartões e etiquetagem de navegação para organizar o conteúdo de forma lógica. Os estudantes criam uma IA que reduz a carga cognitiva e apoia a localização.
Aula 2 • Wireframing e Prototipagem de Baixa Fidelidade
Produz esboços e wireframes digitais para explorar o layout antes do design visual. Os estudantes iteram rapidamente com base no feedback de colegas e partes interessadas.
Aula 3 • Personas do Utilizador e Mapas de Jornada
Constrói personas baseadas em evidências e mapeia as jornadas do utilizador para identificar pontos de dor. Os estudantes usam estes artefactos para justificar decisões de design ao longo de um projeto.
Aula 4 • Fundamentos de Teste de Usabilidade
Planifica e conduz testes de usabilidade moderados para validar decisões de design. Os estudantes analisam os resultados e priorizam correções usando classificações de gravidade.
Aula 5 • Métodos de Pesquisa UX
Apresenta entrevistas com utilizadores, inquéritos e análise competitiva para descobrir necessidades do utilizador. Os estudantes sintetizam as conclusões em requisitos de design acionáveis.

Capítulo 7Ver detalhes

Componentes de UI e Sistemas de Design

Aula 1 • Manter e Escalar o Sistema
Aborda versionamento, fluxos de trabalho de contribuição e governação para sistemas de design em crescimento. Os estudantes estabelecem processos que mantêm o sistema consistente à medida que as equipas se expandem.
Aula 2 • Documentação e Entrega de Componentes
Escreve diretrizes de utilização, exemplos de «faça» e «não faça» e anotações de código para cada componente. Os estudantes preparam ficheiros de entrega que os programadores podem implementar sem ambiguidade.
Aula 3 • Padrões de Componentes Core de UI
Desenha botões, cartões, modais, alertas e controlos de formulário com padrões consistentes. Os estudantes documentam os estados dos componentes, incluindo predefinido, hover, foco e desativado.
Aula 4 • Design Tokens e Guias de Estilo
Cria tokens nomeados para cor, espaçamento e tipografia que orientam todo o sistema. Os estudantes produzem um guia de estilo que serve como a fonte única de verdade.
Aula 5 • Metodologia de Atomic Design
Apresenta átomos, moléculas, organismos, templates e páginas como uma hierarquia de componentes. Os estudantes decompõem interfaces existentes em partes atómicas reutilizáveis.

Capítulo 8Ver detalhes

Desempenho Web e Preparação para o Lançamento

Aula 1 • Medição de Desempenho e Core Web Vitals
Usa ferramentas de auditoria de desempenho para medir carregamento, interatividade e estabilidade visual. Os estudantes interpretam as pontuações e priorizam correções que mais impactam a experiência do utilizador.
Aula 2 • Otimização de Imagens e Ativos
Comprime imagens, escolhe formatos modernos e carrega de forma preguiçosa ativos fora do ecrã. Os estudantes reduzem o peso da página sem perda visível de qualidade.
Aula 3 • Auditoria e Remediação de Acessibilidade
Executa auditorias automáticas e manuais em relação às diretrizes de acessibilidade de conteúdo web. Os estudantes corrigem problemas de contraste, navegação por teclado e ARIA encontrados nos seus projetos.
Aula 4 • Implantação e Lista de Verificação de Lançamento
Aborda opções de alojamento, configuração de domínio, SSL e verificações de qualidade pré-lançamento. Os estudantes completam uma lista de verificação de lançamento antes de publicar o seu projeto final.
Aula 5 • SEO On-Page para Designers
Aborda meta títulos, descrições, estrutura de cabeçalhos e noções básicas de dados estruturados. Os estudantes implementam práticas recomendadas de SEO diretamente em HTML sem depender de plugins.

Certificação

Seu certificado válido de conclusão

Este curso é para si:

Designers gráficos: prontos para alargar as suas competências ao navegador.
Pessoas em mudança de carreira: à procura de uma profissão criativa, procurada e com fortes perspetivas de emprego.
Profissionais de marketing: que desejam deixar de depender dos programadores para cada atualização do site.
Empreendedores: determinados a conceber e lançar os seus próprios sites de negócio de forma independente.
Recém-licenciados: interessados em adicionar o design web ao seu conjunto de competências profissionais.
Freelancers: que pretendem oferecer serviços de design web juntamente com o seu trabalho criativo atual.

O que os nossos alunos dizem

As vossas aulas são perfeitas. Adquiri o pacote de um ano e, finalmente, tenho a oportunidade de acompanhar diversos temas do meu interesse sem precisar de mudar de plataforma... agradeço por tudo o que fazem, já vos recomendei a outras pessoas...