Curso de Layout Web

Princípios do web design, elaboração de layouts e templates responsivos para sites e blogs.

Aprenda a elaborar layouts e templates responsivos para sites.

O curso de Layout Web aborda os princípios do web design e desenvolvimento criativo para a elaboração de layouts e templates responsivos para sites ou blogs. Levando em consideração não só diferentes resoluções de telas mas também dispositivos diversos.

Para fazer o curso de Layout Web é recomendamos que você tenha conhecimento em algum software gráfico. Como por exemplo, Adobe Photoshop ou Adobe Illustrator. Tudo isso com o intuito de auxiliar na sua criação de layouts para sites.

Conteúdo do curso Layout Web

[AULA 1] INTRODUÇÃO AO LAYOUT WEB

Overview: História Web, Web 3.0, Princípios de Rede, Normativas e Padrões: W3C, Dinâmica de Funcionamento: Domínios, Subdomínios, HTTP, HTTPS, Hospedagens, Estudos de Caso (Google, awwwards.com), Exercício: Briefing Cliente Modelo a ser desenvolvido durante todo o curso.

[AULA 2] MERCADO WEB E METODOLOGIA DE PROJETO

Briefing, Metodologia de Projeto, Etapas de Desenvolvimento: Da concepção ao Mockup com Wireframes, Tabelas Indicativas de Orçamentos, Estudo de Caso, Exercício: Levantamento e Discussão de Referências para o Projeto Final – Moodboard.

[AULA 3] APLICAÇÕES E TENDÊNCIAS

Layout e Funções, Templates WordPress, Estudos de Caso Nacionais e Internacionais, Resolução do Site, Resolução em Telas, Telas HD e Dispositivos Móveis, Layout Responsivo – Introdução do Design Responsivo, Desktop x Mobile, Novos Modelos, Exercício:
Analisar as Referências Quanto à Estrutura.

[AULA 4] COMPOSIÇÃO ALINHAMENTO E GRID

Ordem de Leitura, Grids, A importância dos Espaços Vazios, Noções de Diagramação: Títulos, Subtítulos, Texto, Espaçamento, Fontes, Peso da Fonte, WebFonts, O que não fazer, Exercício: Geração de Alternativas de Layout geral para o site.

[AULA 5] OFICINA: DESENVOLVIMENTO DE PROJETO EM WIREFRAMES

Elementos comuns do site: Cabeçalho, Rodapé, Texto, Imagens, Imagem de Fundo, Tabelas, Vídeos, Menus, Anúncios, Gerar Alternativas dos Elementos para o Projeto Final.

[AULA 6] WEB COLOURS

Cores Hexadecimais e RGB, Composições para Web: Harmonia, Contraste, Cores comumente utilizadas por Segmento, Legibilidade, Criação de Paletas de Cores, Oficina em Software Gráfico: Explorar paletas de cores com base no Posicionamento do Segmento escolhido.

[AULA 7] OFICINA: LAYOUT WEB

Geração de Alternativas em Software Gráfico, Discussão e Seleção da Opção.

[AULA 8] OFICINA: LAYOUT E WIREFRAME

Refinamento do Projeto – Wireframe para o Projeto Final.

[AULA 9] OFICINA: LAYOUT RESPONSIVO

Adaptação para Responsividade.

[AULA 10] FINALIZAÇÃO E APRESENTAÇÃO

Finalização dos Projetos, Apresentação e Comentário.

 

Layout Web também é um dos módulos da grade curricular do curso de Web Design.

Professores

, ,

Pré-requisitos

Nenhum

Indicado para

Requisitos para modalidade Online

Boa conexão de Internet, Fone de ouvido, Microfone, Webcam

Depoimentos

Não há depoimentos ainda.

Seu depoimento será o primeiro sobre o “Curso de Layout Web”

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Certificado

Receba o certificado do Curso de Layout Web com autenticidade 4ED. Frequência mínima de 75%.

Slides das aulas

Visualize os slides das aulas no Google Apresentações quando quiser. Sem necessidade de baixar arquivos.

Material de apoio

Acesse o conteúdo das aulas e materiais complementares na sua conta do Google Drive.

voce@4ed.school

Uma conta G Suite for Education com e-mail e espaço ilimitado no drive.
Saiba mais

Turmas reduzidas

Para você ter a melhor experiência de aprendizado. De 4 a 8 estudantes.

Compare os formatos do Curso de Layout Web

Em turma

Individual

Curso de Layout Web em turma

Em turma você tem networking com profissionais e estudantes da comunidade criativa para trocar experiências.
  • Conteúdo programático padrão do curso.

Online em turma

  • Carga horária 30h R$ 1.199

    Em até 12x s/ juros no cartão ou boleto. À vista 10% off.

Aulas online ao vivo via Google Meet pelo G Suite for Education.

  • Interação com colegas e professores em tempo real.
  • Dias e horários das turmas já definidos.

Plataforma:

  • G Suite for Education
  • Google Classroom
  • Google Meet

Presencial em turma

  • Carga horária 30h R$ 1.599

    Em até 12x s/ juros no cartão ou boleto. À vista 10% off.

Uma experiência criativa nos espaços inspiradores da escola.

  • Networking e interação com colegas e professores.
  • Dias e horários das turmas já definidos.
  • 1 computador por estudante.

Economize 10% à vista ou pague o curso em até 12x sem juros.

À vista 10% off

Economize 10% e pague o curso à vista via boleto ou transferência bancária.

Até 12x no Cartão

Pague com cartão de crédito em até 12x sem juros e sem parcela mínima.
Saiba mais

Boleto

Pague em até 12x sem juros + IOF ou em até 24x 1,29% a.m. +IOF através do Crédito Educacional Provi.
Saiba mais

Escolha como deseja aprender no Curso de Layout Web.

Limpar
Ganhe 4796-9196 pts no 4ED rewards (equivalente a R$47,96-R$91,96 de desconto no próximo curso).
Ganhe 4796-9196 pts no 4ED rewards (equivalente a R$47,96-R$91,96 de desconto no próximo curso).

Perguntas frequentes

Sim, as aulas online são ao vivo por videoconferência. E o melhor, você pode interagir com os professores e colegas em tempo real. Assim, você tira suas dúvidas na hora. E além disso, os conteúdos abordados pelos professores estarão sempre atualizados.

Não, o conteúdo e a carga horária são os mesmos para cada formato. O que muda é a forma como você vai estudar. Uma vantagem das aulas online é que elas ficam gravadas e você pode rever o conteúdo quando quiser.
A carga horária é reduzida porque é somente você e professor(a) durante as aulas. Dessa forma a atenção é exclusiva para você. O conteúdo do curso é o mesmo, e é distribuído nas horas do formato individual. Enquanto em turma você tem que esperar os outros colegas tirarem suas dúvidas, no formato individual isso não acontece.

Como você gostaria de aprender?

Escolha as opções de sua preferência e te avisaremos.

Dúvidas sobre o curso?

Descreva suas dúvidas aqui e vamos te responder em seguida.