HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
Рет қаралды 422,773
Күн бұрын[Hey] Nesse vídeo eu ensino a fazer um site simples, mas dando várias dicas práticas! Usando apenas HTML e CSS!
Espero que vocês gostem! :)
Bora codar? 🔥
Repositório com o código desse vídeo: github.com/AdrianaSaty/easy-p...
O que mais você quer ver aqui no canal?
Comenta aqui embaixo pra eu saber! ;)
------------------------------------------------------------------------------------------------------------------
[Links]
- Instagram: / adriana.saty
- Twitch: / adrianasaty
- Github: github.com/AdrianaSaty/easy-p...
- Website: www.adrianasaty.com/
------------------------------------------------------------------------------------------------------------------
[índice]
00:00 Intro
00:38 Instalando o VS Code
01:01 Explicação Inicial
01:57 Criando a Navbar
07:14 Criando o Header
10:12 Criando o Main
11:08 Criando o Footer
14:33 Ajustes Finais
15:37 Fim
@AdrianaSaty 2 жыл бұрын
Gente, os SVGs vocês podem pegar no repositório, na pasta img: github.com/AdrianaSaty/easy-portfolio
@Illudius 2 жыл бұрын
Eu justamente estava nessa duvida, pois sou iniciante e estou aprendendo aqui.. rs cheguei ate comentar mas ai acabei de ver sua postagem das img .svg (kkkkk) fui buscar na internet e vi mta coisa estranha hahaha VLWWWWWWW
@newnessgames4797 Жыл бұрын
Div está obsoleto?
@mestrow Жыл бұрын
já ia perguntar, ainda bem que você já colocou aqui kkk
@breno_0646 Жыл бұрын
Como faz pra compartilhar o site? o link não é clicavél e se copiar e colar da erro.
@auramacuacua9132 Жыл бұрын
Até já me inscrevi
@joaopedrobelo2313 2 жыл бұрын
Estou estudando html e css é muito boa essa sensação de entender o que está acontecendo na construção do site, além de uma explicação clara, concisa sem enrolação ótimo conteúdo!!!
@AdrianaSaty 2 жыл бұрын
Obrigada 🤩
@studioplixx4890 Жыл бұрын
@@AdrianaSaty to fazendo pelo celular spck editor
@hardgss Жыл бұрын
ela tem talento pra encinar, ja eu sou ao contrario kkk
@bartirafonseca2227 Жыл бұрын
CONCORDO. muito bom, obrigada
@joaopedrobelo2313 Жыл бұрын
@kelly caroline KKKKKKKK valeu kelly ai sim hein!!!!
@matheusyt2515 Жыл бұрын
Uma dica para vc que está começando a programar ou vc que precisa de mais agilidade fica minha dica para ficar mais rápido coloca o VSCODE no Save automático e instala a extensão Live Server que atualiza o documento automático eu uso e não preciso estar me preocupando em ter que atualizar ou salvar toda vez.
@ladisLionKnight Жыл бұрын
Boa DICA VLW...
@shortsviewsbr Жыл бұрын
Valeu, mano você sabe me dizer qual programa ela usou para criar a pasta?
@d.oficial 9 ай бұрын
valeu cara, eu só sabia do sabe automático, ajudou muito
@Alberto-fj7ed 3 ай бұрын
n é so dar CRTL + S?
@Vinizada01 3 ай бұрын
@@Alberto-fj7ed Sim, mas a gente pode esquecer
@ruanmoutinho4879 Жыл бұрын
Meu muito obrigado, Adriana! Estou mega feliz e vou me aprofundando mais ainda nesse novo ramo da tecnologia. Tmj! E continue postando mais e mais conteúdos!
@talitamota6281 Жыл бұрын
Não deixe de gravar mais conteúdos como este nos ajuda muitooo
@uericsonkiffer2922 10 ай бұрын
Parabéns, que vídeo didático e explicativo. Estou no início dos estudos de desenvolvimento Web, ainda no módulo 1 de HTML, mesmo sem ter visto CSS, a impressão que fiquei é de entendimento de como estava funcionando cada etapa da construção desse seu site. Sei que há inúmeros projetos, mas parto do princípio que o simples bem feito, funciona demais! Parabens pelo conteúdo !!!
@joselucas7759 Жыл бұрын
Esse primeiro projeto iniciante foi ótimo para mim. Faz mais videos assim Adriana! Parabens pela didática!!
@JoaoGabriel-su9xg Жыл бұрын
Esse projeto vai agregar nos meus estudos em html e css . Vlw , Adriana! Faça mais projetos!
@Anormalcarareserva 2 жыл бұрын
Saty vc é perfeita garota, se eu tivesse visto um conteúdo assim no início da minha faculdade tudo teria sido mais fácil pra mim. Sua explicação e didática está a altura de professores universitários fodas. Parabéns pelo conteúdo disponibilizado totalmente de graça! Deixo aqui meu reconhecimento e valorização do seu trabalho nas redes!! 💚
@AdrianaSaty Жыл бұрын
Muito obrigadaaaa!! 🤩🤩🤩
@christopherjacobs2763 Жыл бұрын
@@AdrianaSaty adriana, eu queria mandar meu site pra amigos familiares. Como faço isso?
@dundun_dance 11 ай бұрын
@@christopherjacobs2763 copia o link e manda
@geanramone 11 ай бұрын
estou cursando ciências da computação e tenho aprendido mais com o youtube do quê com o conteúdo fornecido pela faculdade hsuahsuahu
@GuilhermeSilva-iq5ro 9 ай бұрын
@@christopherjacobs2763 se vc não hospedou ele, compacta a pasta toda e manda para eles, ai quando eles extrais peça para eles abrir a pasta index.
@giovannabalduino7903 Жыл бұрын
De todos os que eu estou estudando você é a que explica melhor, tem paciência e ainda é linda, parabéns
@lucaslucas3568 13 күн бұрын
ser linda é o ponto chave para prestar "atenção" na aula
@mrksousa Жыл бұрын
Você está ensinando conteúdo muito bom e de grande ajuda Adriana. Tens o dom de ensinar. Parabéns 👏 , muito obrigado.
@aguliademarte3872 6 ай бұрын
Muito legal o seu vídeo, querida Adriana! São pessoas como você que melhoram o mundo, através da partilha dos conhecimentos! Você é uma Professora nata! Parabéns, sucesso e felicidades!
@otavioduarte9442 Жыл бұрын
Comecei a estudar recentemente JS, HTML e CSS! Achei o vídeo incrível, continue com os vídeos! Muito sucesso Adriana :)
@klebom3278 2 жыл бұрын
Você ensinou muito bem sobre HTML e CSS parabéns Trás um código que retorna data, hora e clima
@iced2916 2 жыл бұрын
Clima é so usar uma api
@AdrianaSaty 2 жыл бұрын
Anotado!
@CarlosCastro-zy9jl 10 ай бұрын
sua didática é a mais simples e perfeita que já vi PARABÉNS
@PedroAugusto-fy1rp Жыл бұрын
Muito boa a explicação, estou aplicando já e vou fazer a segunda parte do exercício conforme proposto! Excelente! Faz mais vídeos!
@mateusdreher8541 2 жыл бұрын
Mais um vídeo de altíssima qualidade, nao sou iniciante, mas sou uma negação em html, e aquela dica sobre o rel nos links para SEO e segurança foi top demais. 👏
@AdrianaSaty 2 жыл бұрын
Valeu!! ^^
@brunopereira8325 10 ай бұрын
Tô começando agora os estudos, tem muitos elementos usados aí que ainda não vi, mas já compreendi de tão clara que foi sua explicação. Sensacional! Parabéns e traga sempre esses conteúdos enriquecedores! Sucesso!
@DB2OK Жыл бұрын
Gente, que didática maravilhosa. Seguindo o canal.
@Cloryls Жыл бұрын
Mal comecei a assistir o vídeo e já amei , explicação ótima! Era exatamente esse vídeo que eu estava procurando! Sério mesmo, muito Obrigada! ❤
@ronaldoamorim1833 2 жыл бұрын
Meu Deus, que didática incrível. Parabéns!
@AdrianaSaty 2 жыл бұрын
Obrigada! :)
@danilogomesalmeida2119 2 жыл бұрын
Muito bom o conteudo, parabéns! Estou fazendo um curso e você me ensinou em 16 min mais de css do que o cara do curso em 17 videos pequenos. Ansioso para os proximos videos.
@AdrianaSaty 2 жыл бұрын
Que da horaa!! Que bom que você curtiu :D
@felipechagas8003 2 жыл бұрын
Sempre tem um comentário desse em todos os vídeos do KZfaq sobre programação, engraçado.
@alucian 2 жыл бұрын
@@felipechagas8003 Mas é por que é fato Felipe, muitos fazem o curso muito "cheio" justamente pra dizer que tem mais conteúdo, que aborda tudo, mas no fim, não é necessário.
@ThePraQNome 2 жыл бұрын
@@felipechagas8003 Isso acontece bastante porque a maioria dos cursos completos abordam todos os conceitos e muitos raramente são usados. Vídeos assim que vão direto ao ponto são melhores pra aprender, porque a pessoa vê o projeto pronto e tem a sensação que ta aprendendo.
@danilogomesalmeida2119 2 жыл бұрын
@@alucian isso mesmo, colocaram vários vídeos curtos pra fingir que tem conteúdo, quando poderiam ter feito um vídeo só explicando justamente o que foi abordado no vídeo. Arrependido de ter comprado
@monys140 Жыл бұрын
Pow, muito bom, prático e objetivo! Obrigada por dividir seu conhecimento. ❤
@henriquecesar7959 Жыл бұрын
Ótimo conteúdo! Consegui ver o que aprendi em um curso sendo aplicado. Agora bora praticar!
@gnDopn 2 жыл бұрын
Nossa, conteúdo perfeito pra quem ta começando! Parabéns pelo canal, continue postando que com certeza logo logo vai chover de inscritos.
@AdrianaSaty 2 жыл бұрын
Obrigada!! Fico feliz que tenha gostado! :)
@jounys3057 2 жыл бұрын
Nunca vi nada de programação e vc fez parecer tudo muito simples, parabéns de verdade
@AdrianaSaty 2 жыл бұрын
Obrigada ^^
@inv5879 6 ай бұрын
isso não é programação, levando em conta que html é linguagem de marcação e css e estilização. linguagem de programação seria Javascript
@AwaysNix 5 ай бұрын
@@inv5879 Deixa o menino sonhar pô kkk
@gilvaniojanuario7093 Жыл бұрын
Simples e direto ao ponto, muitos que fazem esse conteúdo simplesmente colocam algo lá e faz como se todos soubessem, você não, vc coloca e explica numa linguagem simples, parabéns, puro stilo de ensinar!
@marcelojunior1073 Жыл бұрын
Que show, estou começando a dar uma olhada em HTML também, toda a ajuda é bem vinda.
@lucasalexandre954 Жыл бұрын
*O que uma explicação rápida, prática e eficiente não faz na vida do jovem* vlw pelo conteúdo centrado
@AdrianaSaty Жыл бұрын
é noix!!
@jozimarhenriques6848 2 жыл бұрын
Parabéns pela iniciativa de começar do Básico. Quando se tem um nível de compreensão maior da linguagem o trivial parece ser pouco ,mas pra quem está aprendendo é uma ajuda e tanto.
@AdrianaSaty 2 жыл бұрын
☺️☺️☺️
@Anys-15 5 ай бұрын
Muito obrigada pelo vídeo, ele é simples, porém eficiente! Nos cursos os temas são complicados, grandes, parece que vc nunca vai entender, porém contigo ficou tão simples!
@luizarocha6774 Жыл бұрын
Poderia fazer mais vídeos assim. Amei, e já me deu um norte pra fazer um site inicial que foi pedido no curso
@dlnnascimento 2 жыл бұрын
Eu to entrando nesse universo de programação agora e nossa seus vídeos só tá me fazendo ter a certeza de que estou no lugar certo, valeu!
@AdrianaSaty 2 жыл бұрын
Uhuul! Que bom!!! 🥳🥳🥳
@inv5879 6 ай бұрын
html e css não é programação. pra programação tem que usar linguagem de programação. algumas linguagens de programação são Javascript, Java,PHP, Python e tem muito mais. cada um pra determinada situação, com seus pros e contras . htm e css são linguagem de marcação e estilização respectivamente
@umotaku4507 5 ай бұрын
MDS, ela é simplesmente incrível, o jeito q ela ensina é tão gostoso, da vontade de aprender mais, ele prende a atenção de um jeito natural e cativante, por favor faça mais aulas dessa
@AdrianaSaty 4 ай бұрын
vou soltar um vídeo com tutorial de react, typescript e material ui em breveee! :D
@STRAIKGAMES475 3 ай бұрын
Me tire uma duvida, estou querendo entra nesse ramo. Porém não sei nada de inglês, da pra desenrola mesmo assim.. @@AdrianaSaty
@tiagoatelles Жыл бұрын
Parabéns pelo conteúdo... Sua aula me ajudou e muito a aprender e compreender sobre criação de site usando HTML e CSS 👏👏👏
@Juliana-Moura Жыл бұрын
Muito .. muito obrigada Adriana. Era tudo que estava precisando. Vc é muito didática, rápida, sem enrolações. Em alguns minutos fiz várias páginas para o meu tcc. Gratidão.
@IsmaelDev 2 жыл бұрын
Muito bom! Também comecei um canal de programação espero um dia poder chegar no seu nível. Parabéns pelo conteúdo ajudou muito
@AdrianaSaty 2 жыл бұрын
Que da hora!! Ensinar é a melhor forma de aprender :) Obrigada ^^
@iza.1197 2 жыл бұрын
moça por favor, traz mais vídeos nesse estilo💞
@AdrianaSaty 2 жыл бұрын
Pode deixar ˆˆ
@danielldino9305 6 ай бұрын
Ajudou muito , não entendia nada de html e css e vc foi a unica que foi fazendo passo a passo explicando cada detalhe muito obrigado princesa
@kaiquecapistrano 5 ай бұрын
Muito bom, estou a 2 meses procurando um conteúdo assim e não achava. Muito obrigado de verdade
@alfredoneto4381 2 жыл бұрын
Parabéns pelo conteúdo! Em 16min de vídeo ensinou muito mais do que muito curso!
@AdrianaSaty 2 жыл бұрын
Que bom que vc curtiu! Obrigada ☺️
@alfredoneto4381 2 жыл бұрын
@@AdrianaSaty imagina! Eu quem agradeço por você disponibilizar este conteúdo. Parabéns pelo excelente trabalho!
@paulopires3219 2 жыл бұрын
Excelente didática e explicação, porém pra mim que estou dando os primeiros passos nesse universo e tenho 5.3 anos foi difícil acompanhar o seu ritmo, mas foi ótimo gostei e te parabenizo pela iniciativa como li em outro comentário você vai ajudar muita gente que esta começando assim como eu. Valeu
@AdrianaSaty 2 жыл бұрын
Esse vídeo eu falei bastante conceito mais intermediário/avançado, então não se preocupe em entender tudo! Se eu tiver falando muito rápido também da para colocar numa velocidade mais devagar aqui pelo yotuube :)
@canaldememesengracados124 7 ай бұрын
Muito obrigada, eu tive pela primeira vez uma base solida sobre o que é HTML e CSS....Parabéns....Deus te abençoe
@FMS4786 9 ай бұрын
Sem palavras, estava a uma semana tentando entender meus erros. Você me ajudou com todos, obrigado.
@Thiago-oc9nl 2 жыл бұрын
Vai falir as escolas kkk, vídeo ficou muito dahora, simplificado e dinâmico, vlwww, tô no aguardo dos próximos!!
@AdrianaSaty 2 жыл бұрын
huiaehheaiu valeuu!! Agora to sem criatividade de tema XDD Se tiver sugestões :)
@WadsonPontes 2 жыл бұрын
@@AdrianaSaty Ensina a fazer joguinho de vestir para meninas. É uma boa introdução a JavaScript. Não vi nem um vídeo desse no KZfaq.
@marcoshornos8230 2 жыл бұрын
Olá boa noite! Adorei esse vídeo e fiz quase tudo , mas na parte 11:32 , não sei como importar as imagens. Por favor , poderia me explicar. Obrigado
@LuizGustavo-cc7fd 4 ай бұрын
Eu consegui baixando ela em "salvar como"
@luanajlemos 2 ай бұрын
Que aula maravilhosa! Estou começando a aprender programação agora! Obrigada!
@eikegamesoi8976 6 ай бұрын
Melhor explicação que já vi como fazer uma página. Parabéns
@EnglishwithGaucho Жыл бұрын
Hello, atualmente sou professor de Inglês e fazendo transição de carreira... iniciei meus estudos em HTML, CSS e Javascript. junto a isso também comecei minha graduação de Engenharia do Software, suas dicas são ótimas. muito obrigado.
@fabio6626 2 жыл бұрын
Cara, sendo sincero.... Assistir esse vídeo me deu vontade de programar..kkkkkk Parabéns pelo canal, curtindo seus vídeos!
@AdrianaSaty 2 жыл бұрын
Bora codar!! 🤘
@uelbercardoso9127 2 ай бұрын
Ola Adriana Saty, conteudo top! Estou iniciando agora e a sua aula me abriu a mente de uma forma inexplicável... Parabéns!!!
@Rehmarquez 2 ай бұрын
você é top , valeu demais essa aula foi o começo de muitas coisas que estão pra vir pra mim !!
@eltongomes5138 5 ай бұрын
Este vídeo é muito bom para aprender, vc é otima e direta, pfvr volte a postar
@ronaldzion7097 Жыл бұрын
obrigado por compartilhar adriana, pra quem e leigo como eu, sua explicação foi de uma grande valia.
@ronaldzion7097 Жыл бұрын
Ótimo vídeo pra quem está aprendendo Adriana. Obrigado por compartilhar colega
@luke2304 Жыл бұрын
Boa tarde! Muito bom seus vídeos. Como você fez pra importar as imagens já em svg? Estou iniciando os estudos.
@wanessaribeiro01 10 ай бұрын
Quero saber tbm scrr
@CarlosDaniel_24 2 жыл бұрын
A maneira que você ensina parece ser muito fácil, mas quando eu começo a fazer eu sempre travo kkkkk, Muito bom, estou animado para os próximos vídeos! 😁
@AdrianaSaty 2 жыл бұрын
Poxa, comenta aqui onde você travou que eu te ajudo. E me ajuda a fazer melhor nas próximas! :)
@almanaquee 20 күн бұрын
Até que enfim um tutorial de verdade, parabéns 🫣
@area.secreta Жыл бұрын
Grava com mais frequência vídeos. A forma que você explica me identifiquei. E sem enrolação direta ao ponto. E top demais.
@taysilk 2 ай бұрын
Muito obrigada Adriana! ❤ Sucesso para ti!
@UnderCar86 11 ай бұрын
Cê tem futuro moça, Deus abençoe sempre sua vida 🙏😊❤
@M_Goulart 4 ай бұрын
Excelente aula! Ensina na prática , fica bem mais fácil de entender! Parabéns !
@gloriagoncalves1416 4 ай бұрын
Parabéns, muitos ditos "professores" deveriam ter essa forma simples e direta de ensinar.
@ronaldinhodev 8 ай бұрын
Que ótima aula, simples e direta! Obrigado 👏
@reabilitrandespachante1878 3 ай бұрын
Simplesmente perfeita, a muitos anos sem contato com programação, acendeu minha vontade 😊😊 gratidão
@CelsoCamargo19 4 ай бұрын
Parabéns Adriana você é muito didática e inteligente!! Eu que não sei nada em programação HTML e CSS já aprendi muito!! Você tem um Dom único para ensinar!! Parabéns!!
@Evertontk3 Жыл бұрын
Ótimo vídeo, muito bem explicado, aprender na prática e bem melhor, parabéns pelo seu trabalho!!!
@adelourencojr Жыл бұрын
Muito bem explicado, obrigado de coração Adriana
@artesvilasboas71 Жыл бұрын
Gostei muito do seu vídeo, você explica muito bem, está me ajudando muito a criar meu primeiro site. Parabéns!
@fabianotavares3941 Ай бұрын
Vídeo muito bom. Aprendi muito. A quantidade de visualizações comprovam ainda mais sobre um assunto tão nichado e considerando a quantidade de inscritos do canal.
@Saga.gamer77 Жыл бұрын
Foi incrível, quero aprender cada vez mais, seu video ficou nota 10
@eduhs8068 2 ай бұрын
Consegui fazer, adorei!, agora criar as outras páginas, parabéns e obrigado, a forma como é ensinado influência muito,.
@aartedeinvestiroficial1 2 ай бұрын
Gostei da explicação, fui seguindo o passo a passo do vídeo e consegui. top
@CARLOSOLIVEIRA-mt3ek 5 ай бұрын
Esses videos rapidos são muito bons! keep doing it help us a lot!
@jeziosmendeslira3134 3 ай бұрын
Parabéns pela incrível didática👏👏👏 Seu vídeo me ajudou bastante , é complicado qndo está começando a codar e não tem uma ideia de como começar, mto obg msm 😉 ganhou mais um Seguidor!!
@cyberpunkgirl7907 13 күн бұрын
amamos essas aulas!
@gtt300 9 ай бұрын
Obrigado pelas dicas viu Senhorita, ajudou demais, tudo de bom pra ti !!
@jardelmartins898 Жыл бұрын
Adriana, você é nota 1000.
@kurishinseinenkai Жыл бұрын
Excelente aula, bem prática e rápida.
@Luan-sd8wp 7 ай бұрын
CARA, você ensina muito bem, muito obrigado!
@RafaYevsky 4 ай бұрын
Estou começando ainda e vou precisar assistir mais algumas vezes, mas você foi bastante didática. Muito bom o vídeo. Parabéns. Desnecessário porém ser tão bonita, isto foi apenas um capricho da natureza.
@amilton557 Жыл бұрын
Adriana, muito boa sua aula. É claro que precisa ir pausando e anotando, mas muito legal. Parabéns!
@Cristiano_Lobo Жыл бұрын
Muito bom Adriana, parabéns pela didática.
@williamnunes8732 6 ай бұрын
Muito bom mesmo, não sou chegado em Código mas assistindo didaticamente assim fica bem agradável.
@antoniojunior4332 11 ай бұрын
cheguei sem saber nada e sai sabendo tudo,, muito obrigado Adriana Saty, excelente aula
@LucasVieira-vi8td Жыл бұрын
Ensina muito bem, meus parabéns e espero que continue seus videos.
@Vanjosil10 4 ай бұрын
Muito bacana a criação e estilização, e a forma bem didática! Muito bom!
@alexandreassuncao4928 5 ай бұрын
Parabéns, Adriana!!!
@JoaoPaulo-hn7ky 6 ай бұрын
Explicação muito boa e bem detalhista, deu para tirar muitas dúvidas, meus parabéns.
@leonardosilva1404 3 ай бұрын
explicação muito boa, fui seguindo o passo a passo do vídeo e bateu certinho. top
@millenagutemberg6395 6 ай бұрын
Obrigada!! Você explica muito bem e conseguir entender muito bem!
@victorrodrigues9544 Ай бұрын
Passe o tempo que for, que vídeo excelente!
@ronaldomorais3917 Жыл бұрын
Muito bom ver oque está acontecendo na pratica, fiz direitinho. Vfinalizar o desafio do contact e project! abraço arrasou
@jrbira 2 жыл бұрын
Gostei! Adriana muito didático.
@puropuuro 5 ай бұрын
Esse video me ajudou muito quem dera meus professores podessem saber ensinar tao bem quanto vc. Brigadao!
@MegaXDBrasil Жыл бұрын
OBRIGADO!! Aprendi muita coisa com o seu vídeo!! ; ), Tem aulas de 30 minutos que aprende quase nada kkkk muito obrigado mesmo!!
@leticiadias3468 4 ай бұрын
Parabéns, adorei seu vídeo e obrigada por passar seu conhecimento pra nós🤗
@matheushenri4650 2 ай бұрын
Video maravilhoso, literalmente me fez passar em uma matéria, explicação perfeita!
@tsuru6139 2 жыл бұрын
Você merece o mundo, obrigado ajudou demaaaaaaais
@matheusalves8732 6 ай бұрын
Excelente conteudo Adriana, muito obrigado :)
Rodrigo M.S.
Рет қаралды 121 М.
Programador Python
Рет қаралды 369 М.
Electronics_latvia
Рет қаралды 855 М.