Crie Sites Responsivos com HTML5 e CSS

Name: Crie Sites Responsivos com HTML5 e CSS
Rating: 4.9 (29 reviews)

Criar e configurar via CSS a responsividade de um site.

Created byAna paula Miranda

Last updated 3/2019

Portuguese

Portuguese [Auto],

What you'll learn

Criar o HTML5 e deixar semântico, fazendo uso de unidades de medida relativas.
Usar as Media Queries da CSS.
Usar a CSS para fontes e imagens de forma responsiva.
Testar em várias resoluções de tela.

Course content

4 sections • 20 lectures • 1h 48m total length

Introdução: Vídeo apresentando o curso e mostrando como ficará o site.1:11
Esse é um vídeo de Introdução mostrando como ficará a nossa construção do site responsivo.

Criando o arquivo HTML3:16
Nessa aula foi criada a estrutura básica HTML para o site.
Criando a CSS e configurando nosso site responvivo7:35
Criamos a CSS no site, colocando suas regras básicas.
Inserindo Media Queries na CSS5:25
Foram inseridas Media Queries na CSS para controlar a parte responsiva do Site.
Colocar Imagem no topo do site via CSS7:09
Foi colocada uma imagem no topo do site via CSS e configurada a tag <h1>.
Criação do menu9:49
Criada a estrutura HTML do menu e configurada sua CSS.
Adequando o menu para outras resoluções de tela4:25
Foram acrescentadas regras CSS na media querie para que o menu possa ficar responsivo.
Configurando submenu no site5:44
Foi acrescentado submenu no site e configurado via CSS.

Texto e imagens na página inicial do site.5:25
Foram inseridas imagens no site e textos.
Formatando o conteúdo via CSS3:58
Foram criadas regras que organizaram os elementos da página inicial.
Regras CSS para organizar os conteúdos5:31
Criada a regra flexbox para organizar os itens das notícias.
Regras de formatação da página inicial8:10
Foi formatada a página inicial do site via CSS.
Deixando a parte inicial responsiva6:38
Foi adicionada regras CSS na media querie.
Colocado um texto no rodapé da página.

Usar meta tag4:55
Acrescentada a meta tag de viewport e uma regra responsiva para as imagens do site.
Criando as páginas do site3:15
Criadas as outras páginas do site.
Colocando conteúdo nas páginas7:24
Acrescentada uma imagem na página empresa, usando a tag <figure> e configurado via CSS seu posicionamento.
Criar a parte de produtos do site4:46
Usada a regra CSS Flexbox para montar a galeria de imagens da página.
Formulário de Contato5:22
Criado o HTML do formulário de contato.
Criando a CSS do formulário4:53
Configurada as regras CSS para o formulário.
Considerações Finais3:27
Finalização do site responsivo.

Requirements

Não.

Description

Nesse curso o aluno irá construir o HTML e configurar suas regras CSS desde o início, levando em conta a semântica do HTML, melhores práticas de como deixar o site responsivo e aplicar as regras CSS.

Usando as Media Queries da CSS de forma correta, e com a aplicação das suas regras, o site ficará visível em várias resoluções de tela atingindo, assim, um público mais amplo na Web.

Who this course is for:

Interessados na área de Desenvolvimento para Web
Iniciantes em Design para Web

Crie Sites Responsivos com HTML5 e CSS

What you'll learn

Explore related topics

Course content

Introdução ao Curso1 lecture • 1min

Iniciando a criação do site responsivo7 lectures • 43min

Parte de conteúdos do site5 lectures • 30min

Finalizando o site responsivo7 lectures • 34min

Requirements

Description

Who this course is for: