HTML5-CSS3

Curso de HTML5 e CSS3 criado pelo professor Gustavo Guanabara para o Curso em Vídeo. Abrangindo as diversas técnicas contidas nas linguagens de marcações, esse curso, antes feito de forma mais simples em 2013, busca expandir e explorar as principais linguagens de marcação contidas em sites na internet; dentre elas, há o HTML, que serve como uma estrutura semântica, e CSS, que é utilizada para desenvolver o design dos documentos criados.

Conteúdo

Nesse repositório, desenvolvo exercícios e desafios presentes nos capítulos do curso de HTML e CSS do Curso em Vídeo, criado por um dos mais renomados e atenciosos professores de tecnologia do mundo, Gustavo Guanabara. Embora o curso apresente um material muito simples e direto, ele é essencial para a criação de habilidades e formação de novos programadores. Já não bastava o curso ser gratuito, ele ainda se atenta em informar e ajudar os profissionais de todas as maneiras possíveis, desde dicas para melhorar seu código, até indicar programas para ajudar em tarefas diversas, como manipulação de imagens e formatação de vídeos, para aperfeiçoar o conteúdo do site.

Nesse curso, os seguintes tópicos seram explorados:

• Módulo 1:

  • Conceitos básicos;
  • preparação do ambiente;
  • semântica da HTML5;
  • textos;
  • títulos;
  • ligações;
  • multimídia;
  • estilos.

• Módulo 2:

  • Fundamentos do design;
  • Psicologia das cores;
  • Tipografia;
  • Elementos CSS;
  • Modelo de caixas;
  • Wireframe;
  • Responsividade.

• Módulo 3:

  • Versionamento de software;
  • Hospedagem de sites estáticos;
  • Tabelas.

• Módulo 4:

  • Quadros em linha;
  • Formulários;
  • Media queries;
  • Mobile first.

• Módulo 5:

  • Flexbox; e
  • Grid Layout.

Documentos

• Exercícios módulo 1

  • Criando seu primeiro documento HTML e estrutura do código básico;

  • Paragrafos e quebras de linha/símbolos e emojis em seu site;

  • Introdução a aplicação de imagens;

  • Favicon;

  • Hierarquia de títulos;

  • Tag Adress;

  • Tags de formatação de texto;

  • Citações e códigos;

  • Listas em HTML;

  • Link, âncoras e downloads;

  • Imagens dinâmicas e áudios;

  • Vídeos internos e externos;

  • Estilos inline, internos e externos.

• Exercícios módulo 2

  • Cores (EX 1, EX 2, EX 3);

  • Fontes (EX 1, EX 2, EX 3,);

  • Alinhamento;

  • Seletores;

  • Pseudoclasses, Hover e Links;

  • Caixas (EX 1, EX 2);

  • Bordas.

• Exercícios módulo 3

  • Fundo (EX 1, EX 2, EX 3, EX 4, EX 5, EX 6, EX 7);

  • Tabelas;

  • Tabelas grandes;

  • Mesclagem de células;

  • Exercícios de tabelas (EX 1, EX 2,)

  • Tabela responsiva.

• Exercícios módulo 4

  • Iframes (EX 1, EX 2, EX 3, EX 4, EX 5, EX 6)

  • Formulários (<a href="https://lucsasl.github.io/HTML5-CSS3-PTBR/Curso%20em%20Vídeo/Exercicios/Módulo%204/Exe