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.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed