HTML & CSS - Projeto Front-end (HTML, CSS e Javascript) Completo - Página de Inscrição Responsiva [Aula 1/7]

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_R2PZ89BsuWw PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_R2PZ89BsuWw ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-10XeXqODQuWVF3fUEP-POU04iNASm_6eG?origemurl=hashtag_yt_org_planilhahc_R2PZ89BsuWw Site da MasterClass de Full Stack que foi Utilizada na Aula: https://lp.hashtagtreinamentos.com/full-stack/aula/inscricao ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/landing-page-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Fala Impressionadores! Na aula de hoje nós vamos dar início ao Curso de HTML e CSS que tem como objetivo te ensinar a criar uma Landing Page do ZERO! Na aula de hoje eu vou te mostrar como iniciar um projeto, qual a página que nós vamos utilizar de base e quais as seções nós temos nessa página. Essa parte é importante, pois isso já vai te dando uma noção de como criar a sua página, como separar em blocos para criar cada parte e depois fazer a formatação. A ideia inicial é criar todos os elementos como queremos, depois é que nós vamos partir para a formatação e estilização com o CSS. Nessa aula vamos construir a seção main, vamos inserir contêiner, vamos criar o arquivo CSS (arquivos de estilização), vamos fazer ajuste no tamanho da imagem, inserir título da página (H1), inserir textos e muito mais! Nessa primeira aula você vai notar que não vai ficar tudo bonito como deveria porque ainda não fizemos muitos ajustes no CSS, isso vamos fazer nas próximas aulas! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 02:06 Primeiros arquivos 02:57 O que temos em uma página? (HTML, CSS e JavaScript) 03:58 Documento em HTML (+ Live server) 05:16 Seções da página 07:30 Seção Main (principal) 08:52 Ferramentas do programador/desenvolvedor 10:10 Container + Arquivo CSS 12:25 Inserindo as divs e classes no código (imagem) 14:50 Ajuste do tamanho da imagem 16:58 Inserindo mais elementos na página (download e aplicação da fonte) 19:55 Título da página (H1) (alteração de fonte) 22:50 Textos na página + listas no HTML 25:37 Bloco com informações de data 27:44 Botão no HTML 28:20 Inserindo imagem no HTML 29:20 Alterar cor do fundo no CSS + Cor de fonte 30:37 Fundo da seção (background-image) 31:47 Metodologia BEM (Blocks Elements Modifiers) 33:58 Formatação no CSS 36:15 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao