Aprenda HTML e CSS através de Exemplos Práticos

Descubra o Funcionamento Interno das Tecnologias Web

Explore o fascinante mundo das tecnologias web e adquira uma compreensão abrangente de HTML e CSS ao concluir três projetos emocionantes. Ao longo deste curso, você adquirirá as habilidades necessárias para criar designs web impressionantes e publicá-los gratuitamente no GitHub Pages, tornando-os acessíveis a um amplo público.

Projeto 1: Crie sua Própria Identidade Digital

Embarque em sua jornada de desenvolvimento web mergulhando nos fundamentos de HTML e CSS. Aprenda como construir seu primeiro arquivo HTML e aproveite o poder do CSS para projetar um cartão de visita digital visualmente atraente. Além disso, descubra como integrar um serviço web gratuito chamado Formspree para criar um formulário de e-mail. Torne sua criação responsiva, garantindo que ela fique impecável em vários dispositivos móveis.

Projeto 2: Projete um Cabeçalho de Blog Responsivo

Aproveitando o conhecimento adquirido no primeiro projeto, este módulo se concentra em técnicas avançadas. Domine a arte de usar cabeçalhos HTML, criar links de navegação com listas não ordenadas e usar arquivos CSS externos. Aprenda a estilizar o cabeçalho, ocultar marcadores de lista e implementar designs responsivos usando viewport e media queries. Descubra os segredos da transparência de cores e explore a integração de JavaScript e jQuery.

Projeto 3: Crie um Menu Digital Cativante para Restaurantes

Neste projeto final, você aprenderá a utilizar DIVs e imagens de fundo de forma eficaz. Descubra as nuances entre elementos de bloco e elementos inline e aproveite o poder dos gradientes no CSS. Aprimore sua página web incorporando fontes de terceiros e crie um design responsivo usando viewport e media queries. Por fim, explore a integração de JavaScript e jQuery para adicionar elementos dinâmicos ao seu menu digital. O que você aprenderá: - Os conceitos fundamentais de HTML e CSS - Como utilizar o GitHub Pages para publicar seus designs web - Criar formulários de e-mail gratuitos usando o Formspree - Projetar layouts responsivos usando viewport e media queries - Construir links de navegação com listas não ordenadas - Trabalhar com transparência de cores para melhorar o apelo visual - Posicionar corretamente os elementos para um design ideal - Utilizar gradientes no CSS para adicionar profundidade e estilo - Incorporar fontes de terceiros para melhorar a estética do seu site