Curso

Como criar sua primeira página com CSS

Neste curso usaremos a linguagem CSS para customizar a aparência de uma página HTML. Para isso, usaremos um documento HTML separado em áreas, sendo elas cabeçalho, bloco de conteúdo principal e um rodapé. Veremos passo a passo como selecionar parágrafos, títulos, listas, dentre outros elementos presentes neste documento, para gradualmente, através das propriedades disponibilizadas pelo CSS chegarmos a aparência desejada para a página.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

6 horas

(6 aulas)

Aula 1 - Introdução

Neste vídeo teremos uma visão geral do projeto na qual serão apresentados os arquivos necessários e o papel de cada um deles. Veremos ainda qual será a aparência da página quando terminarmos todas as regras necessárias no arquivo CSS do projeto.

Aula 2 - Alterando a fonte e texto do documento

Neste vídeo veremos como estilizar a fonte e o seu tamanho e faremos isso através de propriedades do CSS, mas aplicando valores diferentes para os títulos e os parágrafos presentes na página.

Aula 3 - Navegação superior: texto e fonte

Neste vídeo começamos a estilizar a lista de links presente na navegação do cabeçalho do documento. Veremos como criar regras com seletores para os elementos ul, li e quais as propriedades que devemos usar para alcançar a aparência desejada.

Aula 4 - Navegação superior: criando aparência de botões

Neste vídeo daremos aos itens da lista a aparência de botões atribuindo a eles cor de fundo e borda. Também reorganizarmos os itens fazendo com que sejam alinhados lado a lado, em linha, e não um abaixo do outro, em bloco.

Aula 5 - Centralizando a página

Neste vídeo abordaremos o problema da centralização de todo o conteúdo da página. Seguindo boas práticas, veremos como usar divs como elementos estruturais que auxiliam estilização de blocos da página.

Aula 6 - Navegação no rodapé: texto, fonte e alinhamento

Neste vídeo veremos como estilizar a navegação do rodapé de forma semelhante a lista de navegação de cabeçalho. Vamos estilizar a tag time a nível de texto, criando um destaque dessa tag em relação aos demais parágrafos na página.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de HTML e CSS

HTML: span, iframe e comentários

HTML: Fundamentos

CSS: Flexbox