Curso de HTML e CSS - Criando uma Landing Page do Zero [Aula 1]

  Рет қаралды 1,653

Hashtag Programação

Hashtag Programação

Күн бұрын

Quer saber mais sobre o nosso Curso Completo de HTML e 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...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
Site da MasterClass de Full Stack que foi Utilizada na Aula:
lp.hashtagtreinamentos.com/fu...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
www.hashtagtreinamentos.com/l...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
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...
► Como Baixar e Configurar o VSCode para HTML e CSS
• Instalação do VS Code ...
-----------------------------------------------------------------------
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 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

Пікірлер: 8
@moderacaohashtag
@moderacaohashtag 20 күн бұрын
Fala galera! Gostou do vídeo? Deixa a sua curtida e se inscreve no canal! PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css?origemurl=hashtag_yt_org_minihtmlcss_R2PZ89BsuWw ► Arquivos Utilizados no Vídeo: 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: lp.hashtagtreinamentos.com/full-stack/aula/inscricao ► Blog: bit.ly/2MRUZs0 ► KZbin: bit.ly/3c0LJQi ► Instagram: bit.ly/3o6dw42 ► Facebook: bit.ly/3qGtaF2 Playlists Recomendadas: ► Curso Básico de HTML e CSS kzbin.info/www/bejne/rKW7anWweriKpLM&pp=iAQB
@Vanjosil10
@Vanjosil10 13 күн бұрын
Excelente didática, bem explicativa, com repertório bem abrangente, muito bom! Gostei muito
@ronaldlima3733
@ronaldlima3733 16 күн бұрын
Próxima aulaaaaaaa
@leuoq
@leuoq 19 күн бұрын
programação é muito bom! me perdoem o incomodo, DEUS é tão gentil q quem verdadeiramente RESPEITA O PRÓXIMO cumpre integralmente 10 mandamentos, estudem!
@user-sr4ob7by4y
@user-sr4ob7by4y 19 күн бұрын
Quando sai a próxima aula ??
4 күн бұрын
Vamos publicar na próxima segunda, dia 22/jul!
@JodayForever
@JodayForever 5 күн бұрын
Cade a próxima aula?
4 күн бұрын
Vamos publicar na próxima segunda, dia 22/jul!
Tutorial Python | Download Automático de Arquivos
2:37
PalancaCode
Рет қаралды 890
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 109 М.
Slow motion boy #shorts by Tsuriki Show
00:14
Tsuriki Show
Рет қаралды 7 МЛН
Scary Teacher 3D Nick Troll Squid Game in Brush Teeth White or Black Challenge #shorts
00:47
Beautiful gymnastics 😍☺️
00:15
Lexa_Merin
Рет қаралды 14 МЛН
Heartwarming Unity at School Event #shorts
00:19
Fabiosa Stories
Рет қаралды 17 МЛН
Copiar vários arquivos de uma pasta a outra | Ti Responde 011
2:36
Terminal De Informação
Рет қаралды 2,1 М.
Curso de Excel Completo e Gratuito
1:29:05
Léo Matos
Рет қаралды 508 М.
Dominando Constraints no SQL SERVER [DE DBA PARA DBA]
12:51
Techt4lks - Explorando o Universo da Tecnologia
Рет қаралды 62
Como criar e estilizar o figcaption #10 #AluraFlix
7:48
Marco Bruno
Рет қаралды 1,4 М.
Reprogramar seu cérebro (Só leva 7 dias) -Dr. Joe Dispenza
13:34
UM POUCO MELHOR
Рет қаралды 1,1 МЛН
????????????????????????????????????????????????????
12:16
Raffael Chess
Рет қаралды 45 М.
📚 INTEGRAL POR PARTES - Cálculo 1  (#43) Agora ficou fácil!
23:09
Equaciona Com Paulo Pereira
Рет қаралды 554 М.
Learn Web Development And ACTUALLY Get A Job | Ultimate Guide
1:33:52
James Cross
Рет қаралды 1,3 МЛН
My opinion on Angular 18 & React 19
9:47
Maximilian Schwarzmüller
Рет қаралды 52 М.
Slow motion boy #shorts by Tsuriki Show
00:14
Tsuriki Show
Рет қаралды 7 МЛН