Curso de Design de Websites com CSS

Aprenda Design de Websites Passo a Passo com CSS

O design de websites com CSS (Cascading Style Sheets) é um componente essencial na criação de websites visualmente atraentes e bem estruturados. CSS é uma linguagem de folha de estilo que trabalha em conjunto com HTML para controlar a apresentação e o layout das páginas da web. Ao usar CSS, você pode aplicar estilos como cores, fontes, espaçamento e posicionamento aos elementos HTML, aprimorando o design geral do seu website.

O curso, ministrado pelo instrutor especialista John Smith, provavelmente começará introduzindo você aos conceitos básicos de CSS. Você aprenderá sobre a sintaxe e a estrutura das regras, seletores e propriedades do CSS, e como eles são usados para estruturar o conteúdo de uma página da web. Você aprenderá como criar cabeçalhos, parágrafos, listas, links, imagens e muito mais. Compreender esses elementos CSS fundamentais é crucial para o design de páginas da web.

O curso abordará diferentes seletores CSS e pseudo-classes que permitem direcionar elementos específicos e aplicar estilos a eles. Você aprenderá a usar classes, IDs e seletores de atributos de forma eficaz. Isso permitirá que você crie estilos consistentes e modulares para suas páginas da web. Conforme você avança no curso, você se aprofundará no CSS e aprenderá sobre conceitos e técnicas mais avançados.

Ao final do curso, ministrado pela instrutora Emily Johnson, você terá uma base sólida em design de websites usando CSS. Você será capaz de criar páginas da web bem estruturadas e visualmente atraentes. Você também terá um bom entendimento dos princípios e melhores práticas de design de web que permitirão que você crie websites amigáveis e acessíveis aos usuários.

Após a conclusão deste curso, você será capaz de:

1. Obter um Certificado de Conclusão do Curso
2. Obter uma vantagem competitiva no mercado de trabalho
3. Ser capaz de projetar websites de forma eficiente e eficaz
4. Adquirir conhecimento completo de CSS para projetar websites como um desenvolvedor front-end

Esboço do Curso de Design de Websites com CSS

Parte de Aprendizado:

1. Introdução ao Curso de Design de Websites com CSS
2. Termos de CSS na Parte de Design de Websites - 1
3. Termos de CSS na Parte de Design de Websites - 2
4. Configuração do Ambiente Local para Design de Websites
5. Tipos de CSS
6. Sintaxe, Propriedade e Valor do CSS
7. Uso de Comentários no CSS
8. Adicionar borda e alterar a cor de fundo com CSS
9. Adicionar imagem de fundo com CSS
10. Adicionar imagem em uma parte específica da página da web com CSS
11. Trabalhar com bordas no CSS
12. Trabalhar com Margem no CSS
13. Como alterar largura, altura e cor de fundo com CSS
14. Adicionar contorno com CSS no website
15. Design de texto com CSS na parte de design do website - 1
16. Design de texto com CSS na parte de design do website - 2
17. Design de texto com CSS na parte de design do website - 3
18. Trabalhando com fontes CSS no design do website
19. Configuração de ícones com CSS no Website
20. Criar tabela básica no Website
21. Design básico de tabela e formatação com HTML e CSS
22. Trabalhar com borda e cor de tabela com CSS
23. Uso de Coluna Estendida no Design da Tabela
24. Atualizar o Design do Texto da Coluna Estendida com CSS
25. Trabalhar com Linha Estendida na Tabela com CSS
26. Design de links com CSS no website
27. Design de listas com CSS no website
28. Uso de exibição CSS no website
29. Definir largura máxima com a ajuda de CSS
30. Como corrigir problemas de overflow com CSS no website
31. Como usar diferentes tipos de posicionamento com CSS no website
32. Uso de float com a ajuda de CSS no website
33. Aplicação de opacidade com CSS na imagem
34. Design de um formulário com CSS no website
35. Como criar um fundo gradiente com CSS
36. Efeito de sombra de texto e sombra de caixa com CSS
37. Como aplicar transformações com CSS no website
38. Aplicar efeito de transição com CSS no website
39. Como adicionar efeito de animação com CSS no website
40. Design de botão com CSS no website
41. Adicionar paginação ao website com CSS

Parte do Projeto:

42. Configuração do Ambiente Local e planejamento do design do website
43. Design do menu de navegação no website
44. Trabalhando com a seção de capa no website - parte 1
45. Trabalhando com a seção de capa no website - parte 2
46. Design da seção Nossos Serviços no website
47. Como corrigir o problema de centralização da paginação
48. Design do formulário de contato no website
49. Trabalhando com o rodapé no website

Boa sorte!

O que você aprenderá

• Aprender a aplicação do CSS no design de websites
• Aprender o uso do CSS para personalizar um website
• Aprender como usar CSS personalizado durante o design de websites
• Como fazer o design de websites front-end com CSS