Curso Web Design 120h Online

R$2.940,00 Em até 12x R$245,00 cartão ou boleto

R$2.646,00 à vista (10% de desconto)
Saiba mais

No curso Online de Web Design você aprende a criar sites responsivos com HTML, CSS e JavaScript otimizados para mecanismos de buscas.

  • Aulas online ao vivo por videoconferência.
  • Assista as gravações das aulas da sua turma para rever o conteúdo quando quiser.
  • Interaja com professores e colegas em tempo real.
  • G Suite for Education. Saiba mais

Quando você quer aprender?

De 11.01 a 10.03 | 19h – 22h | Seg, Ter, Qua, Qui, Sex | ONL-WD120C25

Limpar
Ganhe 11760 pts no 4ED rewards (equivalente a R$117,60 de desconto no próximo curso).
Ganhe 11760 pts no 4ED rewards (equivalente a R$117,60 de desconto no próximo curso).
ID: ONL-WD120 Categorias:, ,

Sobre

Grade do curso.
São 4 módulos
com aulas online ao vivo.

[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.

[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.

[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.

[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.

Importante saber

Requisitos

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

Professores

, , ,

Tipo de curso

Formação profissional

Modalidade

Online ao vivo

Formato

Em turma

Periodo

Indicado para

Carga horária

120 horas

Material de Apoio

O conteúdo das aulas e materiais complementares são compartilhados no drive

Certificado

Com frequência mínima de 75% você recebe o certificado do curso com a autenticidade 4ED

Depoimentos

Não há depoimentos ainda.

Conclua o curso para comentar aqui a sua experiência.

Perguntas e respostas

Ainda não há perguntas. Faça a primeira pergunta.

Outras opções

Dúvidas sobre o curso?

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