Descrição do Curso

  • Qual é o curso sobre tudo?

    O treinamento dá uma introdução sobre o Photoshop, opções de configuração e configurações para otimizar a ferramenta para web design. Em seguida, o curso aborda a construção e o uso de vários sistemas de grade, o processo de fluxo de trabalho, o wireframing e o design da interface do usuário.

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

    No final do treinamento, os participantes são capazes de:
    • Aplicar design ao wireframe
    • Mude todo o layout do Photoshop para o código.
    • Conhecimento para construir um tema WordPress a partir do zero.

  • Quem deve fazer este curso?

    O curso é ideal para candidatos de domínio HTML, CSS, PHP e Photoshop.

  • 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

    • 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
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

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