Aprenda HTML e CSS: Domine as Habilidades Essenciais

Aprenda HTML5 e CSS3 de forma prática [Semântica, Acessibilidade, Responsividade, Flexbox, Grid, Menus]

Visão geral do curso

Para começar sua jornada na programação web, é recomendado começar com essas duas partes essenciais: HTML e CSS. O HTML serve como o esqueleto de nossa página/aplicação web, contendo as informações que serão exibidas ao usuário. Neste curso, iremos focar no HTML5, que introduz novas e exclusivas tags que tornam nosso site mais semântico, um aspecto crucial para mecanismos de busca como o Google ou Bing. Aqui está o que iremos abordar:

Tópicos de HTML:

- Texto: Explicaremos todas as tags necessárias para armazenar e formatar nossos textos. - Links: Aprenda como vincular diferentes páginas ou recursos externos. - Listas: Descubra como organizar elementos usando listas. - Imagens: Entenda como exibir imagens em nossas páginas web. - Tabelas: Aprenda como criar tabelas para armazenar dados. - Formulários: Explore a criação de formulários em nossas páginas web. - Atributos Globais: Aprenda como utilizar os atributos globais disponíveis no HTML. - Contêineres: Entenda as tags usadas para conter outras tags. - Frames: Aprenda como inserir fragmentos de outros sites em nosso HTML. - HTML Semântico: Descubra o conceito e a implementação de páginas web semânticas. - Esquemas: Entenda o que são esquemas e como utilizá-los. - Tags Exclusivas do HTML5: O HTML5 introduz muitas tags interessantes, e iremos abordar as mais importantes. - Favicon: Aprenda como criar e colocar um favicon em nossa página web. - Mapas de Imagem: Descubra como utilizar mapas de imagem. - Acessibilidade: Aprenda como criar uma página web acessível para pessoas com deficiências.

Tópicos de CSS:

- Seletores: Entenda como selecionar diferentes tags para aplicar estilos. - Pseudo-classes: Aprenda sobre pseudo-classes e seu uso. - Pseudo-elementos: Explore o conceito e a aplicação de pseudo-elementos. - Prioridade: Entenda como o CSS seleciona um seletor em relação a outro. - Cores: Aprenda todas as formas possíveis de representar cores. - Unidades de Medida: Explore as várias unidades de medida absolutas e relativas usadas no CSS. - Fundos: Entenda os diferentes métodos de colocar um fundo. - Margem e Preenchimento: Aprenda sobre margens e preenchimentos e como utilizá-los. - Bordas: Descubra como adicionar bordas aos nossos elementos. - Texto e Fontes: Aprenda como formatar texto e adicionar fontes personalizadas. - Display: Entenda as diferentes formas de exibir um elemento. - Largura e Altura: Aprenda como manipular a largura e altura de um elemento. - Posicionamento: Explore diferentes métodos de posicionamento de elementos. - Float: Entenda como flutuar elementos. - Sombras: Aprenda como aplicar sombras aos nossos elementos. - Listas: Melhore nossas listas HTML usando CSS. - Diversos: Explore várias propriedades individuais úteis. - Homogeneização de Estilos: Aprenda como homogeneizar nossos estilos. - Consultas de Mídia: Entenda consultas de mídia e como criar designs responsivos. - Flexbox: Explore o sistema de flexbox no CSS. - Grid: Entenda como funciona o sistema de grid no CSS. - Ícones: Aprenda como adicionar ícones à nossa página web. - Menus: Descubra como criar menus horizontais e verticais. - Transformação: Entenda a funcionalidade da propriedade de transformação. Ao longo do curso, você também terá tarefas práticas para aprimorar e aplicar o que aprendeu nas seções anteriores.

O que você aprenderá

Ao se inscrever neste curso, você adquirirá as seguintes habilidades: - Dominar o uso de tags HTML, incluindo as novas tags HTML5. - Entender a importância da semântica no HTML. - Implementar recursos de acessibilidade no HTML. - Utilizar CSS3, incluindo seletores, propriedades, flexbox e grid. - Compreender o conceito do modelo de caixa usado no CSS. - Projetar sua própria página web de maneira prática.