Criando um site com versão para impressora - @Curso em Vídeo HTML5 e CSS3

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2025

ความคิดเห็น • 71

  • @periclesperesoficial
    @periclesperesoficial 2 ปีที่แล้ว +42

    Legal demais, nem tinha pensado sobre isso ainda, curso bom pra caramba! Você que leu, não desista!

  • @lucasvilasboas7326
    @lucasvilasboas7326 ปีที่แล้ว +2

    Cara é muito loucooo .... tu vai aprendendo as coisas e sua cabeça explode com as informações e tudo começa a fazer sentido ! Valeu de novo professor gafanhoto !!!!!

  • @Maria-lo9yv
    @Maria-lo9yv 2 ปีที่แล้ว +12

    Meu sonho ter o prazer de lhe conhecer, cara na moral nunca desista de ser essa pessoa foda que você é! Que o caminho é duro? Todos sabemos mas o que poucos sabem é as recompensas! Lembre - se!

  • @tougeracing
    @tougeracing ปีที่แล้ว +20

    Oi galera quero compartilhar como estou estudando, eu anoto no paragrafo o que seriam os Lorem,todas as informações passadas pelo Guanara no vídeo, assim quando preciso relembrar algo eu abro a pagina e nela ja constam as instruções...
    Outra coisa é cada capítulo novo eu não crio apenas uma pasta onde diz ex0025, nesse caso por exemplo eu a crio desta maneira; Ex0025 Media Queries, assim consigo olhar o material caso tenha alguma duvida sobre aquele assunto em específico, evita ter que ficar revirando os index que criamos ate aqui...

    Notícias com Media Queries


    Esportes
    Política
    Tecnologia





    Aprendendo Media Queries

    Iniciamos o Media Querie em <head>, abaixo de <title>, criamos dois link's para CSS desta maneira;
    <link rel="stylesheet" href="estilos/tela.css" media="screen">
    <link rel="stylesheet" href="estilos/impressora.css" media="screen">
    Nesse caso criamos os css dentro da pasta estilos, que está dentro da pasta do exercício, assim cada exercício deste capítulo terão seus próprios estilos.


    Cada uma das CSS ficaram com suas respectivas configurações, sendo assim o media="screen" com suas configurações de visualização no navegador, e quando solicitamos o print ou seja a impressão da página ele puxa o media="print".



    Bons estudos a todos!

  • @renanmacho
    @renanmacho 11 หลายเดือนก่อน +1

    Confesso que fiquei quase 1 hora nesse vídeo, pois sei da importância dele para construir sites profissionais.

  • @garotodeprograma20ahora
    @garotodeprograma20ahora 2 ปีที่แล้ว +3

    Muito obrigado professor vc não sabe o quanto tem me ajudado com os seus vídeos Deus retribua em dobro o que vc tem feito por mim e por todos quanto tem aprendido do senhor ❤❤

  • @custodiorod
    @custodiorod 2 ปีที่แล้ว +1

    Professor Guanabara obrigado pelo seu trabalho! Deus te abençoe 🙏🙏🙏

  • @vitorac412
    @vitorac412 2 ปีที่แล้ว +2

    Parabens para quem chegou até aqui! Bora que bora!

  • @onsigmund
    @onsigmund 2 ปีที่แล้ว +3

    Esse curso está sensacional, só aguardando o módulo 5, pra finalizar.

  • @keytoncunhabatista4009
    @keytoncunhabatista4009 2 ปีที่แล้ว

    Mais uma aula excelente, parabéns Mestre Guanabara.

  • @cassioqueirozpereira8447
    @cassioqueirozpereira8447 ปีที่แล้ว

    Obrigado, Gustavo!

  • @ColapS0
    @ColapS0 2 ปีที่แล้ว +1

    Aula muito boa... obrigado professor.

  • @camilacaldeira7342
    @camilacaldeira7342 2 ปีที่แล้ว +4

    Braaaaabo!!!

  • @marvin1290
    @marvin1290 2 ปีที่แล้ว +1

    muito top esse conteúdo!!!

  • @convenienciadigital1129
    @convenienciadigital1129 2 ปีที่แล้ว +1

    Muito bom gostei bastante de aprender

  • @guilhermecunha2375
    @guilhermecunha2375 ปีที่แล้ว

    excelente aula professor!

  • @kempsamaral702
    @kempsamaral702 2 ปีที่แล้ว +11

    Guanabara: "Esse CSS, essa CSS, essas CSS's..... ah DANE-SE" kkkkkkkkkkkkkkkkkkkk

    • @GustavoHumanes
      @GustavoHumanes 6 หลายเดือนก่อน

      Complicado que eu duvido que alguém ligue para isso kkkkkkkkkkkkkkkkkk

  • @thisislaraa
    @thisislaraa ปีที่แล้ว

    que curso maravilhoosooooooooo

  • @alexjunio7497
    @alexjunio7497 2 ปีที่แล้ว +1

    Muito bom!

  • @neymarbonito7095
    @neymarbonito7095 ปีที่แล้ว

    genial guanabara

  • @matheusoliveira-vk6bm
    @matheusoliveira-vk6bm 2 ปีที่แล้ว +2

    Topzera

  • @filipecapanegra
    @filipecapanegra 2 ปีที่แล้ว +1

    Top 👍👍👍👍

  • @semente.criativa
    @semente.criativa ปีที่แล้ว

    Nunca imaginei em fazer isso, pensei que é só fazer o site e pronto, rs

  • @toddynho_0139
    @toddynho_0139 ปีที่แล้ว

    Muito bom

  • @marcusribeiro5759
    @marcusribeiro5759 ปีที่แล้ว

    Show!

  • @delvinnhatave2819
    @delvinnhatave2819 2 ปีที่แล้ว +1

    Professor, tudo bom?
    Seus vídeos são tops. Quital fazer um curso de como construir um aplicativo (Android, iOS.....)

  • @ex_script7091
    @ex_script7091 ปีที่แล้ว

    Nice!

  • @gregorio702
    @gregorio702 2 ปีที่แล้ว +2

    Guanabara, já pensou em fazer um curso de Flutter? Amo a Framework

  • @welisonrodrigues9842
    @welisonrodrigues9842 2 ปีที่แล้ว +2

    Eai professor quando vai sair curso de Android pra nois

  • @robertf7801
    @robertf7801 2 ปีที่แล้ว +8

    prof, libere as apostilas do , do input e dos media querys no github

    • @periclesperesoficial
      @periclesperesoficial 2 ปีที่แล้ว

      Libera pra nos prof Guanabara! kkk

    • @tiago.sampa_
      @tiago.sampa_ ปีที่แล้ว +1

      Vc pode encontrar o material de apoio nos meus comentários em vários vídeos.

  • @ramiro1410
    @ramiro1410 10 หลายเดือนก่อน

    que foda

  • @brainbrain6087
    @brainbrain6087 2 ปีที่แล้ว

    Manero

  • @liilisz
    @liilisz 2 ปีที่แล้ว +1

    Libera os videos tudo prof....please!! kkk ansiedade

    • @garotodeprograma20ahora
      @garotodeprograma20ahora 2 ปีที่แล้ว +1

      Vc pode se tornar apoiador do canal e ter acesso a conteúdo exclusivo 💫

  • @abioliver2250
    @abioliver2250 2 ปีที่แล้ว +2

    "Dane-se" é isso kkk

  • @sandwicheems
    @sandwicheems ปีที่แล้ว

    11:03 eu entendio tudio professorio Guanabara

  • @renatoorosco
    @renatoorosco 2 ปีที่แล้ว +13

    Consultei a tag no dia 03/02/2023 no W3C. Ela foi removida do HTML5.

    • @EmlioGen
      @EmlioGen 6 หลายเดือนก่อน

      Wtf!?

  • @Tailan001
    @Tailan001 2 ปีที่แล้ว +1

    parece simples ,rapaziada, parece simples.

    • @renatoorosco
      @renatoorosco 2 ปีที่แล้ว +1

      É bem mais complicado do que parece? kk

  • @sandwicheems
    @sandwicheems ปีที่แล้ว

    7:12 eu no final do curso

  • @DevSamir-je7md
    @DevSamir-je7md ปีที่แล้ว

    7:14 eu desenvolvendo é exatamente assim *na base do ódio*

  • @renatoorosco
    @renatoorosco 2 ปีที่แล้ว

    07:15 🤣🤣

  • @Bread-vk8fl
    @Bread-vk8fl ปีที่แล้ว +1

    Dúvida, acabei perdendo essa explicação em algum momento. Por que o Guanabara coloca o @charset "UTF-8" nos arquivos CSS sendo que já tem no HTML?

    • @sadatsumi600
      @sadatsumi600 ปีที่แล้ว +1

      Opa! Acredito que seja porque o CSS não entende esse "UTF-8" que vem do HTML. Precisa explicitar no arquivo CSS também, são arquivos distintos

    • @flavianafernandes8069
      @flavianafernandes8069 9 หลายเดือนก่อน

      Ajuda a garantir que os caracteres sejam exibidos corretamente para o usuário final. Ele recomenda pra não apresentar nenhum erro ao exibir algum caractere, mas tem Dev que não usa o @charset na folha de estilo.

    • @Blessed.Emanuel7
      @Blessed.Emanuel7 8 วันที่ผ่านมา

      na html ja possui porem nas css nao entao SEMPRE que for criar um css externo precisa colocar UTF-8 assim tanto o css quanto o html aceita acentos etc

  • @PatsFerrer
    @PatsFerrer ปีที่แล้ว +1

    esse CSS, essa CSS.. essas CSS aah.. dane-se uahushausha socorro

  • @isavieira-di4rz
    @isavieira-di4rz 10 หลายเดือนก่อน +1

    sou a curtida 2mil

  • @Alexandersdr
    @Alexandersdr 2 ปีที่แล้ว +1

    Guanabara, O link dos arquivos de imagens está fora do ar, o link não funciona?

  • @maicondamatta86
    @maicondamatta86 2 ปีที่แล้ว +1

    Guanabara, está parecendo com Sr.Bariga... kkkkkkk

    • @codin2148
      @codin2148 2 ปีที่แล้ว

      ué kkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

  • @limpbr
    @limpbr 9 หลายเดือนก่อน

    Pessoal, qual a diferença de no css colocar o > e não colocar?

    • @kyfloe3168
      @kyfloe3168 9 หลายเดือนก่อน +2

      Com o ">" é indicando que um filho direto.
      Ex:

      Link
      é um filho direto de , já não é pois ta dentro da tag .

    • @limpbr
      @limpbr 8 หลายเดือนก่อน

      @@kyfloe3168 então colocar o > diz que só vai servir para o que vem depois ( filho direto) e não colocar seria para todos que tem dentro

  • @Evandro.99
    @Evandro.99 2 ปีที่แล้ว +1

    omegle ontem☝

  • @dalik1738
    @dalik1738 2 ปีที่แล้ว +1

    no meu teste so esta aceitando o ultimo css que eu coloquei, no caso o da impressora, eu fiz algo errado?

    • @jefferson8055
      @jefferson8055 2 ปีที่แล้ว +2

      Deve ter esquecido o media="print" no link do css da impressora:

    • @dalik1738
      @dalik1738 2 ปีที่แล้ว

      @@jefferson8055 tinha escravidão media errado em um dos dois link, por isso estava dando errado

    • @umapessoaae2323
      @umapessoaae2323 2 ปีที่แล้ว +1

      @@dalik1738 escravidão kskskksksksksksksksksksksksksksksks

    • @Tailan001
      @Tailan001 2 ปีที่แล้ว

      @@dalik1738 jljljljljlk muito bom

  • @marketingcomsamurai
    @marketingcomsamurai 2 ปีที่แล้ว +1

    1° ✓✓®

  • @Franceskini81
    @Franceskini81 2 ปีที่แล้ว +1

    Mas tem um jeito mais automático? Imagina isso num site como a Globo

  • @danejardim5663
    @danejardim5663 5 หลายเดือนก่อน

    o que significa esse "@CHARSET "UTF-8" no inicio do CSS??

    • @LucasL-f7e
      @LucasL-f7e 4 หลายเดือนก่อน

      Se não me engano é pra aceitar letras com acentos e etc

  • @joaofolha
    @joaofolha 2 ปีที่แล้ว

    O meu article::after está saindo colado ao lorem na hora da impressão. Alguém pode ajudar?

  • @LuanSantos-rr4hh
    @LuanSantos-rr4hh ปีที่แล้ว

    estou fazendo o curso agora mais pelo menos no meu as medias queries não estão funcionando corretamente
    quando eu coloco as medias queries de print e screen a print se sobresaiu no meu site não a screen😓

    • @ElevaTe.
      @ElevaTe. ปีที่แล้ว +1

      Você alterou o nome do arquivo css da impressora "print" para impressora.css ?