Рет қаралды 1,653
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