Cursos

Aulas por Skype

Técnicas de Layout com HTML e CSS

R$ 489,90 Comprar

Este é um curso intermediário com foco nas principais técnicas utilizadas na montagem de layouts HTML/CSS.

O objetivo deste curso é demonstrar ao aluno como analisar, planejar e executar a construção de uma página utilizando as mais modernas técnicas HTML e CSS. Neste curso, são respondidas as principais dúvidas que estudantes enviam para mim, como "Como criar colunas?" ou "Como colocar estas divs posicionadas desta forma"?

Ao final deste curso, você terá aprendido como pensar em HTML e CSS. Ao ver um layout estático, em PSD ou JPG por exemplo, você já terá uma ideia de por onde deve começar. Quais divs criar, de qual forma, com classes ou com ids, e usando qual técnica. Enfim, todo o conjunto de conhecimento que você precisa para dar um passo além do básico.

Você irá aprender

  • Como os desenvolvedores profissionais trabalham com a montagem de layouts HTML e CSS;
  • Como analisar um layout estático em PSD e planejar uma estrutura de código para execução;
  • Como efetivamente transformar uma ideia de layout em algo concreto, com código limpo e objetivo;
  • Como trabalhar com posicionamento de elementos, entendendo o que está acontecendo no processo.

Tudo isso já considerando um site responsivo (que se adapta a diversas telas). Para mais informações sobre este assunto específico, confira o curso de responsive webdesign.

Este curso é para você?

Este é um curso intermediário destinado para estudantes que já possuem conhecimento básico de HTML e CSS. e você já possui um layout que está tentando montar em HTML, podemos usá-lo como exemplo. Assim, você aprende e já sai do curso com o seu projeto pronto.

Software

Para fazer o curso você precisará apenas de um navegador (como Mozilla Firefox ou Google Chrome) e um editor de texto de sua preferência (como Notepad++ ou Sublime Text).

Visão geral

  1. Aula 1

    1. Elementos bloco e em linha
    2. Entendendo o Box Model
    3. Introdução a unidades relativas (em, rem etc)
    4. Montagem responsiva de layouts
  2. Aula 2

    1. Propriedade position CSS
    2. position: absolute com position: relative
    3. position: fixed
    4. Aplicando position a layouts
  3. Aula 3

    1. Propriedade float CSS
    2. Construindo um menu
    3. Construindo um layout multi-colunas
    4. Princípios de montagem de sistemas de grade
  4. Aula 4

    1. A propriedade display CSS
    2. Usando display: inline-block
    3. Usando display: table
  5. Aula 5

    1. Flexbox
    2. Como usar flexbox no seu site
    3. Técnicas para navegadores antigos
  6. Aula 6

    1. Análise de um layout
    2. Planejamento e estruturação de código
    3. Montagem de um layout utilizando conceitos aprendidos
  7. Aula 7

    1. Dúvidas e esclarecimentos
    2. Tendências na área de front-end
    3. Continuando seus estudos

Carga horária

7 aulas de aproximadamente 2 horas de duração cada.

R$ 489,90 Comprar

Caso você tenha alguma dúvida ou queira entrar em contato, envie um e-mail para contato@guilhermemuller.com.br.


« Voltar para a lista de cursos