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/h... PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com... Site da MasterClass de Full Stack que foi Utilizada na Aula: https://lp.hashtagtreinamentos.com/fu... ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/l... ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/t... ----------------------------------------------------------------------- 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    • Curso Básico de Html e CSS - Aprenda Const...   ► Como Baixar e Configurar o VSCode para HTML e CSS    • Instalação do VS Code para Programação em ...   ----------------------------------------------------------------------- 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