Рет қаралды 11,347
Quer saber mais sobre o nosso Curso Completo de HTML & CSS? Clique no link abaixo para garantir sua vaga na próxima turma:
dlp.hashtagtreinamentos.com/h...
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
pages.hashtagtreinamentos.com/...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto: www.hashtagtreinamentos.com/c...
-----------------------------------------------------------------------
Fala Impressionadores! Hoje vamos dar início ao Curso Básico de HTML e CSS onde vamos criar um projeto de landing page do zero.
Você vai notar que essa landing page é um pouco simples, mas vamos abordar vários elementos que serão muito úteis na hora de criar a sua própria landing page.
Nessa aula eu vou te mostrar o que são HTML e CSS, como eles funcionam e para que servem, mas vamos utilizar só o HTML por enquanto.
Para a programação vamos utilizar o Visual Studio Code (VS Code, já temos vídeo aqui no canal mostrando como fazer a instalação).
Como o HTML é uma linguagem de descrição de elementos, nessa primeira aula vamos descrever os elementos da landing page tanto do cabeçalho quanto do corpo da página.
Claro que inicialmente as informações não vão ficar organizadas, mas vamos apenas inserir tudo o que queremos e só depois é que vamos fazer esses ajustes!
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: bit.ly/2MRUZs0
► KZbin: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: bit.ly/3qGtaF2
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de JavaScript para que você consiga se desenvolver nessa linguagem de programação!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
00:39 Projeto de Landing Page
02:25 Visual Studio Code
04:00 O que são o HTML e CSS?
05:11 Iniciando com o HTML (linguagem de descrição de elementos)
14:15 O que é a div (tags dentro do HTML)
14:55 Tag de imagem
16:20 Elementos da landing page
19:35 Tag de cabeçalho, corpo e rodapé (header, main e footer)
20:58 Escrevendo o cabeçalho da landing page
25:23 Escrevendo o corpo da landing page (tag img e aside)
43:10 Ícones para usar no seu site
48:00 Conclusão
#javascript #hashtagprogramacao