Ementa:
Ao longo das oito aulas deste curso, o aluno aprenderá sobre a linguagem de programação responsável pela estilização das páginas da web: a CSS. Com ela, o aluno aprenderá a exibir o conteúdo das páginas de uma maneira mais agradável e bem organizada. Para isso, utilizará, na prática, diferentes conceitos, como as tags <style>, <link>, <header>, <nav>, <ul>, <li>, <a>, <iframe>, entre tantas outras. Aprenderá, também, sobre os atributos, as propriedades, o uso de seletores, a importância das cores, as animações, os keyframes, o desenvolvimento responsivo, os códigos de um site externo e o Bootstrap.
Mercado de trabalho:
Os conhecimentos adquiridos com o curso Desenvolvimento Web – CSS, se aplicam de forma ampla para atuação em desenvolvedor de Web, em todo o tipo de empresa de pequeno a grande porte, além de agências focadas em marketing digital e criação de sites.
Carga horária: 8h (Obs.: Atividades em sala de aula contam 1 hora/aula, porém, somando com atividades de leitura do material didático, que o aluno pode praticar em sua casa, cada aula pode ultrapassar esse tempo.)
Aula 01 – Introdução ao CSS
- Conhecendo o CSS e suas vantagens
- Estrutura da escrita do CSS
- Estilização da página HTML com atributos CSS
Aula 02 – Aplicando CSS no HTML
- Diferença entre class e ID
- Atributos de cores e código hexadecimal
- Utilização de arquivos CSS separados
Aula 03 – Incluindo conteúdos interativos
- Introdução à tag
<iframe> - Edição de códigos HTML e CSS para adicionar mídias
- Inserção de formulário na página
Aula 04 – CSS3 e Animações
- Conhecendo o CSS3
- Criação de animações com keyframes
- Aplicação de animações na Página Inicial do site Pet Commerce
Aula 05 – Desenvolvimento Responsivo
- Conceitos de desenvolvimento responsivo
- Inspecionar elementos dos sites
- Edição responsiva de códigos HTML e visualização em diferentes dispositivos
Aula 06 – CSS3 e o Bootstrap
- Introdução ao Bootstrap
- Baixando e vinculando arquivos Bootstrap
- Estilização de uma página com Bootstrap
Aula 07 – Classes do Bootstrap
- Interpretação de classes de espaçamento do Bootstrap
- Aplicação de classes do Bootstrap na construção de uma One Page
Aula 08 – Mais classes do Bootstrap
- Conhecendo e aplicando mais classes do Bootstrap
- Criação de cards e formulários
- Finalização do site One Page com elementos adicionais
