Descrição do Curso

  • Sobre o que é este curso?

    O Complete Web Design Suite é um programa de treinamento abrangente que envolve toda a programação vital e linguagens de marcação para o desenvolvimento de websites, incluindo recursos interativos de alta qualidade e design de um site no Photoshop. Como o design do site no Photoshop ajuda a identificar melhor o público-alvo e a projetar o site em seu conforto, as organizações em todo o mundo buscam profissionais treinados.

    Este programa fornece treinamento em uma série de linguagens de programação do lado do servidor e do lado do cliente e técnicas para desenvolver sites que são mais responsivos ao público, gerando assim maior engajamento do usuário. As linguagens de programação abordadas aqui são altamente escalonáveis ​​e podem ser usadas com grande facilidade ao criar aplicativos da Web, escrever códigos e servir páginas da web.

    Usar o Photoshop para criar um site é uma das abordagens mais eficientes para criar um site amigável. Aqui, o Photoshop é usado para projetar o layout e a aparência do site. Isso proporciona uma melhor compreensão dos efeitos e ferramentas que fornecem melhores resultados. O design do site do Photoshop permite a fácil edição de páginas da web, aplicar efeitos diferentes, aprimorar fotos e economizar tempo.

    O Web Design Suite completo é abrangente e pode ser usado tanto por iniciantes quanto por alunos avançados. É mais adequado para engenheiros de sistemas, desenvolvedores de aplicativos móveis, desenvolvedores de aplicativos da Web, engenheiros de software e candidatos com formação técnica.

  • Quais os benefícios de aprendizagem que você obtém com o treinamento da Simplilearn?

    Aqui estão alguns dos principais benefícios de aprendizagem que vêm com este programa de treinamento:
    • Os participantes serão equipados com os fundamentos do desenvolvimento do Ajax.
    • Após a conclusão do programa de treinamento, o participante poderá projetar o site no Photoshop.
    • O programa de treinamento envolve fundamentos de CSS / CSS3, bem como CSS e CSS3 Programming for Absolute Beginners, que inclui uso de folha de estilo, folha de estilos externa, propriedades de texto, elementos de estilo e muito mais.
    • Construir sites com o Photoshop CC, o Photoshop CC para a Web e o Photoshop para artistas equipam os candidatos para desenvolver sites extremamente amigáveis ​​e altamente atraentes.
    • Profissionais treinados serão meticulosos com os fundamentos do HTML, que inclui o entendimento de HTML e XML, criar uma página da Web, vincular uma página da Web a outra e publicar páginas HTML.
    • O uso do Photoshop Master Course permite que os candidatos criem imagens de ótima aparência com filtros de metal e vidro usando o software Photoshop.
    • Este curso abrangente é altamente recomendado para profissionais, pois envolve CSS avançado, HTML avançado, JavaScript avançado, desenvolvimento avançado de PHP, bem como uma Introdução ao CodeIgniter.
    • Os participantes serão equipados com os fundamentos do desenvolvimento do Ajax.
    • Candidatos treinados serão capazes de desenvolver um CMS completo com PHP e integrar banco de dados usando a extensão MySQLi do PHP.
    • O programa de treinamento envolve fundamentos de CSS / CSS3, bem como CSS e CSS3 Programming for Absolute Beginners, que inclui uso de folha de estilo, folha de estilos externa, propriedades de texto, elementos de estilo e muito mais.
    • Criar sites com o Dreamweaver CS6 e o ​​Design responsivo com o Dreamweaver CS6 também são abordados neste curso.
    • A pintura digital fosca com o Photoshop capacita os aspirantes a pintar digitalmente os ambientes exteriores e interiores foto-realistas, que não podem ser criados de outra forma.

  • Quais são os benefícios de carreira na loja para você?

    Com o constante avanço na tecnologia e a contínua mudança nas plataformas de programação, a demanda por desenvolvedores web treinados está em constante crescimento. Aqui estão alguns dos principais benefícios de carreira que acompanham este treinamento:
    • Salário médio para um web designer competente é de US $ 70.000. Fonte: payscale.com
    • Com o constante aumento no número de sites e marketing na Internet se tornando uma norma, as empresas de TI em todo o mundo estão buscando desenvolvedores web treinados.
    • Como as organizações buscam profissionais adeptos de desenvolvimento web, profissionais treinados têm uma vantagem sobre seus pares não treinados.

  • Por que Simplilearn?

    • A Simplilearn é o maior provedor de treinamento de certificação do mundo, com mais de 500.000 profissionais treinados globalmente
    • Confiado pelas empresas da Fortune 500 como seu provedor de aprendizado para crescimento de carreira e treinamento
    • 2000+ instrutores certificados e experientes conduzem treinamentos para vários cursos em todo o mundo
    • Todos os nossos cursos são projetados e desenvolvidos sob uma estrutura de aprendizado exclusiva testada e comprovada, com comprovada taxa de aprovação de 98,6% na primeira tentativa
    • Credenciada, Aprovada e Reconhecida como uma organização de treinamento, parceiro, provedor de educação e centro de exames de renome mundial, como o Project Management Institute dos EUA, APMG, Instituto CFA, GARP, ASTQB, IIBA e outros.

Prévia do curso

    • CSS avançado 1:15:41
      • 1.1 Material do Curso00:25
      • 1.2 Agrupamento e aninhamento06:13
      • 1.3 Dimensões Máxima e Mínima04:21
      • 1.4 Posições04:44
      • 1.5 Relativo E Z - Índice05:22
      • 1.6 flutuante03:35
      • 1.7 claro03:20
      • 1.8 Pseudos (Parte 1)06:13
      • 1.9 Pseudos (parte 2)06:38
      • 1.10 Alinhamento05:05
      • 1,11 Sprites09:35
      • 1,12 Opacidade03:37
      • 1.13 Tipos de Mídia04:29
      • 1.14 Seletores de Atributos03:46
      • 1.15 Prefixos do Navegador05:13
      • 1.16 Importante03:05
    • Módulo 1 - Introdução ao HTML 08:44
      • 1.1 O básico do HTML02:55
      • 1.2 O que é HTML02:59
      • 1.3 Obtendo o navegador00:42
      • 1.4 Obtendo o Editor00:49
      • 1.5 Configurando o Editor01:19
    • Módulo 2 - Noções básicas de HTML 18:11
      • 2.1 Estrutura Hello World04:36
      • 2.2 O DOM02:10
      • 2.3 Personalizando o Editor01:32
      • 2.4 Tags Auto Fechamento - Meio Ambiente01:21
      • 2.5 Validação06:10
      • 2.6 Comentários02:22
    • Módulo 3 - Elementos de nível de bloco 08:42
      • 3.1 Elementos de Nível de Bloco08:42
    • Módulo 4 - Intervalos de linha e espaçamento 04:50
      • 4.1 Quebras de linha e espaçamento04:50
    • Módulo 5 - Elementos Inline 22:58
      • 5.1 Modificadores de Texto de Extensão02:37
      • 5.2 Âncoras10:25
      • 5.3 Exercício - Vinculando ao topo da página04:46
      • 5,4 imagens05:10
    • Módulo 6 - Tabelas e Formulários 1:19:56
      • 6.1 Tabelas04:49
      • 6.2 O Básico Das Formas09:54
      • 6.3 Atributos de Entrada HTML515:44
      • 6.4 Novas Entradas HTML508:53
      • 6.5 Atributo de Ação03:40
      • 6.6 GET vs POST03:13
      • 6.7 Usando uma imagem para o botão Submi04:06
      • 6.8 Exercício - Formulário de Reserva Hote18:45
      • 6,9 Placeholder vs. Valor02:31
      • 6.10 Botões de rádio, caixas de seleção, Selsct Elemnets e áreas de texto08:21
    • Módulo 7 - Elementos HTML5 Sematic 14:35
      • 7.1 Novos Elementos03:39
      • 7.2 O que são elementos semânticos?03:14
      • 7.3 Elementos Semânticos na Prática04:32
      • 7,4 metros e elementos de progresso03:10
    • Módulo 8 - Multimídia 07:43
      • 8.1 Áudio04:15
      • Vídeo 8.203:28
    • Capítulo 0 - Introdução 03:12
      • 0.1 Introdução00:57
      • 0.2 Um olhar sobre o que bem construir02:15
    • Capítulo 1 - Vamos começar 25:33
      • 1.1 Permite começar03:25
      • 1.2 Nos Princípios básicos do HTML inicial11:18
      • 1.3 Compreendendo o que é CSS06:34
      • 1.4 Visualizando um código de fundo da página04:16
    • Capítulo 2 - Organizando seus arquivos 16:01
      • 2.1 Obtendo seus arquivos organizados06:43
      • 2.2 Criando uma página e compreendendo arquivos de índice05:41
      • 2.3 Configurando uma folha de estilos externa03:37
    • Capítulo 3 - Vamos criar um layout da Web a partir do zero 1:27:45
      • 3.1 Permite criar um layout da Web a partir do zero06:54
      • 3.2 Conectando a folha de estilo externa e teste08:14
      • 3.3 Inserir e formatar o cabeçalho do site07:36
      • 3.4 Finalizando o layout básico04:48
      • 3.5 Depurando para o Internet Explorer03:25
      • 3.6 Entendendo como funciona o layout05:49
      • 3.7 Usando Divs Para Layout de Página07:14
      • 3.8 Uma abordagem mais econômica ao layout e CSS07:50
      • 3.9 Usando Float And Clear05:54
      • 3.10 Centrando o layout09:01
      • 3.11 Aninhando Objetos de Layout07:03
      • 3.12 Espaçando o Layout09:11
      • 3,13 toques finais04:46
    • Capítulo 4 - Inserindo e Formatando Texto 1:17:29
      • 4.1 Inserindo e Formatando Texto04:16
      • 4.2 Configurando Parágrafos e Cabeçalhos04:36
      • 4.3 Ajustando o layout da parte 1 do texto07:35
      • 4.4 Ajustando o layout para a parte 2 do texto05:19
      • 4.5 Formatando cabeçalhos HTML com CSS06:48
      • 4.6 Formatando Parágrafos04:09
      • 4.7 Usando regras de classe para formatar texto05:22
      • 4.8 Mais formatação com regras de classe09:07
      • 4.9 Trabalhando com mais eficiência com CSS06:52
      • 4.10 Inserindo e formatando listas06:40
      • 4.11 Usando uma lista para criar o menu principal de navegação10:15
      • 4.12 Configurando a navegação do rodapé06:30
    • Capítulo 5 - Agora é hora de alguns gráficos 42:18
      • 5.1 Agora é hora de alguns gráficos06:28
      • 5.2 Redimensionando imagens com o editor de gráficos04:51
      • 5.3 Controlando gráficos com CSS07:06
      • 5.4 Inserindo as Imagens do FeatureBox (Lição Grátis)07:10
      • 5.5 Ajustando o layout do FeatureBox02:57
      • 5.6 Configurando os Títulos do FeatureBox06:18
      • 5.7 Illustrator, Photoshop, HTML e fluxo de trabalho CSS07:28
    • Capítulo 6 - Distribuição do site 26:21
      • 6.1 Lançamento do Site03:37
      • 6.2 Como não abrir um site07:07
      • 6.3 Lançamento 1 - Definição de hiperlinks internos04:36
      • 6.4 Roll Out 2 - Criando as páginas do site01:33
      • 6.5 Visualizando e testando o site04:03
      • 6.6 Um pensamento final no lançamento do site05:25
    • Capítulo 7 - Inserindo Elementos Adicionais da Página 1:02:46
      • 7.1 Inserindo Elementos Adicionais de Página06:58
      • 7.2 Inserindo um Slideshow Simples08:29
      • 7.3 Inserindo e Formatando Tabelas08:15
      • 7.4 Inserindo um mapa do Google07:51
      • 7.5 Formatando uma Página Depoimento do Cliente07:07
      • 7.6 Configurando uma página de contato06:44
      • 7.7 Finalizando o site11:55
      • 7.8 Organizando o arquivo CSS05:27
    • Capítulo 8 - Indo ao vivo Carregando o site concluído 25:26
      • 8.1 Carregando o site concluído03:52
      • 8.2 Carregando o site local no servidor remoto02:25
      • 8.3 Testando o site ao vivo02:04
      • 8.4 Fazendo edições e atualizando o site ao vivo06:49
      • 8.5 Testando e depurando para outros navegadores09:53
      • 8.6 Conclusão00:23
    • Introdução ao SASS 41:17
      • 1.1 Instalando o Sass00:58
      • 1.2 Compilando05:38
      • 1.3 Visão Geral do Projeto01:37
      • 1.4 Estrutura de Diretórios04:55
      • 1.5 Variáveis07:51
      • 1.6 Herança07:15
      • 1.7 Aninhamento02:33
      • 1.8 Funções04:56
      • 1,9 Mixins05:34
    • Seção 1 - Introdução ao Curso 02:34
      • 1.1 Introdução ao Web Design02:34
    • Seção 2 - Noções básicas de web design 46:03
      • 2.1 Diferença entre HTML e CSS08:12
      • 2.2 Primeiro Arquivo Html07:04
      • 2.3 Introdução ao Layout do Documento06:52
      • 2.4 Vinculando em uma folha de estilo07:40
      • 2.5 Estilizando seu primeiro elemento16:15
    • Seção 3 - Fundamentos do Web Design 2:12:44
      • 3.1 Modelo de Caixa14:21
      • 3.2 Introdução às Ferramentas para Desenvolvedores14:23
      • 3.3 Compreendendo os tipos de exibição09:59
      • 3.4 Projeto - Criar um Botão CSS21:15
      • 3.5 Usando Seletores de CSS23:10
      • 3.6 Links de Estilo04:49
      • 3.7 Usando Flutuadores15:21
      • 3.8 Usando o Clearfix05:40
      • 3.9 Trabalhando com Imagens14:50
      • 3.10 Validando HTML e CSS08:56
    • Seção 4 - Webfonts 24:33
      • 4.1 Introdução - Webfonts16:43
      • 4.2 Webfonts, Google Fonts e API07:50
    • Seção 5 - Folhas de Estilo em Cascata 30:43
      • 5.1 Usando CSS e Aplicando ao Documento07:47
      • 5.2 Prefixos do Fornecedor09:56
      • 5.3 Criar uma imagem de perfil em mudança de cor13:00
    • Seção 6 - Introdução às Estruturas de Grade 45:26
      • 6.1 Grid System Framework12:59
      • 6.2 Escolhendo uma estrutura de grade09:11
      • 6.3 Grades e Design Responsivo23:16
    • Seção 7 - Formulários E ícones 1:01:07
      • 7.1 Formas de Estilo28:00
      • 7.2 Usando ícones de fontes13:56
      • 7.3 Entendendo Sprite Sheets19:11
    • Seção 8 - Projeto - Criar uma lista de comentários 15:00
      • 8.1 Construindo uma lista de comentários15:00
    • Seção 9 - Posicionamento e Recursos 24:30
      • 9.1 Posicionamento CSS18:53
      • 9.2 Recursos CSS05:37
    • Seção 10 - Projeto Final - Projetar um Site Real 1:00:53
      • 10.1 Crie um site real04:58
      • 10.2 Adicionando nossos gráficos08:32
      • 10.3 Construindo nosso site43:28
      • 10.4 Validando nosso site03:55
    • Capítulo 1 - Introdução 30:57
      • 1.1 Começando01:11
      • 1.2 Compreendendo a varredura e o vetor03:42
      • 1.3 Configurando o Photoshop para a Web09:40
      • 1.4 Técnicas comuns de produtividade do Photoshop09:29
      • 1.5 Entendendo Espaços de Cores06:55
    • Capítulo 2 - Preparando Suas Imagens Para A Web 1:11:45
      • 2.1 Preparando suas imagens para a web09:50
      • 2.2 Por que a resolução não importa na web15:42
      • 2.3 Técnicas para redimensionamento de imagens11:23
      • 2.4 Comparativo de Gráficos da Web07:40
      • 2.5 Salvando Imagens como um GIF08:19
      • 2.6 Salvando um GIF Transparente03:13
      • 2.7 Salvando Imagens como JPEGs05:33
      • 2.8 Salvando Imagens como PNGs04:01
      • 2.9 Salvando Imagens no Formato SVG06:04
    • Capítulo 3 - Um olhar mais atento na otimização de imagens 55:39
      • 3.1 Um olhar mais atento na otimização de imagens07:50
      • 3.2 Otimizando imagens como GIFs07:00
      • 3.3 Criando GIFs Animados06:24
      • 3.4 Otimizando imagens como JPEGs04:40
      • 3.5 Salvando como PNG 8 e PNG 2403:24
      • 3.6 Criando transparência alfa com PNGs03:37
      • 3.7 Uma nota final sobre otimização de imagem01:34
      • 3.8 Preparando Imagens Para Displays Retina04:44
      • 3.9 Salvando uma predefinição de otimização03:39
      • 3.10 Criando uma gota07:00
      • 3.11 Processamento em lote de um grande número de imagens02:48
      • 3.12 Usando o Comando do Processador de Imagens do Photoshop02:59
    • Capítulo 4 - Técnicas de Web Styling do Photoshop 30:02
      • 4.1 Técnicas de Web Styling do Photoshop10:40
      • 4.2 Construindo um cabeçalho de site10:41
      • 4.3 Construindo um Menu de Navegação08:41
    • Capítulo 5 - Usando o Photoshop Asset Generator 18:11
      • 5.1 Usando o gerador de ativos do Photoshop08:04
      • 5.2 Indo além com o gerador de ativos07:46
      • 5.3 Notas Finais ao Usar o Gerador02:21
    • Capítulo 6 - Encerrando 02:08
      • 6.1 Encerrando02:08
    • Capítulo 0 - Gettin Warmed Up 04:00
      • 0,1 Gettin aquecido01:35
      • 0.2 Visualizando o Layout Concluído (Lição Gratuita)02:25
    • Capítulo 1 - Vamos começar com layouts de grade de fluidos 1:21:21
      • 1.1 Vamos começar com layouts de grade de fluidos04:14
      • 1.2 Criando um novo layout de grade de fluido06:14
      • 1.3 Percorrendo o Layout06:19
      • 1.4 Olhando para outras exibições de dispositivos06:09
      • 1.5 Construindo a Estrutura Básica do Layout da Grade de Fluidos07:19
      • 1.6 Ajustando Objetos de Layout10:42
      • 1.7 Touring e Compreender a Folha de Estilo Externa10:29
      • 1.8 Construindo a estrutura bruta para dispositivos móveis06:18
      • 1.9 Ajustando a estrutura para tablet e desktop08:15
      • 1.10 Inserindo Divs Aninhadas no Layout03:06
      • 1.11 Pré-visualizando seu trabalho07:31
      • 1.12 Ajustando a folha de estilos externa04:45
    • Capítulo 2 - Criando o layout do dispositivo móvel 1:24:55
      • 2.1 Criando o layout do dispositivo móvel04:02
      • 2.2 Inserindo o Logo09:49
      • 2.3 Inserir e formatar os itens do menu07:26
      • 2.4 Desbaste no Slideshow02:01
      • 2.5 Construindo a área de declaração de posicionamento08:09
      • 2.6 Obtendo a nova área de inclusões09:42
      • 2.7 Construindo as caixas de recursos14:31
      • 2.8 Finalizando as caixas de recursos04:00
      • 2.9 Ajustando o layout móvel para dimensionar a parte 105:32
      • 2.10 Ajustando o layout móvel para dimensionar a parte 207:00
      • 2.11 Formatando o rodapé06:15
      • 2.12 Finalizando o layout do dispositivo móvel06:28
    • Capítulo 3 - Criando o design do dispositivo de mesa digitalizadora 45:37
      • 3.1 Criando o design do dispositivo de tablets06:17
      • 3.2 Ajustando o logotipo do layout do tablet (Lição gratuita)05:11
      • 3.3 Configurando Objetos de Layout para Herdar da Folha de Estilo Móvel03:16
      • 3.4 Ajustando a declaração de posicionamento e novas áreas de adição03:51
      • 3.5 Configuração das caixas de recursos do dispositivo de mesa Parte 105:32
      • 3.6 Configurando as caixas de recursos do dispositivo de mesa Parte 207:58
      • 3.7 Vamos Cheat Here s Como Corrigir a Margem Gráfica04:03
      • 3.8 Corrigindo a exibição móvel05:47
      • 3.9 Toques finais para o layout do tablet03:42
    • Capítulo 4 - Criando o layout da área de trabalho 20:46
      • 4.1 Criando o layout da área de trabalho03:44
      • 4.2 Ajustando o logotipo do layout da área de trabalho01:54
      • 4.3 Aplicando o Deskto - somente formatação ao menu03:21
      • 4.4 Ajustando o Posicionamento do Slideshow00:55
      • 4.5 Corrigindo a declaração de posicionamento e as caixas de recursos08:01
      • 4.6 Ajustes Finais do Layout da Área de Trabalho (Lição Grátis)02:51
    • Capítulo 5 - Finalizando com alguns ajustes finais 10:39
      • 5.1 Finalizando com alguns ajustes finais04:54
      • 5.2 Ocultar conteúdo de layout entre dispositivos05:16
      • 5.3 Envolvendo os layouts da grade de fluidos00:29
    • Seção 1 - Introdução 12:06
      • 1.1 Introdução12:06
    • Seção 2 - Começando 45:30
      • 2.1 Executando um Negócio10:03
      • 2.2 Iniciando um Negócio de Web Design18:21
      • 2.3 Obtenção de trabalho17:06
    • Seção 3 - Clientes 31:01
      • 3.1 Lidando com Clientes10:53
      • 3.2 Como mudar a mente do cliente02:59
      • 3.3 Reunindo Clientes05:14
      • 3.4 Problemas do Cliente11:55
    • Seção 4 - Trabalho 55:38
      • 4.1 Lidando com pedidos de clientes03:40
      • 4.2 O que dizer ao cliente06:43
      • 4.3 Como vender um site para um cliente15:24
      • 4.4 Como vender o design de impressão para um cliente04:18
      • 4.5 Como vender um logotipo para um cliente05:17
      • 4.6 Especialização e Diversificação20:16
    • Seção 5 - Dinheiro 26:37
      • 5.1 Quanto eu cobro do cliente editado08:04
      • 5.2 Fazendo as contas12:13
      • 5.3 Mais Conselhos sobre Dinheiro06:20
    • Seção 6 - Web Designers Business Survey 42:28
      • 6.1 Conheça os Designers Editados15:06
      • 6.2 O que os designers fazem como ganham dinheiro e onde encontram clientes?14:04
      • 6.3 Como os Web Designers são pagos13:18
    • Capítulo 1 Introdução 11:20
      • 1.1 Instalando o Scratching WordPress Themes01:51
      • 1.2 Compreendendo os temas WordPress e WordPress02:24
      • 1.3 O Processo de Fluxo de Trabalho03:06
      • 1.4 Visualizando o site final03:59
    • Capítulo 2 - Configurando o Photoshop para Layout da Web 50:13
      • 2.1 Configurando o Photoshop05:57
      • 2.2 Organizando o espaço de trabalho09:43
      • 2.3 Definindo Opções do Painel06:52
      • 2.4 Personalizando menus e atalhos de teclado08:53
      • 2.5 Salvando Espaço de Trabalho de Photoshops03:10
      • 2.6 Gerenciamento de cores do Photoshop para web design05:27
      • 2.7 Técnicas Comuns de Produtividade do Photoshop05:55
      • 2.8 Algumas configurações finais do Photoshop04:16
    • Capítulo 3 - Configuração do design da interface do usuário 52:47
      • 3.1 Compreendendo a resolução do monitor04:03
      • 3.2 Layouts Web Flexíveis e Versus04:17
      • 3.3 Introduzindo o Sistema de Grade 96008:59
      • 3.4 Larguras de coluna disponíveis no sistema 960 Grid04:15
      • 3.5 Construindo um Sistema de Grade Customizado (Lição Gratuita)14:01
      • 3.6 Usando o Photoshop Photos Grid For Layout03:18
      • 3.7 Compreendendo a Proporção Dourada04:58
      • 3.8 As principais áreas de um blog WordPress04:06
      • 3.9 Desbaste do Design04:50
    • Capítulo 4 - Desenvolvendo uma interface de wireframe no Photoshop 1:12:26
      • 4.1 Construindo um layout de estrutura de arame usando o Photoshop05:53
      • 4.2 Criando o primeiro objeto de estrutura de arame06:05
      • 4.3 Continuando com Objetos de Wireframe07:24
      • 4.4 Excluindo Objetos de Wireframe02:12
      • 4.5 Métodos mais rápidos para criar objetos de estrutura de arame10:32
      • 4.6 Construindo o Wireframe10:06
      • 4.7 Adicionando em regras horizontais04:01
      • 4.8 wireframing objetos adicionais, além de algumas técnicas extras09:13
      • 4.9 Continuando o Desenvolvimento do Wireframe06:34
      • 4.10 Colocar objetos para miniaturas de postagem de loop05:01
      • 4.11 Desbaste em uma galeria de fotos05:25
    • Capítulo 5 - Finalizando o Wireframe 1:01:42
      • 5.1 Wireframing O Texto09:44
      • 5.2 Criando mais texto de wireframe09:11
      • 5.3 Adicionando Objetos de Texto Adicionais07:55
      • 5.4 Finalizando o texto Wireframing03:33
      • 5.5 Obtendo o Painel de Camadas Organizado09:28
      • 5.6 Técnicas Adicionais de Grupo de Camadas06:36
      • 5.7 Adicionando rótulos de texto ao wireframe07:36
      • 5.8 Exportando o wireframe para revisão07:39
    • Capítulo 6 - Do Wireframe ao Design 1:55:02
      • 6.1 Aplicando Design ao Wireframe03:18
      • 6.2 Determinando a Mensagem dos Desenhos04:50
      • 6.3 Escolhendo uma hierarquia de tipos13:54
      • 6.4 Escolhendo combinações de cores12:25
      • 6.5 Salvando as paletas de cores personalizadas do Photoshop (lição gratuita)03:26
      • 6.6 Sourcing Fotografia e Texturas08:05
      • 6.7 Criando o logotipo do site (e usando objetos inteligentes)08:47
      • 6.8 Introdução aos efeitos especiais de estilo de camada07:06
      • 6.9 Finalizando o cabeçalho03:12
      • 6.10 Construindo o Menu08:18
      • 6.11 Desenvolvendo o slideshow e o plano de fundo do corpo04:11
      • 6.12 Formatando a nova área de acréscimos17:52
      • 6.13 Formatação de Loop de Blog03:07
      • 6.14 Desenvolvendo a barra lateral06:24
      • 6.15 Finalizando com o rodapé e salvando estilos personalizados10:07
    • Capítulo 7 - Aplicando Fotografia e Texturas 30:30
      • 7.1 Aplicando Textura ao Cabeçalho08:06
      • 7.2 Incluindo Texturas Adicionais04:37
      • 7.3 Adicionando uma foto ao slideshow04:02
      • 7.4 Inserindo Fotografia Para a Nova Área de Adições04:55
      • 7.5 Adicionando Post Thumbnails no Loop05:30
      • 7.6 Inserindo miniaturas na galeria de fotos03:20
    • Capítulo 8 - Preparando um tema WordPress em branco para design 1:09:26
      • 8.1 Ferramentas do Comércio04:13
      • 8.2 Compreendendo a hierarquia de modelos06:08
      • 8.3 Uma olhada na configuração do Geoffs01:44
      • 8.4 Aplicando um Tema WordPress em Branco06:00
      • 8.5 Revendo e Ajustando as Folhas de Estilo05:14
      • 8.6 Criando a primeira regra Div e CSS05:28
      • 8.7 Desbaste no Layout09:09
      • 8.8 Mais desbaste no layout12:38
      • 8.9 Adicionando a paleta de cores do Photoshop à folha de estilos de temas06:45
      • 8.10 Criando nossa estrutura de página de sites e menu principal de navegação08:36
      • 8.11 Criando Postagens de Amostra para o Loop03:31
    • Capítulo 9 - Construindo o tema WordPress a partir do zero completo 3:06:36
      • 9.1 Extraindo a textura do cabeçalho do layout09:47
      • 9.2 Inserindo o gráfico do cabeçalho no tema03:30
      • 9.3 Extraindo o logotipo do Photoshop e inserindo-o no tema08:56
      • 9.4 Reconstruindo o menu de navegação usando CSS20:00
      • 9.5 Criando a área de conteúdo principal06:23
      • 9.6 Desbaste Nos Recipientes Internos18:38
      • 9.7 Inserindo a declaração de posicionamento04:59
      • 9.8 Criando formatação de botão com CSS20:03
      • 9.9 Criando e formatando a nova área de inclusões - Parte 105:53
      • 9.10 Criando e formatando a nova área de inclusões - Parte 212:14
      • 9.11 Substituição de fontes com a API de fontes do Google10:20
      • 9.12 Consolidando o uso de fontes e organizando tipografia21:12
      • 9,13 Um salto gigante para o design do tema09:48
      • 9.14 Formatando o Loop09:54
      • 9.15 Adicionando pós-miniaturas ao loop21:20
      • 9.16 Iniciando a barra lateral03:39
    • Capítulo 10 - Impulsionando o Design do Tema 2:28:53
      • 10.1 Desenvolvimento de Rodapé06:17
      • 10.2 Formatando Hiperlinks05:54
      • 10.3 Limitando o número de postagens que aparecem na home page06:38
      • 10.4 Inserindo paginação de loop personalizado09:05
      • 10.5 Inserindo o show de slides16:25
      • 10.6 Uma maneira melhor de construir menus do WordPress08:10
      • 10.7 Construindo e formatando subpáginas do WordPress08:27
      • 10.8 Aplicando formatação para postar páginas07:16
      • 10.9 Personalizando completamente a área de comentários18:55
      • 10.10 Adicionando um gráfico de faixa de opções à área de comentários15:49
      • 10.11 Personalização de páginas de resultados de categoria e pesquisa (lição gratuita)08:07
      • 10.12 Adicionando um campo de pesquisa ao cabeçalho08:23
      • 10.13 Criando uma galeria de fotos do Lightbox16:11
      • 10.14 Toques Finais03:34
      • 10.15 Endereçando problemas de compatibilidade do navegador09:42
    • Capítulo 11 - Envolvendo as coisas 05:39
      • 11.1 Lista de Verificação Final do Site01:57
      • 11.2 Obrigado por assistir isso foi divertido03:42
    • Módulo 1 - Introdução 00:39
      • 1.1 Introdução00:39
    • Módulo 2 - Trabalhando com a câmera 25:24
      • 2.1 Distâncias da Câmera05:04
      • 2.2 Horizontal02:46
      • 2.3 Vertical06:58
      • 2.4 Configuração e Transições06:16
      • 2.5 Diretrizes de enquadramento04:20
    • Módulo 3 - Fluxo 52:48
      • 3.1 Relação Dourada de Layout07:08
      • 3.2 Fluxo Explicado09:45
      • 3.3 Exemplo de pintor05:50
      • 3.4 Exemplo de Mola03:09
      • 3.5 Exemplo de São Mateus05:31
      • 3.6 Histórias em Quadrinhos15:56
      • 3,7 Aspect Ratio05:29
    • Módulo 4 - Storyboard Avançado 16:29
      • 4.1 Enquadrando o tiro03:32
      • 4.2 Fronteiras08:29
      • 4.3 Regras de Enquadramento04:28
    • Capítulo 0 - Introdução 12:51
      • 0.1 Introdução04:03
      • 0.2 Por que usar o Photoshop pode não ser a melhor escolha03:07
      • 0.3 Usando HTML e CSS para composição rápida de wireframe02:54
      • 0.4 Um olhar sobre o que vamos construir neste curso01:23
      • 0.5 lição de bônus Como transformar qualquer página da Web em um wireframe01:24
    • Capítulo 1 - Introdução 46:27
      • 1.1 Começando04:45
      • 1.2 Construindo as Regras Estruturais de CSS Parte 107:43
      • 1.3 Construindo as Regras Estruturais de CSS Part 202:53
      • 1.4 Conectando o HTML ao CSS05:20
      • 1.5 Centralizando Elementos de Layout05:37
      • 1.6 Configurando Contêineres de Layout Interno07:19
      • 1.7 Inserindo Contêineres Internos Adicionais03:35
      • 1.8 Espaçando o Layout09:15
    • Capítulo 2 - Wireframing O cabeçalho em maior detalhe 20:26
      • 2.1 Wireframing O cabeçalho em maior detalhe04:37
      • 2.2 Construindo o contêiner de logotipo03:55
      • 2.3 Configurando o Menu Principal de Navegação05:54
      • 2.4 Criando um botão de chamada para ação06:00
    • Capítulo 3 - Construindo o Resto do Layout 40:25
      • 3.1 Construindo o resto do layout04:41
      • 3.2 Começando com o conteúdo do herói04:02
      • 3.3 Finalizando a seção Hero05:36
      • 3.4 Inserindo os Cabeçalhos de Recurso03:35
      • 3.5 Criando as caixas de recursos05:59
      • 3.6 Wireframes A Seção Organizar05:42
      • 3.7 Acelerando as coisas para a seção Share04:27
      • 3.8 Acabamento - o Wireframing06:23
    • Capítulo 4 - Toques Finais 44:58
      • 4.1 Toques Finais03:49
      • 4.2 Adicionando um espaço reservado para o logotipo com texto03:51
      • 4.3 Inserindo os Placeholders de Imagem Restantes03:23
      • 4.4 Inserindo um espaço reservado do plano de fundo05:10
      • 4.5 Adicionando Interatividade Sutil06:01
      • 4.6 Adicionando Interatividade do Botão11:43
      • 4.7 Toques Finais04:57
      • 4.8 Compartilhando o wireframe para revisão06:04
    • Capítulo 5 - Encerrando 00:21
      • 5.1 Encerrando00:21
    • Fundamentos do HTML 1:20:54
      • 1.1 Materiais do Curso00:25
      • 1.2 O que é HTML01:14
      • 1.3 Editores02:08
      • 1.4 Elementos03:26
      • 1.5 Elementos de Blocos02:36
      • 1.6 Atributos05:02
      • 1.7 Quebras de Linha01:42
      • 1.8 Cabeçalhos e Parágrafos04:45
      • 1.9 Links04:15
      • 1,10 imagens04:27
      • 1.11 Formatando (Parte 1)02:29
      • 1.12 Formatando (Parte 2)05:16
      • 1.13 O Atributo de Estilo07:42
      • 1.14 Comentários02:44
      • 1.15 O Elemento Div02:02
      • 1.16 Listas04:37
      • 1.17 tabelas (parte 1)05:57
      • 1.18 Tabelas (Parte 2)06:14
      • 1.19 Formulários10:59
      • 2.20 IFrames02:54
    • Fundamentos do CSS3 34:58
      • 1.1 Materiais do Curso00:26
      • 1.2 O que é o CSS3?02:33
      • 1.3 Raio da Borda02:41
      • 1.4 Imagem da Fronteira09:08
      • 1.5 Box Shadow03:36
      • 1.6 Tamanho do Plano de Fundo06:39
      • Sombra de Texto 1,701:47
      • 1.8 Fontes Personalizadas04:33
      • 1.9 Rodar01:45
      • 1.10 Redimensionar01:50
    • Fundamentos do CSS 1:33:05
      • 1.1 Material do Curso00:25
      • 1.2 O que é CSS02:59
      • 1.3 Sintaxe01:57
      • 1.4 Usando folhas de estilo04:45
      • 1.5 Folhas de Estilo Externo01:57
      • 1.6 IDs e Classes05:02
      • 1.7 Elementos de Estilo02:01
      • 1.8 Comentários01:17
      • 1.9 Cores de fundo00:57
      • 1.10 imagem de fundo07:49
      • 1.11 Cor do Texto01:30
      • 1.12 Formatação de texto07:23
      • 1.13 Propriedades da Fonte07:06
      • 1.14 Propriedades do texto04:39
      • 1.15 Links07:39
      • 1.16 Listas06:29
      • 1,17 largura e altura05:14
      • 1.18 Fronteiras08:07
      • 1.19 Margem e preenchimento04:39
      • 1.20 Cursor02:55
      • 1.21 Display05:49
      • 1.22 estouro02:26
    • HTML avançado 25:03
      • 1.1 Materiais do Curso00:30
      • 1.2 O Doctype01:58
      • 1.3 Seção Principal (Parte 1)06:15
      • 1.4 Seção Principal (Parte 2)06:49
      • 1.5 Scripts01:18
      • Hierarquia 1.6 (DOM)04:08
      • 1,7 Entidades04:05
    • Capítulo 0 - Introdução 03:22
      • 0.1 Introdução01:56
      • 0.2 Aqui está o que vamos criar neste curso01:26
    • Capítulo 1 - Do Wireframe ao Design 21:59
      • 1.1 De Wireframe para Design05:16
      • 1.2 Escolhendo sua paleta de cores de desenhos06:39
      • 1.3 Ferramentas para Seleção de Tipos de Letra05:18
      • 1.4 Escolhendo Imagens e Elementos de Design04:46
    • Capítulo 2 - Como o projeto está sendo executado 50:51
      • 2.1 Obtendo o design em andamento05:15
      • 2.2 Formatando Call To Action Botões Com CSS08:41
      • 2.3 efeitos de sombra adicionais para os botões03:11
      • 2.4 Finalizando a formatação do botão05:40
      • 2.5 Tratamentos tipográficos com a API de fontes do Google07:42
      • 2.6 Começando a seção de recursos Styling05:29
      • 2.7 Terminando a seção de recursos04:08
      • 2.8 Formatando a Seção Organizar04:48
      • 2.9 Envolvendo o design dos layouts05:57
    • Capítulo 3 - Inserindo e Formatando Gráficos 17:31
      • 3.1 Inserindo e Formatando Gráficos02:49
      • 3.2 Configurando os Gráficos da Seção Herói04:53
      • 3.3 Obtendo as imagens da seção de recursos inseridas03:04
      • 3.4 Colocando Organizar e Compartilhar Imagens02:52
      • 3.5 Usando um gráfico como um rótulo de botão03:53
    • Capítulo 4 - Teste entre navegadores 22:49
      • 4.1 Teste entre navegadores08:07
      • 4.2 Executando sistemas operacionais virtuais para teste09:17
      • 4.3 Fazendo pequenos ajustes para compatibilidade do navegador05:25
    • Capítulo 5 - Encerrando 00:29
      • 5.1 Encerrando00:29
    • Construindo sites responsivos com HTML5 CSS3 3:29:50
      • 1.1 Bem-vindo00:48
      • 1.2 Um olhar sobre o que vamos construir01:36
      • 1.3 Aspectos Chave do Design Responsivo02:43
      • 1.4 Determinando as Resoluções de Dispositivo para Alvo04:20
      • 1.5 Wireframing Layouts Responsivos04:59
      • 1.6 O conceito de usar vários arquivos CSS10:50
      • 1.7 Consultas de Mídia e Múltiplas Folhas de Estilo08:58
      • 1.8 Construindo Consultas de Mídia em um Único Arquivo CSS07:38
      • 1.9 Usando expressões de consulta de mídia05:05
      • 1.10 Configurando os arquivos HTML e CSS04:19
      • 1.11 Começando com o cabeçalho07:36
      • 1.12 Inserindo o menu principal do Nav06:01
      • 1.13 Inserindo o campo de busca06:56
      • 1.14 Problemas com a aplicação de flutuadores04:19
      • 1.15 Integrando a API de fontes do Google03:25
      • 1.16 Construindo a Estrutura da Seção Herói04:26
      • 1.17 Formatando a seção Herói09:04
      • 1.18 Inserir e formatar um botão de call to action09:51
      • 1.19 Construindo a Seção de Recursos, Parte Um05:46
      • 1.20 Criando a seção de recursos, parte dois04:57
      • 1.21 Inserindo a seção Organizar08:19
      • 1.22 Criando a seção Compartilhar05:16
      • 1.23 Construindo a área de Call To Action06:36
      • 1.24 Inserindo e Formatando o Rodapé03:48
      • 1.25 Toques finais para o layout de alta resolução04:07
      • 1.26 Configurando o CSS de resolução média e testando a consulta de mídia07:02
      • 1.27 Formatando o cabeçalho de média resolução04:08
      • 1.28 Como formatar a seção Herói Res médio06:09
      • 1.29 Formatando a seção de recursos02:14
      • 1.30 Formatando as seções Organizar e compartilhar05:17
      • 1.31 Construindo a seção Get e finalizando o layout Res médio02:53
      • 1.32 Configurando o CSS de baixa resolução e testando a consulta de mídia04:41
      • 1.33 Formatando o cabeçalho de baixa resolução02:53
      • 1.34 Resolvendo Problemas Causados ​​por Flutuadores04:22
      • 1.35 Formatando a Seção Herói de Baixa Resolução03:18
      • 1.36 Formatando a seção de recursos01:46
      • 1.37 Como formatar as seções Organizar e compartilhar02:59
      • 1.38 Criando a seção Get e finalizando o layout de baixa resolução03:07
      • 1.39 Desativando o zoom inteligente do dispositivo05:59
      • 1.40 Testando seus layouts responsivos04:28
      • 1.41 Configurando gráficos da tela Retina06:22
      • 1.42 Para onde ir a partir daqui00:29
    • Construindo sites com o Photoshop CC 4:57:26
      • 1.1 Introdução01:21
      • 1.2 Aqui está o que vamos construir (aula grátis)02:13
      • 1.3 O Processo de Fluxo de Trabalho (Lição Gratuita)03:53
      • 1.4 Configurando o Photoshop para Layout da Web (Lição Gratuita)04:48
      • 1.5 Salvando nossas personalizações do Photoshop (lição gratuita)07:06
      • 1.6 Estruturando layouts com o Photoshop03:08
      • 1.7 Configurando nosso modelo de grade 96005:48
      • 1.8 Criando o primeiro objeto de estrutura de arame04:31
      • 1.9 Continuando Com Objetos Wireframe04:45
      • 1.10 Técnicas Adicionais para o Wireframing11:37
      • 1.11 Finalizando o Wireframe Base02:58
      • 1.12 Organizando as camadas e redefinindo o painel de propriedades06:01
      • 1.13 Desbaste no conteúdo do cabeçalho05:35
      • 1.14 Construindo a Seção do Herói08:02
      • 1.15 Wireframing A Seção Introduzindo05:37
      • 1.16 Criando a seção Organizar04:04
      • 1.17 Construindo a seção Get It Now03:25
      • 1.18 Finalizando o Wireframe03:03
      • 1.19 Organizando e codificando em cores o painel Camadas04:55
      • 1.20 Adicionando rótulos de texto ao wireframe03:48
      • 1.21 Exportando o Wireframe para aprovação06:18
      • 1.22 Aplicando Design Ao Wireframe10:13
      • 1.23 Reunindo os Recursos dos Desenhos Parte Dois08:14
      • 1.24 Criando o logotipo do site com um objeto inteligente lllustrator06:38
      • 1.25 Usando estilos de camada para formatar botões08:00
      • 1.26 Salvando e usando um estilo personalizado02:17
      • 1.27 Finalizando o cabeçalho02:26
      • 1.28 Usando objetos inteligentes vinculados10:53
      • 1.29 Usando máscaras de camada para posicionar o conteúdo05:26
      • 1.30 Finalizando a seção Herói03:51
      • 1.31 Projetando com grupos de recorte e objetos inteligentes vinculados12:44
      • 1.32 Desenvolvendo as seções de organização e compartilhamento04:18
      • 1.33 Finalizando o design dos layouts03:35
      • 1.34 Obtendo o layout do Photoshop para o código08:07
      • 1.35 Indo além com o gerador de ativos12:48
      • 1.36 Obtendo os ativos do layout organizados05:06
      • 1.37 Gerando HTML com o Photoshop12:34
      • 1.38 Preparando-se para a fase de codificação09:22
      • 1.39 Ajustando a folha de estilos externa04:47
      • 1.40 Configurando o CSS estrutural06:55
      • 1.41 Reconstruindo o layout com código11:42
      • 1.42 Criando o botão de cabeçalho da App Store05:00
      • 1.43 Começando na seção Herói04:48
      • 1.44 Finalizando a área do herói06:58
      • 1.45 Criando a seção de introdução06:58
      • Comportamento ímpar 1.46 Com Photoshops Copiar Comando CSS05:47
      • 1.47 Recriando as seções Organizar e compartilhar05:05
      • 1.48 Construindo a seção Get e o rodapé03:09
      • 1.49 Encerrando o projeto02:43
      • 1,50 Encerrando04:06
    • Crie vídeos promocionais impressionantes em 30 minutos ou menos 39:20
      • 1.1 Bem-vindo00:19
      • 1.2 O modelo que usaremos01:16
      • 1.3 Veja algum modelo do After Effects00:13
      • 1,4 iPad Template00:31
      • 1.5 Modelo de Espaço Branco00:38
      • 1.6 Pop Up Livro Template00:56
      • 1.7 Instalando o After Effects02:48
      • 1.8 Abrindo um modelo03:14
      • 1.9 Tour Interativo de After Effects00:30
      • 1.10 Introdução ao After Effects03:35
      • 1.11 Editando Texto05:59
      • 1.12 Mudando Tamanhos de Fontes e Movendo o Texto02:21
      • 1.13 Adicionando Imagens04:23
      • 1.14 Adicionando Vídeo04:01
      • 1.15 Adicionando um Logo02:59
      • 1.16 Como renderizar seu vídeo02:42
      • 1.17 Ajuda pós-produção02:55
    • Seção 1 - Preparação 24:25
      • 1.1 Criando o site visual no Photoshop Parte 105:59
      • 1.2 Projetando o site visual no Photoshop parte 210:48
      • 1.3 Mostrando o design do site para o cliente07:38
    • Seção 2 - Desenvolvimento Local 2:54:54
      • 2.1 Instalando o WordPress Localmente Usando o MAMP04:39
      • 2.2 Instalando o framework do tema Genesis e o tema filho de amostra12:21
      • 2.3 Renomeando e Marcar o Tema da Criança03:43
      • 2.4 Introdução ao desenvolvimento de sites06:03
      • 2.5 Introdução às configurações do tema Genesis e CSS do cabeçalho do logotipo09:37
      • 2.6 Styling Os principais links de navegação11:45
      • 2.7 Criando uma página inicial estática e uma página de blog separada03:45
      • 2.8 Criando menus suspensos e estilizando o menu de navegação superior12:08
      • 2.9 Criando Fundos e CSS Mais Fácil06:20
      • 2.10 títulos Links e tipografia06:24
      • 2.11 Adicionando texto e imagens em uma página do WordPress11:17
      • 2.12 Como estilizar os widgets da barra lateral13:47
      • 2.13 Como estilizar widgets individuais da barra lateral02:38
      • 2.14 Criando os ícones do perfil social09:22
      • 2.15 Criando e estilizando o rodapé09:06
      • 2.16 Criando um modelo de página Widgetized08:31
      • 2.17 Adicionando o controle deslizante responsivo do Genesis à home page03:38
      • 2.18 Adicionando conteúdo ao controle deslizante responsivo do Genesis05:19
      • 2.19 Estilizando o controle deslizante responsivo da gênese10:59
      • 2.20 Cabeçalhos da Página Inicial05:34
      • 2.21 Design responsivo com consultas de mídia CSS17:58
    • Seção 3 - Uploding o site para o servidor host mais desenvolvimento e indo ao vivo 1:25:59
      • 3.1 Configurando o site no servidor host03:29
      • 3.2 Instalando o Wordpress Manualmente no Servidor Hosts03:22
      • 3.3 Fazendo upload de um site local para o servidor host06:09
      • 3.4 Criando uma página em construção18:13
      • 3.5 Adicionando 3 Posts em destaque Widgets para a página inicial11:23
      • 3.6 Estilizando os três widgets de posts em destaque09:22
      • 3.7 Projetando Páginas do Archive Blog07:07
      • 3.8 Criando um formulário de contato no WordPress05:28
      • 3.9 Criar uma lista de assinaturas de email14:57
      • 3.10 Dando ao seu site um favicon06:29
    • Seção 4 - Conclusão 02:17
      • 4.1 O que fazer agora02:17
    • Seção 5 - Extras 15:05
      • 5.1 HTML Genesis15:05
    • Módulo 1 - Introdução ao Curso 23:02
      • 1.1 O que você aprenderá?01:05
      • 1.2 Introdução e o básico19:24
      • 1.3 Instalando o Notepad Plus Plus02:33
    • Módulo 2 - Noções básicas de CSS e CSS3 2:07:25
      • 2.1 Seletores (parte 1 de 4)10:46
      • 2.2 Seletores (parte 2 de 4)11:32
      • 2.3 Seletores (parte 3 de 4)11:01
      • 2.4 seletores (parte 4 de 4)08:38
      • 2.5 Links de Estilo (Hiperlinks)13:24
      • 2,6 Larguras e Alturas12:51
      • 2.7 Posicionamento11:00
      • 2.8 Centralizando um Contêiner10:21
      • 2,9 cores10:52
      • Propriedade de exibição 2.1008:19
      • 2.11 Escondendo um Elemento04:49
      • 2.12 Noções Básicas de Fontes13:52
    • Módulo 3 - CSS Intermediário e CSS3 3:25:49
      • 3.1 Forçando maiúsculas, minúsculas e capitalização05:46
      • 3.2 Alinhamento de texto06:38
      • 3.3 Recuo de texto11:24
      • 3.4 Fronteiras11:08
      • 3.5 Fronteiras Arredondadas11:58
      • 3.6 Margens e preenchimento13:51
      • 3.7 estouro08:39
      • 3.8 Cabeçalhos de Estilo09:03
      • 3.9 Elementos Flutuantes17:08
      • 3.10 Clearfix para limpeza de carros alegóricos13:24
      • 3.11 Listas de estilo Unordere09:20
      • 3.12 Menu Horizontal (Parte 1 de 2)12:51
      • 3.13 Menu Horizontal (Parte 2 de 2)13:38
      • 3.14 Menu Vertical12:10
      • 3.15 Criando um botão11:14
      • 3,16 Fundos12:35
      • 3.17 Múltiplas Imagens de Fundo09:08
      • 3.18 Tamanho do Plano de Fundo06:04
      • Imagens da borda 3.1909:50
    • Módulo 4 - Advanced Intermediate CSS E CSS3 1:38:30
      • 4,1 Sprite14:40
      • 4.2 Sombras Elementares (Box Shadow)07:29
      • 4,3 sombras de texto10:44
      • 4.4 Opacidade06:24
      • 4.5 Ordem de Empilhamento de Elemento (Índice z)07:39
      • 4.6 Efeito de Sobreposição de Imagem (Parte 1 de 2)09:43
      • 4.7 Efeito de Sobreposição de Imagem (Parte 2 de 2)11:35
      • 4.8 Transformações 2D (Parte 1 de 4)03:37
      • 4.9 Transformações 2D (Parte 2 de 4)11:36
      • 4.10 Transformações 2D (parte 3 de 4)09:28
      • 4.11 Transformações 2D (Parte 4 de 4)05:35
    • Módulo 5 - Crie seu primeiro site 2:25:23
      • 5.1 Layout Básico do Site (Parte 1 de 3)11:29
      • 5.2 Layout Básico do Site (Parte 2 de 3)14:13
      • 5.3 Layout Básico do Site (Parte 3 de 3)14:11
      • 5.4 tabelas de estilo (parte 1 de 2)13:38
      • 5.5 tabelas de estilo (parte 2 de 2)10:45
      • 5.6 Cursores07:37
      • 5,7 Box Dimensionamento07:48
      • 5.8 Estilo dos Elementos do Formulário (Parte 1 de 2)11:45
      • 5.9 Estilo dos Elementos do Formulário (Parte 2 de 2)07:00
      • 5.10 Sublinhado do link tracejado07:03
      • 5.11 Menu Drop Down Style14:43
      • 5.12 Triângulos CSS Rápidos E Fáceis03:37
      • 5.13 Menu suspenso puro (parte 1 de 2)09:45
      • 5.14 Menu Pure Dropdown List (Parte 2 de 2)11:49
    • Módulo 6 - Tópicos Avançados de Diversão 48:40
      • 6.1 Criando Cubo Com CSS318:55
      • 6.2 Criar um efeito de imagem de perfil de avatar03:54
      • 6.3 Criar uma bolha de fala na lista de comentários13:21
      • 6.4 Criar um efeito de Backgroung de manchete12:30
    • Programação CSS e CSS3 para novatos absolutos 2:16:57
      • 1.1 Introdução e o básico19:24
      • 1.2 Instalando o Notepad Plus Plus02:33
      • 1.3 Larguras e Alturas12:51
      • 1.4 Margens e preenchimento13:51
      • 1.5 Fronteiras11:08
      • 1.6 Centralizando um Contêiner10:21
      • 1.7 Propriedade de exibição08:19
      • 1.8 Escondendo um Elemento04:49
      • 1.9 Posicionamento11:00
      • 1.10 Noções Básicas de Fontes13:44
      • 1.11 Alinhamento de texto06:38
      • 1.12 Links de Estilo (Hiperlinks)13:23
      • 1.13 Cabeçalhos de Estilo08:56
    • Capítulo 0 - Bem-vindo ao CSS Layouts Flutuantes 03:29
      • 0.1 Como construir layout flutuante CSS00:46
      • 0.2 Uma nota sobre a configuração02:43
    • Capítulo 1 - Fundamentos do Float CSS 39:55
      • 1.1 Flutuação Básica10:29
      • 1.2 Usando Floats em vários itens07:08
      • 1.3 Apresentando Limpar04:38
      • 1.4 Um exemplo prático Criando uma galeria de miniaturas com float e clear17:40
    • Capítulo 2 - Criando um layout flexível 26:00
      • 2.1 Criando Layouts Usando Floats04:59
      • 2.2 Definir propriedades e testar o layout07:30
      • 2.3 Inserindo o Cabeçalho04:20
      • 2.4 Inserindo o rodapé e finalizando06:09
      • 2.5 Entendendo como funciona o layout03:02
    • Capítulo 3 - Construindo um layout fixo flexível de combinação 28:57
      • 3.1 Criando um layout fixo flexível combinado05:06
      • 3.2 Adicionando em algum conteúdo fictício02:13
      • 3.3 Configuração das Propriedades, Parte 107:00
      • 3.4 Propriedades de Configuração Parte 207:32
      • 3.5 Opções Finais de Layout07:06
    • Capítulo 4 - Criando um layout fixo 28:05
      • 4.1 Criando um layout fixo03:40
      • 4.2 Configuração das Propriedades, Parte 104:21
      • 4.3 Propriedades de Configuração Parte 212:16
      • 4.4 Opções Finais de Layout07:48
    • Capítulo 5 - Vídeos Bônus 28:58
      • 5.1 Criando layouts do Dreamweaver CS3 CS4 Essentials usando Floats Parte 108:15
      • 5.2 Criando layouts do Dreamweaver CS3 CS4 Essentials usando Floats Parte 208:57
      • 5.3 Criando layouts flutuantes no Dreamweaver11:46
    • Capítulo 6 - Conclusão 01:59
      • 6.1 Conclusão01:59
    • Seção 1 - Introdução 02:09
      • 1.1 Introdução02:09
    • Seção 2 - Desiging The Logo 12:12
      • 2.1 Desigando o logotipo no Adobe Illustrator - Parte 105:56
      • 2.2 Criando o logotipo no Adobe Illustrator - Parte 206:16
    • Seção 3 - O Primeiro Visual de Design 41:36
      • 3.1 Desingindo no Photoshop e no GIMP09:28
      • 3.2 Criando o cabeçalho e a barra de navegação superior13:13
      • 3.3 Criando a imagem principal do cabeçalho e o corpo do texto no Photoshop04:34
      • 3.4 Criando a barra lateral e o rodapé no Photoshop07:47
      • 3.5 ajustes finais do primeiro design visual no Photoshop e no GIMP06:34
    • Seção 4 - Feedback do Cliente 06:13
      • 4.1 O Primeiro Design Visual06:13
    • Seção 5 - Atuando no feedback dos clientes 16:06
      • 5.1 Amnedments no Photoshop - Parte 108:20
      • 5.2 Amnedments No Photoshop - Parte 207:46
    • Seção 6 - Apresentando os Visuais ao Cliente 24:07
      • 6.1 Como apresentar um visual do site para o cliente06:59
      • 6.2 Como o site responde a um tablet no Photoshop07:28
      • 6.3 Mostrando como o site responde a um smartphone no Photoshop09:40
    • Seção 7 - Vídeo Bouns 09:07
      • 7.1 Mais dicas sobre como projetar sites no Photoshop09:07
    • Seção 8 - Conclusão 04:18
      • 8.1 O que aprendemos04:18
    • Módulo 01 - Bem-vindo ao site do Building com o Deamweaver CS6 02:59
      • 1.1 Bem-vindo ao Dreamweaver CS601:09
      • 1.2 Uma olhada no que vamos construir01:50
    • Módulo 02 - Vamos começar com o Dreamweaver CS6 42:16
      • 2.1 Uma olhada na tela de boas-vindas05:14
      • 2.2 Criando Novos Documentos06:40
      • 2.3 Vistas Diferentes do Dreamweaver05:35
      • 2.4 Visitando a interface do Dreamweaver06:53
      • 2.5 Personalizando a Interface05:09
      • 2.6 Explorando os espaços de trabalho do Dreamweaver04:30
      • 2.7 Criando espaço de trabalho personalizado05:11
      • 2.8 Usando o Tag Selector03:04
    • Módulo 03 - Trabalhando com sites e navegadores 25:04
      • 3.1 Definindo um novo site05:33
      • 3.2 Organizando-se no painel Arquivos05:38
      • 3.3 Salvando Arquivos no Seu Site Local03:16
      • 3.4 Compreendendo os arquivos de índice03:53
      • 3.5 Visualizando seu trabalho em um navegador da web06:44
    • Módulo 04 - Começando com nada construindo o layout da web a partir do zero 1:30:25
      • 4.1 Obtendo o layout, parte 107:37
      • 4.2 Obtendo o layout, parte 203:02
      • 4.3 Entendendo como funciona o layout07:17
      • 4.4 Inserindo o Menu Principal04:00
      • 4.5 Criando a área de conteúdo principal04:48
      • 4.6 Contêineres de Layout de Codificação Manual06:40
      • 4.7 Uma abordagem mais econômica ao layout10:25
      • 4.8 Usando Float e Clear08:33
      • 4.9 Prevenir o Layout e Centralizar12:17
      • 4.10 Aninhando objetos de layout08:57
      • 4.11 Espaçando o Layout08:43
      • 4.12 Toques Finais08:06
    • Módulo 05 - Texto e CSS e Menus e Mais 1:13:15
      • 5.1 Inserindo texto no layout04:51
      • 5.2 Ajustando o layout para texto, parte 107:57
      • 5.3 Ajustando o layout para texto, parte 205:43
      • 5.4 Inserindo Títulos Estruturais04:49
      • 5.5 Redefinindo o cabeçalho de nível superior de HTML com CSS09:05
      • 5.6 Fazendo um tour pela caixa de diálogo Definição de regras CSS08:15
      • 5.7 Redefinindo Cabeçalhos e Parágrafos06:06
      • 5.8 Trabalhando com mais eficiência com CSS04:45
      • 5.9 Criando uma regra de classe CSS05:06
      • 5.10 Formas alternativas de trabalhar com regras de classe04:52
      • 5.12 Usando uma lista para criar uma parte do menu103:59
      • 5.13 Usando uma lista para criar um menu Part207:47
    • Módulo 06 - E Agora, Inserindo Gráficos 51:09
      • 6.1 Inserindo uma Imagem05:46
      • 6.2 Redimensionando imagens com o Dreamweaver e o Photoshop08:06
      • 6.3 Controlando Gráficos com CSS07:37
      • 6.4 Definindo um fundo gráfico05:04
      • 6.5 Inserindo as Imagens FeatureBox08:41
      • 6.6 Configurando os Títulos do FeatureBox08:27
      • 6.7 Inserindo o logotipo do layout do Illustrator07:28
    • Módulo 07 - Indo além com CSS usando estilos externos 26:39
      • 7.1 Compreendendo os tipos de folha de estilo08:07
      • 7.2 Organizando sua folha de estilo03:04
      • 7.3 Movendo Estilos para uma Folha de Estilo Externa06:02
      • 7.4 Trabalhando com uma chapa de chiado externo06:08
      • 7.5 Criando nova regra externamente03:18
    • Módulo 08 - Distribuição do site de uma única página para um site de várias páginas 20:02
      • 8.1 Preparando-se para o lançamento do site03:32
      • 8.2 Criando Páginas do Site Fictícias03:15
      • 8.3 Configurando a estrutura do hiperlink interno03:13
      • 8.4 Criando as páginas do site03:50
      • 8.5 Visualizando e testando o site02:54
      • 8.6 Um pensamento final no SiteRollout03:18
    • Módulo 09 - Inserindo Elementos Adicionais de Página 49:49
      • 9.1 Ajustando a formatação do hiperlink do site06:33
      • 9.2 Inserindo um Slideshow Simples07:38
      • 9.3 Inserindo e Formatando Tabelas09:39
      • 9.4 Inserindo um mapa do Google05:53
      • 9.5 Formando uma página de depoimento do cliente04:55
      • 9.6 Configurando uma página de contato05:53
      • 9.7 Finalizando o site09:18
    • Módulo 10 - Indo ao vivo Carregando o site concluído 21:34
      • 10.1 Configurando as informações do site remoto05:36
      • 10.2 Fazendo upload do site local para o servidor remoto01:36
      • 10.3 Testando o site ao vivo01:48
      • 10.4 Fazendo as edições e atualizando o site ao vivo05:03
      • 10.5 Teste e depuração para outros navegadores07:31
    • Módulo 11 - Agora vá em frente e crie 00:41
      • 11.1 Para onde ir a partir daqui00:41
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

    Grace Lee
    Grace Lee

    Este curso ensina exatamente o que ele afirma e o conteúdo é de primeira qualidade. Se você estiver interessado em administrar uma empresa de web design, essa classe deve ser considerada como "obrigatória".

    Read more Read less
    Natalie Lopez
    Natalie Lopez

    Estou no processo de iniciar um negócio de web e design gráfico. Este curso me forneceu as informações que preciso para estabelecer uma boa base na frente. Eu recomendo para quem quer começar um negócio de web design

    Read more Read less
    Evelyn White
    Evelyn White

    Este curso contém uma tonelada de informações e é tudo em um só lugar. Você pode realmente colocar as habilidades adquiridas por este curso para trabalhar

    Read more Read less
    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.