1. C1A1
   1. Precisamos fazer um acordo
      1. Pratique
      2. Tenha rotina
      3. Apoio
         1. https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
         2. https://gustavoguanabara.github.io/
2. C1A3
   1. Melhores livros para programação
      1. HTML 5
         1. Mark Pilgrim
      2. CSS
         1. Eric Meyer
      3. Flexbox in CSS
         1. Estelle Weyl
      4. Grid Layout in CSS
         1. Eric Meyer
      5. HTML5 CSS 3
         1. Elizabeth Castro e Bruce Hyslop
      6. HTML e CSS
         1. Jon Duckett
      7. HTML CSS
         1. Elisabeth Robson e Eric Freeman
      8. Crie seu próprio site
         1. Nate Cooper e Kim Gee
      9. HTML5
         1. Mauricio Samy Silva
      10. CSS3
          1. Mauricio Samy Silva
      11. HTML5 e CSS3
          1. Mauricio Samy Silva
      12. CSS grid layout
          1. Mauricio Samy Silva
      13. Flexbox explained
          1. Jorge Montoya e Stephen Burge
      14. CSS grid explained
          1. Jorge Montoya e Stephen Burge
      15. HTML5
          1. Bill Sanders
             1. Bookman
      16. CSS
          1. Eric Meyer
             1. Bookman
   2. Material de apoio
      1. https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf
      2. https://github.com/gustavoguanabara/html-css/tree/master
3. C1A4
   1. Como a internet chega na minha casa
   2. Como a internet surgiu
      1. Vem da ARPANET que surgiu durante a guerra fria para proteger as informações dos centros militares
      2. A internet era transmitida por cabos pelo mundo inteiro
   3. Como a internet funciona hoje
      1. Transferência de dados
   4. Protocolo HTTP
      1. Como surgiu
      2. Protocolos
         1. É uma forma de linguagem única em que todos os computadores vão conseguir falar
4. C2A1
   1. Como a internet funciona
      1. Como nos conectamos
         1. Cliente
            1. Navegar na internet
            2. Baixar imagem
            3. Acessar página
            4. Baixar instalador de um programa
      2. DNS
   2. Como o computador vê os dados
      1. Dígitos binários
         1. Bit
            1. Pode ser um 0 ou 1
            2. 8 bits é a porção mínima para que se represente algum dado
         2. Byte
            1. É a porção mínima que pode representar uma informação
         3. KB
            1. Kilobyte
            2. 128 Bytes = 1024 bits
            3. 1 KB é formado por 1024 Bytes
         4. MB
            1. Megabyte
            2. 1MB é formado por 1024 KB
         5. GB
            1. Gigabyte
            2. 1 GB é formado por 1024 MB
         6. TB
            1. Terabyte
            2. 1 TB é formado por 1024 GB
      2. MB x Mb
         1. 01/09/2023 12:06:06
5. C2A2
   1. O que é domínio e hospedagem
      1. Domínio
         1. Nome que identifica o site
            1. Deve ser o nome único
            2. Pago anualmente
            3. TLD
            4. GTLD
            5. ccTLD
      2. Hospedagem
         1. Local onde os arquivos do site vão estar armazenados
            1. Paga mensalmente
            2. Escolhe espaço, memória, recursos
   2. URL
      1. www
         1. github
            1. .com
            2. gustavoguanabara
6. C3A1
   1. Diferença entre HTML CSS Java script
      1. HTML
         1. Conteúdo
            1. Texto
            2. Imagens
            3. Vídeos
         2. Tag
            1. <h1>
            2. <p>
            3. <img src>
         3. UTF-8
      2. CSS
         1. Estilo
            1. Cores
            2. Posição dos componentes
            3. Tamanhos
            4. Sombras
            5. Organização visual do conteúdo
            6. Colunas
            7. Blocos visuais
         2. Tag
            1. h1{ }
      3. JavaScript
         1. Interatividade
            1. Animações
            2. Navegação
            3. Menus
            4. Popups
            5. Validações
   2. Extensão web developer
7. C3A2
   1. Front-end, back-end e Full stack
      1. Site estático
      2. Front-end
      3. Back-end
         1. Linguagens Back-end
            1. PHP
            2. C#
            3. Pyton
            4. Ruby
            5. Java
            6. Java script
      4. Full stack
8. C6A2
   1. Quais são os formatos para imagens na web
      1. PNG
         1. Permite transparência e tem baixa compactação de imagem
         2. Mais qualidade de imagem
      2. JPEG
         1. Consegue uma alta compactação de imagem
         2. Menos qualidade de imagem
      3. Menos usuais
         1. SVG
         2. GIF
            1. Permite transparência e animação
            2. Baixíssima qualidade de imagem
         3. TIF
9. C6A3
   1. O tamanho das imagens importa para um site
      1. Um bom tamanho de imagem
         1. 1500 px
         2. Resolução 72 p
         3. Qualidade 70%
         4. Menor que 400 KB
10. Revisar
    1. Dígitos binários
    2. Modulação Demodulação
    3. TLD
    4. URL
11. Modulação Demodulação
12. Dúvidas
    1. Como otimizar um site através dos caminhos DNS
13. Internet
14. Servidor
15. Tags
    1. <h1>
    2. <p>
    3. <b>
    4. <strong>
    5. </i>
    6. <em>
    7. <del>
    8. <ins>
    9. <sup>
    10. <sub>
    11. <mark>
    12. <code>
    13. <pre>
    14. <small>
    15. <a>
    16. <q>
    17. <blockquote>
    18. <p> lorem </p>
    19. <ol>
    20. <ul>
    21. <dl>
    22. <dt>
    23. <dd>
    24. <li>
    25. <img scr>
    26. <abbr>
    27. <link rel=" " href=" " type=" ">
    28. h1{ }
    29. <br>
    30. &lt; e &gt;
    31. <address> </address>
    32. Símbolos
        1. &nbsp;
        2. &reg;
        3. &copy;
        4. &trade;
        5. &euro;
        6. &pound;
        7. &yen;
        8. &cent;
        9. &empty;
        10. &sum;
        11. &delta;
        12. &Delta;
        13. &larr;
        14. &uarr;
        15. &rarr;
        16. &darr;
16. SEO
17. Pesquisar ref de Patrocínio no site