Busca DevMedia
Você está buscando em vídeo aula
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza as propriedades width, max-width, overflow dentre outras que vimos no decorrer do curso.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza diversos recursos que aprendemos neste curso, tais como min-width, overflow e box-shadow.
- Box-Shadow Vídeo
Aprenda nesta aula como adicionar sombras externas e internas a elementos HTML com o fim de melhorar o visual estético das suas páginas através do CSS. Aprenda como utilizar o box-shadow para alcançar esses objetivos, criando sombras personalizadas através dessa propriedade.
- Box-Sizing Vídeo
Aprenda nesta aula como modificar a forma como o tamanho de um elemento HTML é calculado através do box-sizing: border-box, a fim de resolver problemas como quebra de páginas e criação de scrolls horizontais não-desejados, por exemplo.
- Exibindo e ocultando elementos Vídeo
Aprenda nesta aula três recursos de exibição de elementos disponíveis no CSS: Display, Visibility e Opacity. Os recursos de visibilidade de elementos permitem, junto de outros recursos, deixar a página mais dinâmica.
- Overflow Vídeo
Nesta aula aprenderemos a utilizar a propriedade overflow, para tratar conteúdos que ultrapassam uma área determinada em um elemento.
- Definindo o tamanho dos elementos Vídeo
Vimos anteriormente como definir o tamanho de elementos utilizando width e height. Nesta aula você vai aprender a definir altura e largura mínima e máxima através das propriedades min-width, max-width, min-height e max-height.
- Valores Relativos Vídeo
Nesta aula você aprenderá o que são valores relativos e como utilizá-los no CSS para customizar elementos HTML de maneira dinâmica, sem ficar preso com a definição de pixels fixos.
- Introdução Vídeo
O próximo passo no aprendizado do CSS é a modificação de elementos HTML. Iremos avançar aprendendo o que significa modificar elementos HTML e como isso pode auxiliar a construção de páginas de um site através do CSS.
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza a tag form, tags de inputs e campos que vimos no decorrer do curso.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza alguns inputs para construir um formulário de cadastro de uma loja de aluguel de carro.
- Fieldset Vídeo
O fieldset é uma tag HTML que permite o agrupamento de forma visual de dados do formulário em seções. Os fieldsets não afetam o funcionamento dos formulários, mas ajudam a organizar o seu conteúdo.
- Select Vídeo
O select é uma tag HTML que permite a criação de listas de seleção. As listas de seleção são usadas para limitar as escolhas do usuário dentro dos dados disponibilizados pelo desenvolvedor. Com o Select, é possível criar listas de forma compacta e organizada.
- Radio Vídeo
O radio é um tipo de input e seu objetivo é permitir a criação de opções de seleção única, ou seja, onde o usuário só pode fazer uma escolha. Nesta aula você vai aprender como criar um input do tipo radio.
- Checkbox Vídeo
O checkbox é mais um tipo de input, e tem como objetivo permitir a criação de caixas de seleção muito usadas em formulários para marcar informações do tipo leitura de contrato, ou mesmo para permitir a marcação de múltiplas opções.
- Atributos dos Inputs Vídeo
Nesta aula aprenderemos alguns dos atributos mais importantes aplicados a inputs. Através deles deixaremos a experiência de uso do formulário ainda mais completa.
- Inputs Vídeo
O uso de inputs dá ao desenvolvedor mais liberdade na hora de construir os formulários, permitindo a criação de campos para tipos de dados específicos, tais como texto, números, datas e até mesmo senhas.
- Tag Form Vídeo
A Tag form é a tag responsável pela criação de formulários. Nessa aula veremos como a tag form funciona, conheceremos sua sintaxe e como utilizá-la corretamente na construção de formulários para nossa página web.
- Introdução Vídeo
O próximo passo no aprendizado da linguagem HTML é a construção de formulários. Formulários são úteis na carreira front-end pois através deles conseguimos inserir, na tela da nossa página web, inputs de dados, ou seja, campos que permitem ao usuário digitar informações.
- Faça você mesmo Vídeo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza as propriedades background-image, background-attachment, background-repeat e background-size.
- Exemplo prático Vídeo
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza as propriedades de background para inserir uma imagem no fundo de um elemento.
- Estilizando a imagem de fundo Vídeo
Ao preencher o fundo de um elemento com uma imagem, podemos fazer alguns ajustes nela como, por exemplo, fazer com que ela fique centralizada no elemento, preencha todo espaço disponível dentre outros. Aprenda nesta aula como isso é feito.
- Background-image Vídeo
Já sabemos que além de preencher o elemento com uma cor também podemos inserir uma imagem de fundo. Nesta aula vamos ver como isso é feito através da propriedade background-image.
- Relembrando background-color Vídeo
Para preencher o fundo de um elemento HTML com uma cor, utilizamos a propriedade background-color. Você já aprendeu essa propriedade, porém nesta aula vamos relembrar a sintaxe usada para alterar a cor de fundo de um elemento.
- Introdução Vídeo
Existem diversas formas de destacar um elemento HTML na página, uma delas é alterando o background. Nessa aula vamos ver o que é background e qual é a sua importância na estilização de elementos HTML.
