Curso de Web Design Responsivo

Aprenda a criar sites responsivos e domine todas as regras de CSS3, para criar variações de sites e sistemas para diversos dispositivos.

Por apenas

6x de R$ 8,33

ou R$ 49,99 à vista

Opção obrigatória

Carga horária: 40h

Garantia IAG

Satisfação garantida. Confiamos totalmente na qualidade dos nossos treinamentos, tanto que você tem 14 dias para acessar até 30% do curso. Se não ficar satisfeito, devolvemos seu dinheiro sem enrolação.

Informações do Curso

O mercado mobile nunca esteve tão forte como agora, chegamos a uma época onde o Mobile dita as tendências do desktop. As pessoas são móveis e suas necessidades também. Com isso nunca foi tão importante criar um site para diversas mídias, ou seja, para desktops, tablets e smartphones. Com o curso de Design Responsivo você aprenderá sobre os conceitos e fundamentos do design responsivo até a prática, criação de layouts específicos e construção do site para desktop, tablet e smartphone.

Esse curso é perfeito para profissionais em web design que desejam criar sites responsivos para desktop, tablets e smartphones.

É obrigatório possuir conhecimentos avançados em HTML, CSS e algum software de criação (Photoshop ou Fireworks).

Tempo de gravação dos vídeos: 11 horas e 30 minutos Idioma do Software: Inglês Versão do Software: Dreamweaver CC (Entretanto o aluno pode utilizar qualquer editor que preferir) Tempo de acesso: 12 meses Carga horária certificado: 66:30 horas

Após o curso o aluno estará apto a criar sites responsivos, a criar sites em HTML5 e a transformar layouts do Photoshop para CSS.

Conteúdo Programático

Baixar Conteúdo Programático

Expandir todos os capítulos
  • Aula 1 - Afinal, o que é um Design Responsivo?

  • Aula 2 - Quais softwares ou tecnologias você precisa saber antes?

  • Aula 3 - Todo site hoje em dia precisa ser responsivo?

  • Aula 4 - O que torna um site responsivo?

    00:01:57
  • Aula 5 - Navegação por sites responsivos

    00:02:52
  • Aula 6 - Quantas telas temos hoje em dia?

    00:04:09
  • Aula 7 - Arquivos do Curso para Download

  • Aula 1 - Quando decidir por um Design Responsivo?

    00:04:53
  • Aula 2 - Viewport

  • Aula 3 - Densidade de telas

    00:06:19
  • Aula 4 - Vertical e horizontal

    00:05:40
  • Aula 5 - Media query um item importante no processo responsivo

    00:10:51
  • Aula 6 - Layout fluído

    00:02:39
  • Aula 7 - Imagens podem ser responsivas

    00:03:40
  • Aula 8 - Desempenho do site um ponto fundamental

    00:08:51
  • Aula 9 - Formulários podem ser responsivos

    00:03:15
  • Aula 10 - Regras de media query importando css

    00:02:47
  • Aula 1 - Qual melhor editor html?

  • Aula 2 - Conhecendo o dreamweaver

    00:03:47
  • Aula 3 - O que é media query?

  • Aula 4 - Media types

    00:03:20
  • Aula 5 - Width

    00:03:34
  • Aula 6 - Height

    00:01:47
  • Aula 7 - Device width

    00:03:19
  • Aula 8 - Device height

    00:01:08
  • Aula 9 - Min e Max e combinações de regra

  • Aula 10 - Orientation

    00:03:18
  • Aula 11 - Aspect ratio e Device aspect ratio

    00:06:10
  • Aula 12 - Color

    00:02:29
  • Aula 13 - Color index Monochrome

    00:02:23
  • Aula 14 - Resolution

    00:03:27
  • Aula 15 - Scan

    00:02:49
  • Aula 16 - Grid

    00:01:31
  • Aula 17 - Operadores

    00:03:59
  • Aula 18 - Criando regras complexas para iPhones

    00:03:41
  • Aula 19 - Criando regras complexas para Galaxys

    00:02:36
  • Aula 20 - Criando regras complexas para iPads

    00:01:02
  • Aula 21 - Criando regras complexas para outros Tablets e Smartphones

    00:02:44
  • Aula 22 - Regra para iPhone e Galaxy

    00:01:57
  • Aula 1 - Necessidade vs Modismo

    00:07:21
  • Aula 2 - Fluxo de trabalho

  • Aula 3 - O cliente realmente sabe o que é design responsivo?

    00:04:27
  • Aula 4 - Planejamento de Mídias e Breakpoints

    00:03:36
  • Aula 5 - Para quais navegadores será criado?

    00:04:04
  • Aula 6 - Wireframe e Mockup

    00:07:12
  • Aula 7 - Contextos e necessidades diferentes para usuários mobile

    00:05:39
  • Aula 8 - HTML5 Semântico uma excelente prática

    00:03:50
  • Aula 9 - Teste de layouts , softwares e simuladores

    00:02:01
  • Aula 1 - Como será o fluxo de trabalho com o cliente?

    00:03:22
  • Aula 2 - Briefing enquanto cliente

    00:07:36
  • Aula 3 - Briefing enquanto empresa

    00:04:43
  • Aula 4 - Wireframe

    00:16:35
  • Aula 5 - Criando layout - Header

    00:13:33
  • Aula 6 - Criando layout - Box Cursos

    00:09:52
  • Aula 7 - Criando layout - Banner

    00:09:39
  • Aula 8 - Criando layout - Rodapé Parte 1

    00:13:58
  • Aula 9 - Criando layout - Rodapé Parte 2

    00:12:21
  • Aula 10 - Criando layout - Rodapé Parte 3

    00:04:03
  • Aula 11 - Criando layout para Tablet

    00:04:17
  • Aula 12 - Criando layout para Mobile

    00:04:30
  • Aula 1 - O que é HTML5?

    00:05:00
  • Aula 2 - O que é semântica?

    00:04:27
  • Aula 3 - Diferença entre html e htm semântico

    00:04:15
  • Aula 4 - CSS e CSS3 para HTML5

    00:02:14
  • Aula 5 - Personalizando o Dreamweaver

    00:04:42
  • Aula 6 - Elemento Main

    00:04:12
  • Aula 7 - Elemento Header

    00:02:40
  • Aula 8 - Elemento Section

    00:02:35
  • Aula 9 - Elemento Nav

    00:03:16
  • Aula 10 - Elemento Article

    00:02:30
  • Aula 11 - Elemento Footer

    00:02:17
  • Aula 12 - Elemento Aside

    00:01:40
  • Aula 13 - Novo elementos de formulário

    00:07:18
  • Aula 14 - Definindo a melhor estrutura para um site em HTML5 semântico

    00:01:56
  • Aula 1 - Diferentes maneiras de transformar PSD em HTML e CSS

    00:05:57
  • Aula 2 - Definindo um site no Dreamweaver

    00:03:36
  • Aula 3 - Versão Desktop - Topo

    00:14:11
  • Aula 4 - Versão Desktop - Menu

    00:09:34
  • Aula 5 - Versão Desktop - Web font

    00:02:58
  • Aula 6 - Versão Desktop - Banner

    00:02:57
  • Aula 7 - Versão Desktop - Box Cursos

    00:16:55
  • Aula 8 - Versão Desktop - Box Cursos Repetição

    00:01:53
  • Aula 9 - Versão Desktop - Rodapé Parte 1

    00:11:41
  • Aula 10 - Versão Desktop - Rodapé Parte 2

    00:04:53
  • Aula 11 - Versão Desktop - Rodapé Parte 3

    00:05:47
  • Aula 12 - Versão Desktop - Apache servidor web

    00:07:15
  • Aula 13 - Versão Desktop - Rodapé Parte 4

    00:11:09
  • Aula 14 - Versão Desktop - Rodapé Parte 5

    00:09:18
  • Aula 15 - Versão Desktop - Rodapé Parte 6

    00:08:35
  • Aula 16 - Versão Desktop - Banner em slider e menu fixo

    00:10:59
  • Aula 1 - Versão Desktop - Page

    00:10:10
  • Aula 2 - Versão Desktop - Categoria

    00:19:44
  • Aula 3 - Versão Desktop - Single Cursos

    00:09:52
  • Aula 4 - Versão Desktop - Correção abas mais vistos Parte 1

    00:04:51
  • Aula 5 - Versão Desktop - Correção abas mais vistos Parte 2

    00:02:08
  • Aula 6 - Versão Desktop - Facebook Dinâmico

    00:07:38
  • Aula 7 - Versão Desktop - Box diferente

    00:11:34
  • Aula 1 - O que vamos criar agora?

    00:01:16
  • Aula 2 - Versão Tablet - Definindo regra media query

    00:03:06
  • Aula 3 - Versão Tablet - Banner

    00:05:41
  • Aula 4 - Versão Tablet - Corpo listado apenas 3 colunas

    00:02:08
  • Aula 5 - Versão Tablet - Rodapé

    00:10:11
  • Aula 6 - Versão Tablet - Corrigindo bugs e inserindo meta viewport

    00:03:14
  • Aula 7 - Versão Tablet - Page

    00:01:59
  • Aula 8 - Versão Tablet - Categoria

    00:06:47
  • Aula 9 - Versão Tablet - Single

    00:14:58
  • Aula 1 - O que vamos aprender agora?

    00:01:30
  • Aula 2 - Quando o media query pode não ser bem vindo?

    00:03:29
  • Aula 3 - Detectando mobile

    00:03:33
  • Aula 4 - Versão Mobile - Topo

    00:07:28
  • Aula 5 - Versão Mobile - Menu

    00:14:12
  • Aula 6 - Versão Mobile - Carrinho

    00:07:14
  • Aula 7 - Versão Mobile - Loop de cursos

    00:08:24
  • Aula 8 - Versão Mobile - Rodapé

    00:05:16
  • Aula 9 - Versão Mobile - Page

    00:04:13
  • Aula 10 - Versão Mobile - Categoria

    00:16:04
  • Aula 11 - Versão Mobile - Single Parte 1

    00:11:34
  • Aula 12 - Versão Mobile - Single Parte 2

    00:09:40
  • Aula 1 - Ajustando media query

    00:03:48
  • Aula 2 - Correção para orientação paisagem

    00:04:10
  • Aula 3 - Testando nos dispositivos

    00:05:10
  • Aula 1 - Como esse curso pode mudar sua vida?

    00:03:51

Investimento

6x de R$ 8,33

ou R$ 49,99 à vista

Comprar Agora

Professor

Adriano Gianini é formado em Web Design pela UNISUL - Universidade do Sul de Santa Catarina. É Pós-Graduado em Comunicação Digital, Web Jornalismo e Novas Mídias pela FITS - Faculdade Integrada Tiradentes. Possui diversos cursos oficiais Adobe e mais de 14 anos de experiência como professor, passando por instituições como SENAI e SENAC.

Redirecionando para o login do aluno, aguarde...