Aula 16 – Cabeçalho em CSS3

Nessa aula, veremos como criar cabeçalhos para sites HTML5 utilizando CSS3 e alguns parâmetros adicionais para realizar uma formatação. – Os modificadores BORDER-TOP, BORDER-BOTTOM, BORDER-LEFT e BORDER-RIGHT configura linhas em volta do objeto e aceita valores como SOLID, DOTTED, DASHED, etc. Para carregar imagens via CSS, podemos utilizar o modificador BACKGROUND usando a função URL […]

Template HTML5 grátis. A construção de interfaces em HTML5 necessita da organização das áreas do nosso site. Podemos fazer isso em qualquer tag, incluindo DIV, HEADER, ARTICLE, FOOTER e muitas outras. O modificador WIDTH vai configurar a largura de um objeto. O posicionamento em CSS pode ser ABSOLUTE ou RELATIVE. A centralização de um objeto […]

Vamos aprender alguns efeitos bem interessantes utilizando o CSS3. Utilizando o modificador :HOVER aplica o efeito quando movemos o mouse por cima de um objeto. Com o seletor TRANSITION, podemos monitorar alterações nos objetos e fazer efeitos de transição.

Veja como criar um menu suspenso utilizando apenas HTML5 e CSS3 nessa aula do professor Gustavo Guanabara. A partir do HTML5, a tag NAV é utilizada para criar áreas de navegação. Com o CSS3, podemos configurar posicionamento, cores, efeitos de transição e outros comportamentos. Nessa aula, veremos como transformar uma lista com demarcadores em um […]

Vamos entender como realizar ligações entre sites ou entre páginas dentro de um mesmo site. Para criar um link em HTML5, basta criar uma âncora utilizando a tag A. O parâmetro Hypertext Reference, ou HREF. Ele cria uma referência hipertexto para outras páginas. O parâmetro TARGET da tag A vai permitir indicar em qual janela […]

Nessa aula, vamos aprender como criar um menu em HTML5 utilizando a nova tag NAV. Além disso, veremos como criar listas em HTML5 utilizando as tags OL UL e LI. A tag OL (Ordered lists) vai criar uma lista ordenada. Utilizando os valores do parâmetro TYPE, você pode criar uma lista ordenada numérica (1), alfabética […]

Formatar imagens utilizando folhas de estilo CSS é algo muito simples e requer o conhecimento de alguns parâmetros específicos em HTML5 e CSS3. Nessa aula, você verá como criar um efeito de transparência e animação com CSS em uma legenda que vai flutuar sobre a foto, que também terá uma elegante borda simulando um retrato […]

Como inserir uma imagem em HTML5? Nessa aula, veremos como utilizar a tag IMG para inserir fotos em um site feito em HTML5. Qual a diferença entre PNG e JPG? O formato PNG é ligeiramente maior, mas possibilitam transparências. O formato JPEG é mais otimizado, pois suporta compressão sem uma perda perceptível na qualidade visual […]

O Curso de HTML5 está de volta com os códigos de cores utilizando o HTML5 e CSS3. Algumas tags e parâmetros foram descontinuadas do HTML4 para o HTML5, incluindo o FONT COLOR e o BGCOLOR da tag BODY. A partir de agora, devemos utilizar o parâmetro STYLE de qualquer tag e utilizar as configurações de […]

HTML5 é uma tecnologia nova e que rompe com alguns conceitos estabelecidos na versão 4.0 da linguagem. Agora, tudo aquilo que é feito em HTML5 tem um caráter semântico, enquanto a parte visual e de formatação ficará por conta das folhas de estilo CSS. Semântica em HTML5: a partir de agora, as tags HTML5 possuem […]