WD Curso Web Design - 4ED escola de design

Curso Web Design

O curso ideal para aprender a criar sites responsivos com HTML, CSS e JavaScript otimizados para mecanismos de buscas.

Criar sites responsivos - 4ED escola de design

Aprenda a criar sites responsivos otimizados para mecanismos de buscas.

O curso de Web Design desenvolve a criação de layouts e projetos para sites responsivos com HTML, CSS e JavaScript, adaptados aos diferentes formatos de tela e dispositivos, levando em conta a experiência de usuário, interfaces e estratégias para a otimização em mecanismos de buscas.

O curso de Web Design é para iniciantes. Contudo, para você aproveitar o curso ao máximo, recomendamos ter noções básicas de composição gráfica.

A grade do curso de Web Design é formada por 4 módulos.

[AULA 1] INTRODUÇÃO

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. Oficina: Briefing.

[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. Oficina: Levantamento, Referências, 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. Oficina: Análise Estrutural de Referências.

[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. Oficina: Geração de Alternativas.

[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. Oficina: Geração de Alternativas dos Elementos.

[AULA 6] WEB COLOURS

Cores Hexadecimais e RGB; Cores Comumente Utilizadas por Segmento; Composições para Web: Harmonia, Contraste; Legibilidade; Criação de Paletas de Cores. Oficina em Software Gráfico: Criação de Paletas de Cores.

[AULA 7] OFICINA: LAYOUT

Geração de Alternativas em Software Gráfico, Discussão e Seleçã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ários.

 

Deseja fazer o módulo Layout Web avulso? Inscreva-se aqui

[AULA 1] INTRODUÇÃO EXPERIÊNCIA DO USUÁRIO

Conceitos, Identificação e Compreensão dos Usuários, Componentes da Experiência do Usuário, Aplicação em diversos Segmentos: Produto, Serviço, Sistema, Estudos de Caso, Exercício: Análise Inicial em Sala de Aula de Exemplos;

[AULA 2] OFICINA: PESQUISA

Oficina: Desenvolvimento de Pesquisa

[AULA 3] IDEAÇÃO

Busca por Soluções com Foco no Usuário, Envolvimento de Usuários, Participantes Multidisciplinares, Geração e Teste de Idéias, Criação de Cenários, Observação de Tendências de Comportamento, Mockup e Prototipagem das Soluções Identificando os Pontos Fortes e Fracos, Gargalos, Oficina: Análise da Jornada do Usuário, Diagnóstico de Problemas e Recomendações de Aprimoramento para o Projeto Cliente Modelo;

[AULA 4] INTRODUÇÃO INTERFACE DO USUÁRIO

Oficina: Briefing
Conceitos: User Interface (UI) x User Experience (Ux), Interfaces Físicas e Interfaces Comunicacionais, Estudos de Caso Nacionais e Internacionais, Interatividade, Limitações do Usuáro e Limitações Técnicas/Tecnológicas, Pesquisa em Design de Interface, Oficina: Briefing e Brainstorm de Aplicativo;

[AULA 5] ARQUITETURA DA INFORMAÇÃO

Oficina: Arquitetura da Informação
Conceitos: Contexto, Conteúdo, Usuários, Organização, Busca, Rotulagem, Navegação, Categorização, Hierarquia da Informação, o Layout e a Arquitetura da Informação, Exercício: Organização de Informações do Site para Cliente Modelo;

[AULA 6] USABILIDADE

Boas Práticas para Interfaces Digitais: Clareza, Consistência, Autonomia, Feedback, Tolerância, Guidelines Windows e IOs, Design Responsivo, As Heurísticas de Nielsen, Aplicação das Análises Heurísticas, Exercício: Discussão – diferenças de aplicação entre diferentes dispositivos, Exercício para a próxima aula: Trazer exemplos de Sites mal Sucedidos;

[AULA 7] TESTES DE EXPERIÊNCIA DO USUÁRIO

Métricas, Testes e Ferramentas, Pesquisa, Observação, Grupo de Foco, Entrevistas, Registro de Uso Real, Estudo de Campo, Questionário, Protocolo de Questionamentos, PrEmo, Expressões Faciais, ESD e DRM, Corpus, iScale, UX Curve, Cenário, Exercício: Pesquisa;

[AULA 8] ACESSIBILIDADE E PRINCÍPIOS DESIGN UNIVERSAL E TESTES DE USABILIDADE

Deficiências Visuais, Baixa Visão, Daltonismo, Deficiências Auditivas, Captions, Recursos, Estudo de Caso: Facebook, Design Universal: Uso Equitativo, Flexibilidade no Uso, Simples e Intuitivo, Informação Perceptível, Tolerância ao Erro, Baixo Esforço, Tamanho e Espaço para o uso, Estudos de Caso, Exercício: Apresentar e Analisar em Sala de Aula os Sites Pesquisados pelos Alunos;

[AULA 9] PROTOTIPAGEM E AVALIAÇÃO

Importância e Ferramentas da Prototipagem, Low Fidelity Ptototyping, Oficina: Planejamento da Tarefa, Jornada do Usuário, Desenvolvimento para o Site para Cliente Modelo;

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

 Finalização da Oficina, Apresentação.

 

Deseja fazer o módulo User Interface & Experience avulso? Inscreva-se aqui

[AULA 1] INTRODUÇÃO AO HTML

Apresentação dos Objetivos e Estrutura da Disciplina; Objetivos Desenvolvimento Front End: Acessibilidade, Usabilidade e Performance; Dinâmica HTML; Cronograma de Desenvolvimento de um Site; Controle de Versão; Sintaxe Documentos HTML; Tags; Organização de Títulos e Subtítulos; Formatação de Texto; Cores em Objetos. Oficina: Hello World.

[AULA 2] INTRODUÇÃO AO CSS

Sintaxe CSS; Cascade; Seletores e Flutuação; Formatação de Texto; Estilização; Estilização com Classes; Imagens de Fundo; CSS Reset; Display; Positions: Static, Relative, Fixed e Absolut; Integração HTML e CSS.

[AULA 3] CSS BOTÕES

Button Tags; Button Sizes; Active State; Disabled State; Hover Buttons; Botões com Texto; Icon Buttons; Opções Avançadas de Animação para Botões.

[AULA 4] CSS, TABELAS, FORMULÁRIOS E IMAGENS

Striped Rows; Bordered Table; Hover Rows; Condensed Table; Contextual Classes; Responsive Tables; Caixas de Seleção; Caixas de Texto; Botões de Seleção; Criar Formulário Básico para Contato; Responsive Images; Image Shapes; Rounded; Circle; Img Thumbnail.

[AULA 5] OFICINA

Exercício em CSS e Html.

[AULA 6] JAVASCRIPT

Definição de Comportamento do Site; Definição de Varíáveis; Diferenciação Strings; Integers e Floats; Aplicação de Condicionais; Descrever Argumentos Relacionados com Funções; Valores e Funções; JavaScript Frameworks; DOM Script (Document Object Model).

[AULA 7] JQUERY

Árvores JQuery Manipulação de DOM; Aplicação de Funções através de JQuery Docs; Integração JavaScript e JQuery. Oficina: Menu Carrossel.

[AULA 8] DESIGN RESPONSIVO

Colunas CSS; Print Classes; Test Classes.

[AULA 9] AMBIENTE DE DESENVOLVIMENTO: LESS & SASS

Less; Ruby; Node; SASS; Sublime Test; Máquinas Virtuais. Oficina: Construção Layout Responsivo.

[AULA 10] BOOTSTRAP

Desenvolvimento Front End a partir de um Framework; Classes Dinâmicas; Css Columns.

[AULA 11] DESENVOLVIMENTO DE PROJETO

Desenvolvimento do Projeto e Acompanhamento do Professor.

[AULA 12] FORMULÁRIO

Execução de Formulário.

[AULA 13] REVIEWING E REFACTORING, PRÉ-APRESENTAÇÃO

Reviewing e Refactoring; Pré-Apresentação dos Projetos e Comentários.

[AULA 14] REFINAMENTO DO PROJETO

Refinamento do Projeto.

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

Finalização, Apresentação do Projeto e Comentários.

 

Deseja fazer o módulo Web Front End avulso? Inscreva-se aqui

[AULA 1] INTRODUÇÃO

Visão Geral dos Mecanismos de Busca: PageRank; Conceitos; Busca Orgânica e Busca Paga; Diretrizes dos Principais Mecanismos de Busca e do World Wide Web Consortium; Critérios de Classificação de um Site; O Valor do Domínio; Benefícios do Uso de Código em HTML e CSS para Seo; Qualidade da Requisição e Tráfego; Tráfego Desejado; Mudanças nos Mecanismos de Busca e Implicações para o SEO; Panda Update; Search Spiders/Bots.

[AULA 2] ESTRATÉGIAS

Estratégias White Hat; Escolha das Palavras-Chave; Títulos e Tags; Arquitetura da Informação e Estrutura do Site; Anúncios Pagos e Links Patrocinados; Modelos de Publicidade Paga; Qualidade dos Conteúdos; Serviços de Diretórios; Otimização para Busca Vertical; Otimização para SEO Local; Links: Link Juice, Deep Linking, Link Building Campaigns, Backlinks; Métricas para Links.

[AULA 3] OTIMIZAÇÃO

On Page Optimization e Off Page Optimization; Páginas de Baixo Valor; NoFollow Tag; Distância de Cliques entre as Páginas e a Home; Site Map; Latent Semantic Analysis; Meta Tags; Otimização de Código; SEO para WordPress; Importância do Texto Âncora; Otimização de Imagens e Vídeos; Alt Attributes; NoScript; Ativos Linkáveis; Soluções para Conteúdo Duplicado, User Reviews; CMSs que Facilitam o SEO.

[AULA 4] MÉTRICAS E RELATÓRIOS, FERRAMENTAS

Estatísticas de Tráfego; Taxa de Conversão; Google Webmasters Tools; Keyword Analytics; Google Keyword; Plano de Ações e Acompanhamento de Palavras-Chave; Ferramentas para Seo: Linkscape, mozRank, mozTrust, Social Media Metrics.

[AULA 5] PROJETO DE SEO

Segmentação; Perfil do Público-Alvo; Objetivos; Escolha e Composição de Palavras Chave; Termos Longos e Curtos; Estratégia de Links.

 

Deseja fazer o módulo SEO Search Engine Optimization avulso? Inscreva-se aqui

Oficinas com planejamento de layout e criação de sites responsivos.

Durante as aulas do curso de Web Design você vai criar projetos de user interface e user experience.

Além disso, você também vai aprender a criar layouts e templates responsivos para sites e blog. Tudo isso através de exercícios práticos em sala de aula com oficinas de criação.

Professores

, , ,

Pré-requisitos

Ter conhecimentos básicos de informática

Tipo de curso

Formação profissional

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 Web Design”

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

um × cinco =

Certificado

Receba o certificado do Curso Web Design 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 Web Design

Online

  • Em turma 120h R$ 2.940

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

  • Conteúdo padrão do curso.
  • 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 120h R$ 3.900

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

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

Individual

  • Online ou Presencial 90h R$ 7.200

    Aulas individuais somente você e professor(a).

  • O mesmo conteúdo em menos horas.
  • Um(a) professor(a) disponível somente pra você durante o curso todo.
  • Customize os dias e horários das aulas.
  • Adapte o conteúdo do curso para o seu objetivo.
  • Remarque uma aula individual até 24h úteis antes do início sem custo adicional.
  • Início imediato das aulas, sem ter que aguardar por uma turma.
Consulte dias e horários pelo chat.

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

WD Curso Web Design - 4ED escola de design

Escolha como deseja aprender no Curso Web Design.

Limpar
Ganhe 11760-28800 pts no 4ED rewards (equivalente a R$117,60-R$288,00 de desconto no próximo curso).
Ganhe 11760-28800 pts no 4ED rewards (equivalente a R$117,60-R$288,00 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.