HTML5, CSS3 e Técnicas de SEO

HTML5, CSS3 e Técnicas de SEO

Sobre o Curso

Aprenda HTML5, CSS3 e técnicas de SEO de forma simples, prática e objetiva desenvolvendo passo a passo do zero até a hospedagem de um site One Page moderno e responsivo....

Introdução

smart_display Curso de HTML5 e CSS3 - Desenvolvimento de um site moderno e responsivo #1
smart_display HTML5 e CSS3 - Site One Page - Planejamento (Briefing UX SEO Wireframe Tipografia Imagens etc.) #2
smart_display HTML5 e CSS3 - Curso GRÁTIS - Criando um repositório no GitHub para gestão do projeto (Kanban) #3
smart_display HTML5 e CSS3 - Curso GRÁTIS - Instalação do VSCode, uso do Git e criação da estrutura do site #4

Fase 1

smart_display HTML5 e CSS3 - Curso GRÁTIS - Estrutura do documento HTML, META TAGs, SEO e Favicon #5
smart_display HTML5 e CSS3 - Aprenda a ligar o documento HTML na folha de estilo CSS - Validação W3C #6
smart_display HTML5 e CSS3 - Aprenda a usar media query no CSS (breakpoints) #7
smart_display HTML5 e CSS3 - Semântica e Heading TAGs #8

Fase 2

smart_display HTML5 e CSS3 - Box Model CSS - Inspeção dos elementos - RESET #9
smart_display HTML5 e CSS3 - Layout flexível (tipografia - CSS Flexbox) #10
smart_display HTML5 e CSS3 - Estruturando o HTML do cabeçalho (header) e do menu responsivo (nav) #11
smart_display HTML5 e CSS3 - One page site - Hyperlinks #12

Fase 3

smart_display HTML5 e CSS3 - CSS FLEXBOX Tutorial #13
smart_display HTML5 e CSS3 - Simples menu responsivo usando apenas CSS #14
smart_display HTML5 e CSS3 - Banner estático e customização de um botão #15
smart_display GitHub issues - Abrindo uma issue e integrando com GitHub projects kanban

Fase 4

smart_display HTML5 e CSS3 - Alinhamento de itens (texto e imagem) com CSS Flexbox #16
smart_display HTML5 e CSS3 - Efeito de rolagem PARALLAX e centralização de imagens de background #17
smart_display HTML5 e CSS3 - Menu responsivo (correção de BUG) #18
smart_display HTML5 e CSS3 - Incorporando um vídeo no site #19

Fase 5

smart_display Como hospedar um site no GitHub - Grátis, com domínio personalizado e certificado SSL (https)
smart_display HTML5 e CSS3 - Como criar um QR Code e converter para PDF (cardápio, catálogos etc.) - #20
smart_display HTML5 e CSS3 - Uso da tag SPAN para formatar uma parte do texto dentro de um parágrafo - #21

Fase 6

smart_display HTML5 e CSS3 - Como criar um card (cartão) responsivo - #22
smart_display HTML5 e CSS3 - Cartões (cards) responsivos com CSS flexbox - #23
smart_display HTML5 e CSS3 - Como criar um link para o WhatsApp, incorporar o Google Maps e enviar E-mail - #24
smart_display HTML5 e CSS3 - Criando um rodapé responsivo de duas camadas com o CSS Flexbox - #25
smart_displayHTML5 e CSS3 - Efeito de rolagem suave usando apenas uma linha CSS (scroll-behavior) - #css3 #26
smart_displayHTML5 e CSS3 - Ajustes no menu, dicas e próximos passos. #html5css3 #onepage #27

Questionário

quizQuestionário

Grátis

Este curso inclui:

  • Video aulas: 30
  • Carga horária: 5h23
  • Certificado validado
  • Recursos adicionais

Instrutor(a):

José de Assis

14 cursos7911 alunosFormado em eletrônica e gestão de TI, pós-graduado em Robótica Educacional e certificado em Linux LPIC-1. Atua como professor em cursos de Tecnologia da Informação, Robótica Educacional e Arduino.