Curso Completo de Sites Responsivos

Como criar sites que se adaptam a diferentes telas, como smartphones, tablets e desktop.
3.9 (9 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
63 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 23
  • Length 4 hours
  • Skill Level All Levels
  • Languages Portuguese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 Portuguese

Course Description

Seja Bem Vindo! Neste curso vamos criar um site responsivo, que se adapta a diferentes tipos de resolução, seja celular, tablets ou mesmo desktops.

Os recursos mostrados neste curso servem para aplicação em qualquer tipo de sites e são imprescindíveis nos dias de hoje onde muitos dos acessos aos sites são feitos por dispositivos móveis. Através deste curso te daremos o passo a passo para tornar seu site responsivo de uma maneira didática e sem complicação.

Aos alunos que completarem todas as lições do curso será enviado um certificado de conclusão e estaremos disponíveis para qualquer eventual duvida.

Esperamos você no curso!

What are the requirements?

  • Conhecimentos basicos em HTML e CSS
  • Ter interesse em desenvolvimento de sites

What am I going to get from this course?

  • Fazer com que sites sejam totalmente compatíveis com dispositivos moveis, tablets e diferentes resoluções de desktop
  • Aprender a criar um site otimizado que mostra uma leitura agradável mesmo em telas pequenas.

What is the target audience?

  • Webdesigner e desenvolvedores que desejam adaptar seus sites ou aplicativos web para diferentes resoluções de tela.
  • Pessoas interessadas em entender melhor como funcionam sites responsivos.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Modulo 1 – Criando a estrutura do site (50:00)
Aula 1 – Criando o menu do topo (15:20)
Preview
15:28
Aula 2 – Criando as três opções de link , header ,Design e video.
08:21
Aula 3 – Adicionando informações abaixo dos 3 quadros (09:10)
09:16
Aula 4 – Adcionando o Rodape e formulario (11:44)
11:44
Aula 5 – Criando o arquivo Css para formatar a pagina.
05:53
Aula 6 – Importando fontes com o google Fonts
07:56
Aula 7 – Centralizando o site e estilizando o menu
10:26
Aula 8 -Importando imagens do Photoshop para o html (ícones de redes sociais)
06:36
Aula 9 – Corrigindo o problema de alinhamento dos icones das redes sociais no me
05:02
Section 2: Modulo 3 – Cabeçalho e icones das redes sociais
Aula 10 – Formatando cabeçalho
11:13
Aula 11 -Recortando icones da area de destaque
07:57
Aula 12 – Inserindo imagem de fundoda area de destaque
05:50
Aula 13 – Ajustando icones e bordas da area destaque
14:25
Aula 14 – Recortando imagens da área portfólio
10:42
Section 3: Modulo 4 -Conteúdo e Portfolio(43:00)
Aula 15 – Ajustando o portfolio com CSS
10:06
Aula 16 – Alterando a parte visível das imagens do portfolio
07:27
Aula 17 – Criando a barra de legenda do portfolio
11:52
Aula 18 – Formatando o Rodapé com CSS
10:30
Aula 19 – Ajustando elementos e alinhamento do rodapé
14:41
Section 4: Modulo 5 -Adaptando o site para celular e tablet ( tornando o site responsivo)
Aula 20 -Inserindo media query no CSS
08:10
Aula 21 – Criando o menu para celular
10:11
Aula 22 -Ajustando a area destaque para telas de celular e tablet
10:57
Aula 23 – Inserindo jQuery para adicionar animação ao menu
09:52

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

O Vejaeaprenda é um dos maiores sites de cursos do Brasil, com mais de 50 cursos lançados desde sua fundação em 2008. Um dos principais focos da empresa está no lançamento de treinamentos dos principais sotwares da Microsoft e Adobe, além de vasto material para desenvolvimento web,são mais de 10 cursos de softwares da adobe e muitos outros direcionado a produtividade e negocios como Access e Excel.

Ready to start learning?
Take This Course