01 - Introdução e Apresentação ao HTML.

00:47:30
https://www.youtube.com/watch?v=rSwzhwdVsmA

Zusammenfassung

TLDRO vídeo é uma introdução ao HTML, explicando sua importância na criação de páginas da web. O professor detalha a estrutura básica do HTML, como abrir e fechar tags, e a diferença entre tags que precisam de fechamento e aquelas que não precisam, como a tag BR. Ele demonstra como criar uma página HTML usando um editor de texto, como o Bloco de Notas, e a importância de salvar o arquivo com a extensão .html. O professor também recomenda o uso de editores de texto mais avançados, como Notepad++, para facilitar a visualização do código. O conteúdo é voltado para iniciantes que desejam aprender a desenvolver páginas web.

Mitbringsel

  • 🌐 HTML é a base da criação de sites.
  • 📜 As tags são comandos que devem ser abertas e fechadas.
  • 💾 Salve arquivos HTML com a extensão .html.
  • 🔍 O Notepad++ facilita a visualização do código.
  • 🚫 A tag BR não precisa de fechamento.
  • 🔠 HTML não diferencia maiúsculas de minúsculas.
  • 📝 A estrutura básica do HTML é essencial para criar páginas.
  • 🔄 Atualize a página no navegador após salvar alterações.
  • 🖥️ O cabeçalho contém informações que não aparecem no corpo.
  • 📚 Aprender HTML é fundamental para desenvolvimento web.

Zeitleiste

  • 00:00:00 - 00:05:00

    Introdução ao HTML, uma linguagem fundamental para a criação de páginas da internet, que significa 'Hypertext Markup Language'. É a base de todos os sites existentes e essencial para o desenvolvimento web.

  • 00:05:00 - 00:10:00

    HTML é composto por 'tags' que são comandos que devem ser sempre escritos entre os sinais de menor e maior. Cada tag deve ser aberta e fechada, com algumas exceções como a tag BR, que não precisa de fechamento.

  • 00:10:00 - 00:15:00

    A estrutura básica de uma página HTML inclui a declaração do tipo de documento, a tag HTML, a tag HEAD para o cabeçalho e a tag BODY para o conteúdo principal da página. É importante seguir essa estrutura para criar uma página funcional.

  • 00:15:00 - 00:20:00

    A tag HEAD contém informações que não aparecem diretamente na página, como o título, que é definido pela tag TITLE. O conteúdo da página é colocado dentro da tag BODY, que é o que os usuários veem.

  • 00:20:00 - 00:25:00

    Para criar uma página HTML, é necessário salvar o arquivo com a extensão .html. O nome do arquivo deve ser simples e sem caracteres especiais, sendo 'index.html' o nome padrão para a página principal de um site.

  • 00:25:00 - 00:30:00

    Após salvar, é possível abrir a página no navegador. Qualquer alteração feita no código-fonte deve ser salva e a página atualizada para refletir as mudanças.

  • 00:30:00 - 00:35:00

    O uso de editores de texto como Notepad++ é recomendado para facilitar a visualização do código, pois eles destacam a sintaxe e ajudam na organização do código HTML.

  • 00:35:00 - 00:40:00

    A tag BR é usada para quebras de linha, enquanto a tag P é usada para parágrafos, que têm um espaçamento maior entre eles. A escolha entre usar uma ou outra depende do layout desejado.

  • 00:40:00 - 00:47:30

    O professor finaliza a aula revisando os conceitos principais do HTML e enfatiza a importância de praticar a criação de páginas, além de mencionar que em aulas futuras serão abordados mais recursos e interatividade com JavaScript.

Mehr anzeigen

Mind Map

Video-Fragen und Antworten

  • O que é HTML?

    HTML significa Hypertext Markup Language, que é a linguagem de marcação padrão para criar páginas da web.

  • Quais são as tags no HTML?

    As tags são comandos que devem ser abertas e fechadas, e são escritas entre os sinais de menor e maior.

  • Como criar uma página HTML?

    Para criar uma página HTML, você deve digitar a estrutura básica em um editor de texto e salvar o arquivo com a extensão .html.

  • O que é a tag BR?

    A tag BR é uma tag que permite a quebra de linha e não precisa de fechamento.

  • Qual editor de texto é recomendado para HTML?

    O Notepad++ é recomendado por sua facilidade de uso e visualização do código.

  • Como salvar um arquivo HTML?

    O arquivo deve ser salvo com o nome seguido da extensão .html, como 'index.html'.

  • O HTML diferencia letras maiúsculas de minúsculas?

    Não, o HTML não diferencia letras maiúsculas de minúsculas, mas é recomendado usar tudo em minúsculo.

  • O que é a estrutura básica do HTML?

    A estrutura básica do HTML inclui as tags <!DOCTYPE html>, <html>, <head>, <title> e <body>.

  • Como atualizar uma página HTML no navegador?

    Após fazer alterações no código, você deve salvar o arquivo e atualizar a página no navegador.

  • O que aparece no cabeçalho da página?

    O cabeçalho da página pode conter informações que não aparecem no corpo, como o título da página.

Weitere Video-Zusammenfassungen anzeigen

Erhalten Sie sofortigen Zugang zu kostenlosen YouTube-Videozusammenfassungen, die von AI unterstützt werden!
Untertitel
pt
Automatisches Blättern:
  • 00:00:03
    e agora sim
  • 00:00:11
    a beleza para criação de sites pessoal
  • 00:00:14
    de páginas de internet nós vamos
  • 00:00:17
    utilizar uma tecnologia chamada html
  • 00:00:22
    e o texto diz o seguinte HTML é uma
  • 00:00:25
    linguagem utilizada para criar páginas
  • 00:00:28
    de internet a sigla HTML significa
  • 00:00:31
    hypertext markup language é uma
  • 00:00:34
    linguagem de marcação
  • 00:00:37
    padrão para criar páginas Web está
  • 00:00:40
    presente em todos os sites existentes na
  • 00:00:42
    internet
  • 00:00:45
    e olha essa última linha pode-se afirmar
  • 00:00:47
    que não existe desenvolvimento web sem
  • 00:00:51
    HTML sem essa tecnologia
  • 00:00:54
    como nós lemos o HTML pessoal ele é a
  • 00:00:59
    base
  • 00:01:00
    da criação de sites de páginas de
  • 00:01:03
    internet não tem nenhum site que não
  • 00:01:05
    tenha isso daqui por trás que não tenha
  • 00:01:09
    usado essa tecnologia perfeito
  • 00:01:15
    e é decoraram isso daqui já daqui é
  • 00:01:18
    perguntinha de prova em O que significa
  • 00:01:21
    HTML hypertext markup language em
  • 00:01:26
    português é linguagem de marcação de
  • 00:01:29
    hipertexto
  • 00:01:31
    vocês vão entender um pouquinho melhor
  • 00:01:33
    por quê que é uma linguagem de marcação
  • 00:01:38
    e a princípio talvez fique meio vago
  • 00:01:41
    isso mas vocês vão entender melhor no
  • 00:01:44
    decorrer das aulas aí que eu quero que
  • 00:01:46
    fique claro para vocês é isso o que que
  • 00:01:49
    é o HTML é uma linguagem que nós
  • 00:01:51
    utilizamos para criar páginas de
  • 00:01:53
    internet
  • 00:01:55
    Eu acho que eu até dei esse exemplo aqui
  • 00:01:58
    para vocês não a passada mas eu vou
  • 00:02:00
    mostrar novamente
  • 00:02:08
    eu vou entrar em um site qualquer aqui ó
  • 00:02:13
    E aí
  • 00:02:18
    se alguém brasileiras e microfone cabo
  • 00:02:21
    de microfone né isso pessoal entrei aqui
  • 00:02:25
    por exemplo no site do terra certo
  • 00:02:29
    o seu clicar com o botão da direita aqui
  • 00:02:33
    e eu consigo acessar essa opção exibir
  • 00:02:37
    código fonte da página
  • 00:02:39
    E aí
  • 00:02:41
    e
  • 00:02:43
    quando eu acesso copos e
  • 00:02:48
    eu vou ver se eu consigo deixar muda
  • 00:02:51
    aqui ó
  • 00:02:57
    E aí
  • 00:03:00
    e
  • 00:03:01
    quando eu acesso o código-fonte
  • 00:03:04
    Esse é o código pessoal que foi
  • 00:03:07
    desenvolvido que foi programado criado
  • 00:03:12
    para gerar esta página
  • 00:03:15
    e essa é a página que as pessoas acessam
  • 00:03:18
    é o conteúdo que as pessoas vêm do site
  • 00:03:21
    só que para que isso para que essa
  • 00:03:24
    página apareça desse modo
  • 00:03:27
    Alguém teve que
  • 00:03:29
    programar criar esse código que gera
  • 00:03:33
    essa página
  • 00:03:35
    e nós iremos aprender a criar Esses
  • 00:03:38
    códigos não se assustem tá Não se
  • 00:03:41
    assusta e qual Nossa Professor mas eu
  • 00:03:43
    não tô entendendo nada aí não tem
  • 00:03:46
    problema a gente vai detalhar isso daqui
  • 00:03:49
    vai ver com calma cada um desses
  • 00:03:52
    recursos
  • 00:03:53
    tá bom não se assusta é só para vocês
  • 00:03:57
    terem uma ideia
  • 00:03:59
    e ficou claro isso a Alguém teve que
  • 00:04:02
    programar criar esse código para gerar
  • 00:04:06
    esse resultado que é o site
  • 00:04:11
    E nós como desenvolvedores
  • 00:04:14
    vocês como os como desenvolvedor de
  • 00:04:18
    sistema programadores
  • 00:04:19
    irão fazer isso irão trabalhar muito com
  • 00:04:23
    o código-fonte
  • 00:04:24
    vocês
  • 00:04:26
    criaram o código e o código irá gerar o
  • 00:04:29
    site a página de internet
  • 00:04:32
    a beleza pessoal continuando aqui
  • 00:04:36
    os
  • 00:04:36
    comandos do HTML os comandos do HTML são
  • 00:04:41
    chamados de tags ou tags Tá bom então
  • 00:04:46
    quando eu falar para vocês assim ó tá o
  • 00:04:48
    Tag tal tag serve para isso vocês sabem
  • 00:04:52
    que quando eu me referir a tag Otávio eu
  • 00:04:55
    estou me referindo a um comando
  • 00:04:58
    o HTML possui muitos comandos Tais
  • 00:05:02
    comandos são chamados de tags
  • 00:05:05
    ver todas as tags tem o mesmo formato
  • 00:05:08
    sempre dentro dos caracteres menor e
  • 00:05:12
    maior
  • 00:05:14
    e vocês vão ver que todo o comando que a
  • 00:05:16
    gente for fazer aqui no HTML Nós temos
  • 00:05:20
    que colocar pessoal entre o sinal de
  • 00:05:22
    menor e maior Ah mas eu não posso
  • 00:05:25
    digitar um comando
  • 00:05:28
    fora do sinal de menor e maior Não não
  • 00:05:30
    posso é uma regra eu tenho que fazer
  • 00:05:32
    assim
  • 00:05:34
    em todo o comando tem que estar entre o
  • 00:05:37
    menor eo maior
  • 00:05:39
    com
  • 00:05:39
    as tags precisam ser abertas e fechadas
  • 00:05:44
    vocês vão ver que nós vamos colocar o
  • 00:05:47
    sinal de menor e maior
  • 00:05:49
    aqui dentro colocar um nome de um
  • 00:05:52
    comando
  • 00:05:54
    e esse é o comando de abertura só que
  • 00:05:57
    posteriormente depois nós temos que
  • 00:06:00
    fechar esse comando como que nós
  • 00:06:02
    fechamos usando o
  • 00:06:06
    menor/maior o nome do comando vai aqui
  • 00:06:09
    dentro tá pessoal aqui tá tá vazio
  • 00:06:13
    É mas o nome do comando vai aqui dentro
  • 00:06:16
    guarde isso nós temos que sempre abrir o
  • 00:06:19
    comando e fechar o comando utilizando/
  • 00:06:24
    e olha lá o fechamento da tag se dá
  • 00:06:27
    pela/esempio
  • 00:06:30
    bom então vocês vão ver que na páginas
  • 00:06:33
    na internet na hora de criar aí eu quero
  • 00:06:36
    criar um parágrafo de texto que tenha
  • 00:06:39
    esse conteúdo
  • 00:06:40
    a Esta terra e cria um parágrafo para o
  • 00:06:43
    texto nós vamos ter que abrir a tag o
  • 00:06:47
    comando P E cria um parágrafo
  • 00:06:51
    e dessa forma e não a final do parágrafo
  • 00:06:55
    nós temos que fechar com o barra p
  • 00:06:58
    bom então é sempre assim ó abre o
  • 00:07:01
    comando dessa forma e fecha o comando
  • 00:07:05
    dessa forma aqui eu dei um exemplo
  • 00:07:07
    utilizando o comando P Esse comando ele
  • 00:07:10
    cria um parágrafo ou cria parágrafos aí
  • 00:07:14
    na parede
  • 00:07:17
    em alguma dúvida
  • 00:07:19
    alguma pergunta
  • 00:07:30
    G1
  • 00:07:39
    com isso o Ryan fez uma pergunta aqui ó
  • 00:07:42
    professores escolares são os mesmos que
  • 00:07:45
    aparecem quando aperta f12 sim
  • 00:07:56
    Oi beleza
  • 00:08:01
    a
  • 00:08:02
    atenção toda regra possui exceções
  • 00:08:05
    algumas tags do HTML não possuem
  • 00:08:09
    fechamento
  • 00:08:11
    como por exemplo a tag BR
  • 00:08:14
    Então pessoal eu falei para vocês no
  • 00:08:17
    slide anterior que tudo comando do do
  • 00:08:19
    HTML precisa ser aberto e precisa ser
  • 00:08:22
    fechado
  • 00:08:23
    não entanto tem algumas exceções tá a
  • 00:08:27
    regra é abriu o comando tem que fechar
  • 00:08:30
    no entanto tem algumas exceções como o
  • 00:08:35
    comando a tag BR a tag BR é uma tag que
  • 00:08:40
    permite dar uma quebra de linha
  • 00:08:43
    quem sabe quando no Word Por exemplo
  • 00:08:49
    e quando nós estamos usando o Word Por
  • 00:08:52
    exemplo
  • 00:08:53
    digitando um texto aqui ao quero ir para
  • 00:08:55
    a linha de baixo a gente tá lenta
  • 00:08:57
    não HTML não tem essa opção ao vou dar
  • 00:09:01
    um enter para o texto e para baixo tem
  • 00:09:03
    que dar um comando
  • 00:09:05
    e o comando que posiciona o cursor na
  • 00:09:08
    linha de baixo é o comando BR tá É como
  • 00:09:12
    se eu pressionasse o Inter aqui
  • 00:09:17
    é o HTML não diferencia letras
  • 00:09:20
    maiúsculas E minúsculas com isso tanto
  • 00:09:25
    faz como digitamos as tags
  • 00:09:28
    e eu posso por exemplo colocar uma tag
  • 00:09:31
    com P maiúsculo comprime o músculo não
  • 00:09:35
    tem problema não entanto o pessoal Olha
  • 00:09:39
    tem aqui alguns exemplos eu abrir a tag
  • 00:09:42
    bari e fechei a tag Mari tudo minúsculo
  • 00:09:46
    abrir a tag Bari com o b maiúsculo
  • 00:09:49
    fechei a tag bar e com b maiúsculo
  • 00:09:53
    eu abrir e fechei tudo maiúsculo todos
  • 00:09:57
    esses comandos funcionariam daria certo
  • 00:10:01
    não estaria errado no entanto
  • 00:10:05
    normalmente nós usamos tudo minúsculo tá
  • 00:10:08
    eu até aconselho vocês a utilizar em
  • 00:10:10
    tudo minúsculo teve uma variante aí do
  • 00:10:14
    HTML chamada xhtml no xhtml
  • 00:10:20
    ele não aceita letras maiúsculas então
  • 00:10:24
    para não ter problema eu aconselho vocês
  • 00:10:27
    usarem tudo minúsculo todos os comandos
  • 00:10:30
    de html coloca tudo minúsculo
  • 00:10:38
    é legal pessoal estrutura básica do HTML
  • 00:10:42
    para criar uma página
  • 00:10:46
    Ah tá bom professor você falou que o
  • 00:10:48
    HTML cria páginas tal mas eu quero criar
  • 00:10:51
    uma página de internet Então como que eu
  • 00:10:53
    faço e toda vez que nosso precisarmos
  • 00:10:57
    criar uma página de internet nós temos
  • 00:11:00
    que digitar essa estrutura básica
  • 00:11:06
    e na verdade só esse texto aqui ó esse
  • 00:11:10
    título da página esse conteúdo aqui pode
  • 00:11:13
    mudar mas Observe em que nós temos aqui
  • 00:11:16
    os comandos ó ó entre as os sinais de
  • 00:11:20
    menor e maior
  • 00:11:21
    nós temos o comando HTML que foi aberto
  • 00:11:24
    aqui em cima ele foi fechado sim aqui
  • 00:11:27
    embaixo
  • 00:11:29
    utilizando o barro HTML o comando Red
  • 00:11:33
    foi aberto aqui e Fechado aqui o tython
  • 00:11:38
    aberto aqui e fechado aqui o Bari aberto
  • 00:11:43
    aqui e fechado aqui
  • 00:11:45
    Tá certo
  • 00:11:48
    hoje eu vou falar para vocês é o que
  • 00:11:51
    significa cada um deles daqui a pouco a
  • 00:11:54
    Ah tá
  • 00:11:58
    e o que é que nós podemos fazer Então
  • 00:12:01
    pessoal nós podemos digitar essa
  • 00:12:04
    estrutura básica por exemplo
  • 00:12:06
    Oi e um bloco de notas
  • 00:12:09
    se eu digitar essa estrutura básica no
  • 00:12:12
    bloco de notas e salvar da forma correta
  • 00:12:17
    eu consigo criar uma página de internet
  • 00:12:20
    tá aí eu posso fazer isso no bloco de
  • 00:12:23
    notas posso é hoje nós vamos utilizar o
  • 00:12:27
    bloco de notas nas próximas aulas Ou
  • 00:12:31
    hoje mesmo se der eu vou pedir para que
  • 00:12:33
    vocês baixem um outro programa que a
  • 00:12:36
    gente vai começar a utilizar um outro
  • 00:12:37
    problema porque no bloco de notas fica
  • 00:12:40
    tudo da mesma cor é mais difícil
  • 00:12:44
    visualmente para entender o código tem
  • 00:12:46
    programas que que deixa tudo colorido o
  • 00:12:50
    código aqui das páginas e facilita
  • 00:12:52
    bastante tá
  • 00:12:55
    bom então o que eu falei para você só eu
  • 00:12:57
    quero criar uma página nova o que que eu
  • 00:13:00
    tenho que fazer primeira coisa pessoal
  • 00:13:04
    digitar a estrutura básica da página
  • 00:13:07
    esse conjunto de comandos chamado
  • 00:13:10
    estrutura básica é que permite gerar
  • 00:13:13
    criar a página de internet
  • 00:13:16
    isso daqui esse conjunto de comandos vai
  • 00:13:20
    criar a página de internet
  • 00:13:23
    e a princípio vazia um branco sem
  • 00:13:27
    conteúdo nenhum só vai aparecer esse
  • 00:13:29
    texto aqui ao conteúdo porque eu digitei
  • 00:13:32
    esse texto aqui se eu apagasse aí não
  • 00:13:35
    apareceria
  • 00:13:37
    ó ó
  • 00:13:39
    se eu digito essa estrutura básica
  • 00:13:42
    ele vai gerar essa página de internet
  • 00:13:46
    aqui em branco
  • 00:13:49
    Ah tá
  • 00:13:53
    e reparem pessoal que na estrutura
  • 00:13:56
    básica eu não coloquei essa primeira
  • 00:13:59
    linha aqui ó menor
  • 00:14:01
    exclamação doctype HTML e o sinal de
  • 00:14:05
    maior
  • 00:14:07
    e aqui ó eu não coloquei aqui em cima
  • 00:14:10
    não entendo aqui no código eu utilizei
  • 00:14:14
    essa linha
  • 00:14:15
    Ah tá é que essa linha ela não é parte
  • 00:14:20
    da estrutura básica da estrutura básica
  • 00:14:23
    é essa Mas por que que eu coloquei essa
  • 00:14:26
    linha e eu quero que vocês coloquem
  • 00:14:28
    Quando vocês forem fazer as páginas de
  • 00:14:30
    vocês eu quero que vocês coloquem no
  • 00:14:33
    início antes do corpo
  • 00:14:42
    E aí porque essa linha ela define
  • 00:14:47
    que esse documento que nós estamos
  • 00:14:49
    fazendo é um documento do HTML 5
  • 00:14:54
    como assim professor é que o HTML
  • 00:14:58
    pessoal ele teve algumas versões
  • 00:15:01
    Essa é a versão atual é a versão cinco
  • 00:15:05
    se não se colocamos essa linha no início
  • 00:15:08
    do código nós estamos declarando isso só
  • 00:15:11
    esse documento ele é baseado na versão 5
  • 00:15:16
    do HTML e não na versão quatro que é uma
  • 00:15:20
    versão que já tá obsoleta Essa é a mais
  • 00:15:23
    atual
  • 00:15:24
    é bem
  • 00:15:27
    e na estrutura básica eu tenho que
  • 00:15:29
    digitar a tag o comando HTML tenho
  • 00:15:33
    porquê
  • 00:15:36
    com a tag HTML é o principal comando Aí
  • 00:15:40
    da página HTML ela que indica o início
  • 00:15:46
    ah e também o final né
  • 00:15:49
    e olha
  • 00:15:51
    e eu indico o seguinte Aqui começa
  • 00:15:55
    inicia-se a seção dos Comandos do HTML e
  • 00:16:00
    Aqui termina aqui eu abro iniciou a
  • 00:16:04
    página HTML e aqui eu finalizo a eu
  • 00:16:08
    posso colocar um comando do HTML depois
  • 00:16:10
    desse comando do HTML de fechamento
  • 00:16:14
    posso colocar aqui embaixo não posso eu
  • 00:16:17
    tenho que colocar os as tags os comandos
  • 00:16:20
    do html
  • 00:16:21
    há entre a tag de abertura do HTML e a
  • 00:16:26
    tag de fechamento aqui no meio
  • 00:16:30
    a beleza vamos fazendo pessoal vamos
  • 00:16:33
    fazendo aqui na prática eu vou abrir o
  • 00:16:36
    bloco de notas certo
  • 00:16:38
    e aí eu vou eu até Recomendo vocês a
  • 00:16:42
    fazerem o seguinte e Vai Abrindo um
  • 00:16:46
    comando e já vai fechando por exemplo eu
  • 00:16:48
    vou abrir o que o comando HTML
  • 00:16:50
    abrir ele não abrir então eu venho aqui
  • 00:16:53
    no final e já fecho comando
  • 00:16:57
    em HTML só que eu falei para vocês que
  • 00:17:02
    na primeira linha eu tenho que colocar o
  • 00:17:05
    doctype HTML certo
  • 00:17:08
    bom então eu vou colocar ele aqui ó
  • 00:17:15
    o doctype
  • 00:17:17
    em HTML e agora eu continuo Qual que é o
  • 00:17:21
    próximo comando que eu tenho que colocar
  • 00:17:23
    para criar a estrutura básica da minha
  • 00:17:26
    página
  • 00:17:29
    o comando Red O que que significa head
  • 00:17:32
    inglês pessoal quem sabe
  • 00:17:34
    esse rádio a cabeça Carlos Então vai ser
  • 00:17:39
    a cabeça e o corpo
  • 00:17:40
    isso Red significa a cabeça Bari
  • 00:17:44
    significa corpo cor
  • 00:17:48
    então aqui no Red ó
  • 00:17:50
    Red no na nossa página aqui na verdade
  • 00:17:54
    nenhum significa cabeça exatamente
  • 00:17:57
    cabeça significa cabeçalho
  • 00:18:00
    bom então nós estamos indicando através
  • 00:18:03
    da tag head que aqui será iniciado o
  • 00:18:06
    cabeçalho da página
  • 00:18:09
    a e aqui eu quero fechar o cabeçalho da
  • 00:18:14
    página aqui no cabeçalho nós conseguimos
  • 00:18:18
    colocar algumas informações
  • 00:18:20
    que irão aparecer
  • 00:18:23
    bom ou melhor que não irão aparecer no
  • 00:18:27
    corpo da página
  • 00:18:29
    é mas como assim não entendi
  • 00:18:34
    ó
  • 00:18:35
    aqui por exemplo a
  • 00:18:38
    e
  • 00:18:39
    essa parte branca aqui debaixo pessoal
  • 00:18:42
    pó desse conteúdo para baixo Essa é a
  • 00:18:46
    parte do corpo da página a partir do
  • 00:18:49
    corpo onde nós iremos adicionar o
  • 00:18:53
    conteúdo da página
  • 00:18:55
    agora aqui em cima por exemplo ó na guia
  • 00:18:59
    tá vendo que tá aparecendo título da
  • 00:19:01
    página isso daqui é parte do cabeçalho
  • 00:19:05
    não é parte do corpo da página
  • 00:19:09
    Tá certo Observe em que esse título da
  • 00:19:13
    página aqui ó ele foi colocado através
  • 00:19:16
    da tag taitou através da tag título a
  • 00:19:21
    tag título ela fica dentro do red do
  • 00:19:24
    cabeçalho da página em então aqui dentro
  • 00:19:26
    do Red
  • 00:19:30
    e eu posso colocar assim ó
  • 00:19:35
    E aí tu abrir a tag Tom certo e vou
  • 00:19:40
    fechar até que tá certo que a tag título
  • 00:19:44
    O que eu quero que apareça a escrito
  • 00:19:47
    aqui ó no título da página no topo aqui
  • 00:19:51
    na guia
  • 00:19:52
    E ai eu quero que apareça por exemplo
  • 00:19:56
    a aula de
  • 00:19:59
    em html
  • 00:20:01
    e o texto que eu coloco entre o tá e tal
  • 00:20:05
    de abertura
  • 00:20:06
    Oi e o Pati tom de fechamento pode ser
  • 00:20:09
    qualquer um pessoal e eu posso colocar
  • 00:20:12
    qualquer texto aqui qualquer informação
  • 00:20:15
    e aí essa informação
  • 00:20:18
    irá aparecer aqui em cima
  • 00:20:22
    e repare que nós vamos digitar esses
  • 00:20:26
    comandos quando nós se abrirmos a
  • 00:20:30
    páginas de internet
  • 00:20:32
    as tags pessoal os comandos ó não
  • 00:20:35
    aparece no navegador o navegador ele
  • 00:20:40
    interpreta esses comandos e gera o
  • 00:20:43
    resultado da página
  • 00:20:46
    o prefeito
  • 00:20:48
    que legal
  • 00:20:50
    Nós criamos aqui ó o cabeçalho da página
  • 00:20:53
    e agora nós temos que criar o que qual
  • 00:20:56
    que é o próximo próximo comando da
  • 00:20:58
    estrutura básica É o comando
  • 00:21:02
    o Bari Bari Então vamos abrir a tag bari
  • 00:21:08
    e
  • 00:21:14
    e fechar
  • 00:21:16
    com a tag Bardi aqui embaixo
  • 00:21:19
    entre o Bari de abertura e o vale de
  • 00:21:22
    fechamento eu coloco conteúdo da página
  • 00:21:26
    o que eu escrever aqui vai aparecer
  • 00:21:33
    e aqui ó
  • 00:21:37
    Tá bom então vou colocar por exemplo 1
  • 00:21:43
    o
  • 00:21:43
    ensino médio
  • 00:21:48
    é um habilitação
  • 00:21:57
    a técnica
  • 00:21:59
    E aí
  • 00:22:01
    e em desenvolvimento
  • 00:22:06
    a esses temas
  • 00:22:14
    bom então esse texto esse conteúdo é que
  • 00:22:18
    vai aparecer aqui no corpo
  • 00:22:25
    e aqui ó
  • 00:22:28
    é perfeito
  • 00:22:30
    e
  • 00:22:30
    pronto pessoal fizemos aí a estrutura
  • 00:22:34
    básica de uma página
  • 00:22:36
    só que se eu salvar
  • 00:22:39
    e de modo convencional
  • 00:22:42
    o que que vai acontecer ele vai salvar
  • 00:22:46
    como um arquivo TXT
  • 00:22:49
    certo como um arquivo de texto
  • 00:22:53
    e não é isso que eu quero eu quero
  • 00:22:56
    aquele salve como uma página de internet
  • 00:22:59
    então o que que eu preciso fazer eu
  • 00:23:02
    preciso dar o nome do arquivo ao Vou
  • 00:23:05
    salvar na área de trabalho tá eu vou dar
  • 00:23:08
    um nome aqui para o meu arquivo
  • 00:23:10
    a página inicial de um site pessoal ela
  • 00:23:15
    tem o nome de index a página principal
  • 00:23:18
    do site o nome dela tem que ser index tá
  • 00:23:22
    as outras podem ter nomes diferentes
  • 00:23:25
    pode ser produtos contrato serviços
  • 00:23:29
    enfim mas a principal tem que ter o nome
  • 00:23:32
    de index
  • 00:23:34
    é só que eu tenho que colocar o nome do
  • 00:23:36
    arquivo. Prestem atenção por favor isso
  • 00:23:41
    é muito importante
  • 00:23:43
    e eu tenho que salvar essa estrutura
  • 00:23:46
    básica dessa forma
  • 00:23:49
    e a poderia ser outro nome aqui até
  • 00:23:51
    poderia Agora eu tenho que colocar no
  • 00:23:55
    final.
  • 00:23:56
    HTML eu estou salvando esse arquivo no
  • 00:24:00
    formato HTML quando eu faço isso ele
  • 00:24:05
    salva esse arquivo como uma página de
  • 00:24:08
    internet
  • 00:24:11
    ah ah mas isso eu não colocar professor
  • 00:24:14
    ele vai salvar como um arquivo do bloco
  • 00:24:16
    de notas Se eu colocar um HTML. HTML ou
  • 00:24:21
    ponto htm
  • 00:24:23
    ele salva como uma página de internet e
  • 00:24:29
    em salvar
  • 00:24:32
    e pronto pronto pessoal
  • 00:24:35
    senão as minimizarmos
  • 00:24:39
    e ele salvou aqui ó uma página de
  • 00:24:41
    internet chamada index.hr ml
  • 00:24:46
    Tá certo quando eu clico duas vezes abre
  • 00:24:50
    essa página e olha lá página que abriu
  • 00:24:55
    e olha o título da página aula de HTML
  • 00:25:00
    Olha o conteúdo
  • 00:25:03
    o ensino médio com habilitação técnica
  • 00:25:06
    em desenvolvimento de sistemas
  • 00:25:10
    ah ah mas eu quero mudar Professor o
  • 00:25:13
    título eu quero colocar de S então quê
  • 00:25:16
    que eu faço o código-fonte tá aberto
  • 00:25:20
    aqui no bloco de notas
  • 00:25:22
    certo então eu venho aqui
  • 00:25:26
    apaga o título estou alterando o
  • 00:25:29
    conteúdo coloco de S
  • 00:25:35
    e eu preciso salvar essa atualização que
  • 00:25:38
    eu fiz essa alteração que eu fiz
  • 00:25:41
    arquivo salvar ou contra o s
  • 00:25:47
    Eu salvei tudo bem se eu voltar na
  • 00:25:51
    página que está aberta não mudou mas eu
  • 00:25:55
    salvei só que eu não atualizei a página
  • 00:25:58
    ainda se eu atualizar pronto a mudou
  • 00:26:02
    para DS a mesma coisa aqui do conteúdo
  • 00:26:06
    ahhh Eu quero alterar esse conteúdo eu
  • 00:26:09
    não quero que apareça
  • 00:26:11
    e esse texto eu quero que apareça outra
  • 00:26:15
    coisa ou depois desse texto ó pessoal
  • 00:26:19
    vou dar um inteiro aqui ó certo dei um
  • 00:26:22
    enter
  • 00:26:23
    Vamos colocar em cima tchau
  • 00:26:27
    a Etec de
  • 00:26:30
    Monte Mor
  • 00:26:33
    o prefeito
  • 00:26:35
    eu fiz uma alteração tá vendo que
  • 00:26:37
    aparece um asterisco aqui ó toda vez que
  • 00:26:39
    a gente modifica alguma coisa aparece um
  • 00:26:41
    asterisco
  • 00:26:42
    apareceram* eu tenho que pressionar
  • 00:26:44
    contra o s para salvar ou clicar no
  • 00:26:47
    arquivo salvar
  • 00:26:49
    um salve aí alteração vem aqui na página
  • 00:26:54
    F5 para atualizar
  • 00:26:57
    ó tá vendo que aqui ficou Etec de
  • 00:26:59
    Montemor e na frente ensino médio com
  • 00:27:02
    habilitação
  • 00:27:03
    mas aqui no código eu não dei o Inter
  • 00:27:08
    Oi ó
  • 00:27:09
    salvei e atualizei mas ele não atualizou
  • 00:27:13
    aqui na página porque pessoal porque não
  • 00:27:17
    html
  • 00:27:18
    mas para tudo tem comando se eu quero
  • 00:27:21
    que esse texto aqui fica em um novo
  • 00:27:24
    parágrafo ou na linha de baixo eu tenho
  • 00:27:28
    que colocar um comando que faça isso
  • 00:27:31
    o presente eu quero que isso fique um
  • 00:27:33
    parágrafo e isso fica em outro Qual que
  • 00:27:36
    é a tag Qual que é o comando que coloca
  • 00:27:39
    parágrafo é a tua SP
  • 00:27:42
    bom então o colocar a tag P aqui eu
  • 00:27:46
    estou Iniciando um parágrafo aqui aonde
  • 00:27:49
    eu quero fechar esse parágrafo depois do
  • 00:27:52
    Montemor Então coloca um barra p
  • 00:27:55
    Olá aqui é o outro parágrafo sim então
  • 00:27:58
    eu abro a tag p e fecha a tag p u
  • 00:28:03
    e sempre no final aqui tem que
  • 00:28:05
    colocar/tá
  • 00:28:07
    eu fiz alteração
  • 00:28:09
    arquivo salvar
  • 00:28:12
    o atualiza a página agora sim ó
  • 00:28:19
    Tá certo
  • 00:28:25
    em alguma dúvida
  • 00:28:33
    o professor
  • 00:28:35
    é sobre a sua avaliação diagnóstica é
  • 00:28:40
    coisas que eu não sei significado eu
  • 00:28:43
    posso deixar em branco ou tem que tentar
  • 00:28:45
    responder não não deixe em branco deixe
  • 00:28:48
    em branco
  • 00:28:50
    a ideia justamente essa tá porque eu
  • 00:28:55
    preciso saber se você não sabe não viu
  • 00:28:58
    não conhece eu preciso saber que você
  • 00:29:01
    não conhece então deixe em branco isso
  • 00:29:04
    não vai ser nem uma
  • 00:29:06
    avaliação mesmo é não vale menção não
  • 00:29:09
    vale nada tá quero que vocês seja um
  • 00:29:12
    justos aí tá bom
  • 00:29:15
    Ah tá bom ganhou BR
  • 00:29:18
    ao Dr é o seguinte ó
  • 00:29:21
    ó tá vendo o pessoal que fica um espaço
  • 00:29:23
    aqui ó
  • 00:29:25
    eu entro Etec Monte Mor e o ensino médio
  • 00:29:28
    porque esse é um parágrafo e esse
  • 00:29:33
    é
  • 00:29:37
    por exemplo
  • 00:29:39
    e vamos tirar aqui ó
  • 00:29:46
    Tá certo eu poderia deixar assim a i-tec
  • 00:29:50
    monta no arco depois da Etec Monte Mor
  • 00:29:52
    eu quero que essa próxima informação
  • 00:29:54
    venha para baixo eu quero dar uma quebra
  • 00:29:57
    de linha então eu posso colocar um BR
  • 00:30:00
    aqui ó
  • 00:30:03
    bom então ele vai colocar na página o
  • 00:30:06
    texto Etec Monte Mor vai dar uma quebra
  • 00:30:10
    de linha
  • 00:30:11
    ó e vai inserir esse conteúdo Vou salvar
  • 00:30:16
    e atualizar
  • 00:30:19
    é só que aí ficou bem bem junto tá vendo
  • 00:30:22
    a quando é parágrafo quando nós usamos a
  • 00:30:25
    a tag p e criamos um parágrafo para cada
  • 00:30:29
    aí tem aqui ele tem um espaçamento maior
  • 00:30:32
    utilizando apenas o BR a quebra de linha
  • 00:30:34
    fica mais junto
  • 00:30:37
    E aí depende o que você quer fazer ai eu
  • 00:30:41
    quero professor que fique mais junto
  • 00:30:42
    assim tudo bem então usu.br não tem
  • 00:30:45
    problema ah mas não tá errado não
  • 00:30:48
    É depende da sua necessidade
  • 00:30:52
    e o professor você falou da gente usar
  • 00:30:55
    outra ferramenta no caso do aplicativo
  • 00:30:57
    não sei eu que tô no celular por exemplo
  • 00:30:59
    teria dificuldade com isso como que eu
  • 00:31:02
    posso fazer
  • 00:31:04
    e o pelo próprio bloco de notas do
  • 00:31:07
    celular eu consigo
  • 00:31:09
    pelo bloco de notas do celular
  • 00:31:13
    eu acho que não dá certo
  • 00:31:17
    é só que eu acho que tem aplicativos
  • 00:31:21
    que permitem fazer isso
  • 00:31:25
    depois você pesquisa assim olha eu ia
  • 00:31:29
    pedir para vocês usarem
  • 00:31:31
    e tem dois programas que o que eu gosto
  • 00:31:33
    de usar pessoal um esse aqui ó
  • 00:31:37
    o Notepad + +
  • 00:31:40
    porque assim ó
  • 00:31:43
    e deixa eu fechar esse esse código fonte
  • 00:31:47
    isso aqui é um código fonte tá pessoal é
  • 00:31:49
    o código que nós mexemos programamos
  • 00:31:52
    editamos para gerar a nossa página de
  • 00:31:56
    internet
  • 00:31:57
    aí por exemplo ó fechei meu código fonte
  • 00:32:01
    fechei eu quero atualizar mexer na
  • 00:32:06
    página de internet que é que eu preciso
  • 00:32:08
    fazer eu preciso abrir o código-fonte de
  • 00:32:11
    novo
  • 00:32:13
    E é só clicar duas vezes na página não
  • 00:32:17
    quando eu clique duas vezes na página
  • 00:32:19
    ela abre no navegador
  • 00:32:23
    e amasse para abrir o código-fonte
  • 00:32:26
    e eu posso por exemplo clicar com o
  • 00:32:29
    botão direito em cima dela
  • 00:32:35
    e eu eu tenho esses dois programas aqui
  • 00:32:37
    ó o bráquetes e o Notepad + +
  • 00:32:41
    eu vou pedir para vocês utilizar e esse
  • 00:32:44
    daqui ao Notepad + +
  • 00:32:48
    Oi ó editar com o Notepad + + eu clico
  • 00:32:52
    nele
  • 00:32:53
    eu abri a página vai escrevendo que já
  • 00:32:56
    ficou mais colorido tal é tudo que é
  • 00:32:58
    comando Ficou roxo
  • 00:33:01
    e o texto aqui ó em preto dependendo do
  • 00:33:05
    comando que a gente coloca fica vermelho
  • 00:33:07
    então eu gosto de utilizar esses
  • 00:33:10
    programas mas por causa disso eu acho
  • 00:33:12
    que fica mais fácil é só que eu acredito
  • 00:33:15
    que deve ter
  • 00:33:17
    versão para celular quem for usar o
  • 00:33:21
    celular pode ver se tem o pode tentar
  • 00:33:24
    baixar na loja de aplicativos do Notepad
  • 00:33:26
    + +
  • 00:33:28
    E aí na loja de aplicativos do celular
  • 00:33:31
    só que mesmo Se vocês fizerem no celular
  • 00:33:35
    tem que salvar
  • 00:33:37
    colocar o nome do arquivo. HTML tá
  • 00:33:43
    E aí
  • 00:33:44
    é ou senão esse braquetes que eu uso
  • 00:33:47
    aqui também eu gosto dele também pessoal
  • 00:33:53
    e esse outro programa
  • 00:33:56
    e na verdade o pa
  • 00:34:00
    e eu tava até mexendo aqui ó atualizando
  • 00:34:03
    uma informação lá no site da escola do
  • 00:34:06
    site da Etec mesma
  • 00:34:09
    e essa é uma página que eu estava
  • 00:34:11
    mexendo
  • 00:34:12
    o diretor pediu de só mudar aqui
  • 00:34:15
    rapidinho o diretor pediu para eu
  • 00:34:24
    e colocar isso daqui ó
  • 00:34:27
    e esse decreto né aqui no site da escola
  • 00:34:30
    que no topo né
  • 00:34:33
    Oi e aí eu tava mexendo
  • 00:34:36
    e nessa página aqui ó
  • 00:34:39
    bom então nessa disciplina a gente vai
  • 00:34:41
    trabalhar com esses códigos aqui tá
  • 00:34:43
    vendo vocês olham assim falou nossa não
  • 00:34:46
    tendo nada mas no final do ano aí já vai
  • 00:34:50
    ficar muito mais claro para vocês tá
  • 00:35:06
    eu acho que ele não abriu aqui ó arquivo
  • 00:35:10
    abrir
  • 00:35:13
    a área de trabalho
  • 00:35:16
    a Índia é que se ponto HTML aí agora tá
  • 00:35:21
    vendo mas eu acho que eu vou pedir para
  • 00:35:23
    vocês baixarem o Notepad + +
  • 00:35:26
    Ah tá
  • 00:35:29
    e
  • 00:35:30
    deixa eu mostrar para vocês também
  • 00:35:32
    pessoal por enquanto a vocês vão
  • 00:35:35
    utilizando o
  • 00:35:37
    bloco de notas né
  • 00:35:42
    os
  • 00:35:43
    professores
  • 00:35:46
    porque não podem são que baixa
  • 00:35:51
    pode pegar a última versão lá mais
  • 00:35:54
    atualizada
  • 00:35:55
    Ah tá Se vocês estarem no Google
  • 00:35:58
    download Notepad + + eu sei já são
  • 00:36:01
    redirecionados para o site para fazer o
  • 00:36:03
    download aí pode pegar a versão mais
  • 00:36:05
    atualizada não tem problema tá
  • 00:36:09
    o
  • 00:36:10
    pessoal lá é
  • 00:36:13
    se o clicar com o botão direito
  • 00:36:16
    e tentar abrir com o bloco de notas
  • 00:36:20
    e o abrir com
  • 00:36:23
    a escolher outro aplicativo
  • 00:36:29
    e o bloco de notas
  • 00:36:31
    e ele abriu o código-fonte aqui também ó
  • 00:36:37
    também dá certo tá
  • 00:36:42
    e o senão vocês podem presente abra o
  • 00:36:45
    bloco de notas em branco
  • 00:36:47
    eu quero abrir o código-fonte da minha
  • 00:36:50
    página
  • 00:36:51
    e clica lá no arquivo
  • 00:36:53
    abrir a página tá salva onde na área na
  • 00:36:58
    área de trabalho
  • 00:37:00
    mas cadê o não tá aparecendo porque que
  • 00:37:03
    não tá aparecendo porque está habilitada
  • 00:37:06
    a opção
  • 00:37:07
    documentos de texto ele só mostra se for
  • 00:37:11
    documento de texto eu tenho que mudar
  • 00:37:13
    aqui para todos os arquivos e aí eu
  • 00:37:16
    consigo ver minha página HTML
  • 00:37:18
    clico no Abrir pronto abrir o
  • 00:37:22
    código-fonte eu preciso do código fonte
  • 00:37:24
    porque daí o que eu alterar aqui
  • 00:37:28
    o e salvar
  • 00:37:31
    e o consigo atualizar aqui
  • 00:37:36
    Ah tá bom
  • 00:37:45
    e o legal pessoal colocou o link aqui eu
  • 00:37:49
    achei um para celular mas não sei se é o
  • 00:37:51
    mesmo na verdade pessoal é assim ó é nós
  • 00:37:55
    podemos utilizar um um editor de texto é
  • 00:38:02
    para criar as páginas de internet como
  • 00:38:05
    vocês viram até o bloco de notas né mas
  • 00:38:08
    tem outros aí outros editores tenho nada
  • 00:38:12
    impede mais mais tem o black tem até
  • 00:38:14
    outros aí tá tem uns que são pagos mais
  • 00:38:19
    profissionais
  • 00:38:20
    mas eu acho que o Notepad + + Já atendi
  • 00:38:23
    bastante a gente tá
  • 00:38:25
    atende a nossa necessidade aqui
  • 00:38:29
    E aí
  • 00:38:31
    Olá pessoal ó só para finalizarmos por
  • 00:38:35
    hoje
  • 00:38:39
    e vamos voltar um pouquinho aqui
  • 00:38:43
    fazer uma revisãozinha geral de dois
  • 00:38:46
    minutos aqui pra gente finalizar tá bom
  • 00:38:49
    bom
  • 00:38:50
    então nós vamos utilizar
  • 00:38:53
    é o HTML
  • 00:38:55
    que é uma tecnologia que permite a
  • 00:38:59
    criação de páginas de internet a sigla
  • 00:39:01
    HTML significa hypertext markup language
  • 00:39:06
    em português
  • 00:39:08
    linguagem de marcação de hipertexto
  • 00:39:15
    e ela é utilizada aí em todos os sites
  • 00:39:18
    disponíveis na internet
  • 00:39:21
    e os comandos do HTML são chamados de
  • 00:39:24
    tags normalmente
  • 00:39:28
    e nós precisamos abrir a tag e fechar a
  • 00:39:32
    tag a tag o comando sempre fica entre o
  • 00:39:36
    sinal de menor e maior
  • 00:39:38
    e assim eu abro assim eu fecho
  • 00:39:44
    nós temos aqui um exemplo
  • 00:39:47
    mas
  • 00:39:48
    existem algumas exceções a tag BR tem a
  • 00:39:51
    tag MG também que ela só abre não fecha
  • 00:39:55
    tem algumas exceções
  • 00:39:58
    não diferencia maiúsculas de minúsculas
  • 00:40:01
    mais eu quero que vocês utilizem tudo
  • 00:40:03
    minúsculo
  • 00:40:05
    e
  • 00:40:06
    toda vez que eu quero criar uma
  • 00:40:09
    estrutura básica eu tenho que abrir um
  • 00:40:11
    arquivo novo no bloco de notas ou no
  • 00:40:14
    Notepad + + e digitar essa estrutura e
  • 00:40:19
    salvar o arquivo
  • 00:40:23
    ó toda página HTML precisa ser salva da
  • 00:40:27
    seguinte forma nome do
  • 00:40:30
    arquivo.
  • 00:40:32
    HTML normalmente meu nome do arquivo nós
  • 00:40:35
    não colocamos Esse passo
  • 00:40:38
    assentos caracteres c cedilha né esses
  • 00:40:43
    caracteres
  • 00:40:44
    colocamos o nome do arquivo sem acento
  • 00:40:47
    sem cedilha
  • 00:40:49
    Olá tudo junto e ponto HTML a eu não
  • 00:40:53
    coloquei. HTML ele não vai salvar como
  • 00:40:55
    uma página de internet
  • 00:40:59
    e olha aí a estou estrutura básica
  • 00:41:02
    salvou como ponto HTML ele gera a página
  • 00:41:05
    de internet
  • 00:41:07
    e abriu a página de internet
  • 00:41:10
    Oi e aí pessoal aqui ó nós vamos
  • 00:41:12
    alimentando né colocando
  • 00:41:15
    conteúdos comandos aí para encher a
  • 00:41:17
    página aqui de conteúdo tá bom
  • 00:41:21
    eu sou daqui já é assunto para a próxima
  • 00:41:23
    aula eu vi que no chat
  • 00:41:27
    se alguém colocou aqui
  • 00:41:34
    E aí
  • 00:41:37
    ó ó alguém tinha colocado aqui
  • 00:41:44
    o professor como muda o link do site
  • 00:41:47
    porque o link fica como seu user tal
  • 00:41:51
    mais coisas
  • 00:41:55
    o tema uma outra pessoa que perguntou
  • 00:41:58
    acho que passo é como que coloca a
  • 00:42:01
    imagem aqui no site né pessoal é isso
  • 00:42:05
    aqui ó é a princípio Vai ficar assim
  • 00:42:08
    mesmo tá porque essa página ela está
  • 00:42:12
    salva no meu computador
  • 00:42:15
    e ela não está disponível na internet
  • 00:42:18
    depois que nós
  • 00:42:20
    disponibilizarmos ela na internet aí
  • 00:42:23
    precisa ter o endereço do site para que
  • 00:42:26
    as pessoas consigam acessar mas por
  • 00:42:29
    enquanto ela está salva no computador e
  • 00:42:31
    e é normal ta para fazer o site a gente
  • 00:42:34
    faz ele no computador mesmo depois a
  • 00:42:37
    gente pega todos esses arquivos essas
  • 00:42:39
    páginas E aí deixa disponível na
  • 00:42:43
    internet e a pessoa consegue acessar
  • 00:42:45
    pelo endereço do site
  • 00:42:47
    isso a gente vai ver mais para frente tá
  • 00:42:49
    agora não
  • 00:42:51
    e essa parte de colocar imagem no site
  • 00:42:55
    colocar hiperlink vídeo áudio criar
  • 00:42:58
    tabelas i a gente vai fazer tudo isso tá
  • 00:43:01
    só que não hoje tá bom gente esse é
  • 00:43:04
    conteúdo aí é para o primeiro segundo de
  • 00:43:08
    resto no primeiro segundo bimestre a
  • 00:43:11
    gente vai aprender a criar página e
  • 00:43:13
    encher de conteúdo essa página depois no
  • 00:43:16
    terceiro bimestre a gente vai aprender a
  • 00:43:18
    formatar página deixar ela bonita com
  • 00:43:21
    uma aparência mais agradável no quarto
  • 00:43:24
    bimestre a gente vai mexer com javscript
  • 00:43:26
    que é uma outra tecnologia que trabalha
  • 00:43:29
    junto com HTML e que permite deixar a
  • 00:43:32
    página mais interativa usuário vai
  • 00:43:35
    interagir interagir mais com a página tá
  • 00:43:39
    Ah mas isso a gente vai desenvolvendo aí
  • 00:43:41
    eu ao longo do ano tá bom pessoal
  • 00:43:45
    Olá pessoal alguma dúvida se tiver
  • 00:43:48
    pergunta por favor
  • 00:43:50
    pelo menos referente ao conteúdo da aula
  • 00:43:53
    de hoje vocês não podem ficar com dúvida
  • 00:43:56
    tá
  • 00:44:04
    é sem dúvidas tranquilo
  • 00:44:09
    Oi beleza
  • 00:44:16
    Ah tá então tá bom quem não respondeu
  • 00:44:19
    avaliação diagnóstica responda por favor
  • 00:44:22
    eu vou usar ela como base pra frequência
  • 00:44:27
    para presença quem não respondeu ficar
  • 00:44:29
    com falta quem respondeu ficar com
  • 00:44:31
    presença mesmo que participou a te da
  • 00:44:34
    aula Lembrando que a entrega da
  • 00:44:37
    atividade que garante a presença de
  • 00:44:39
    vocês
  • 00:44:40
    e é para semana que vem depois eu vou
  • 00:44:43
    criar uma outra tarefa já pedindo para
  • 00:44:45
    você só que uma página de internet desse
  • 00:44:48
    jeito Por exemplo ó
  • 00:45:00
    o presente semana que vem só que a gente
  • 00:45:03
    vai ver mais alguns comandos para para
  • 00:45:05
    conseguir fazer isso eu vou postar essa
  • 00:45:08
    imagem aqui nas tarefas e e falar
  • 00:45:10
    pessoal quero que vocês crie uma página
  • 00:45:12
    de Internet vocês vão criar o código
  • 00:45:15
    fonte de uma página de internet que gere
  • 00:45:19
    esse resultado
  • 00:45:20
    é uma outra que gera esse resultado
  • 00:45:25
    ó ó tá vendo logo logo a gente aprende
  • 00:45:28
    colocar imagem
  • 00:45:52
    G1
  • 00:45:57
    é legal então pessoal tô demos
  • 00:46:00
    finalizada aqui
  • 00:46:04
    o
  • 00:46:05
    professor e se acontecer de eu colocar
  • 00:46:07
    bari e depois
  • 00:46:09
    usar/Bali dá algum problema é Vinícius
  • 00:46:13
    você fala de colocar o b maiúsculo e
  • 00:46:15
    aqui minúsculo
  • 00:46:18
    E se for isso não dá problema
  • 00:46:25
    se não dá problema o ideal é usar tudo
  • 00:46:28
    minúsculo para manter padronizado por
  • 00:46:31
    padronização tá bom
  • 00:46:33
    Olá pessoal então eu vou finalizar aqui
  • 00:46:36
    beleza
  • 00:46:38
    em qualquer dúvida estou à disposição
  • 00:46:45
    tá certinho
  • 00:46:49
    a beleza vocês só vão falar oi pelo pelo
  • 00:46:52
    chat do cartão só vão falar tchau pelo
  • 00:46:56
    chat abre o microfone fala tchau
  • 00:46:59
    Professor sabe beijo tchau tchau
  • 00:47:03
    falou com você coloca nos favor tá
  • 00:47:09
    bom Tchau você não gostar muito dessa
  • 00:47:12
    disciplina é uma disciplina muito legal
  • 00:47:15
    muito é prática Espero que que eu
  • 00:47:21
    consiga passar e ajudar vocês aí tá bom
  • 00:47:23
    Um abraço pessoal até mais
  • 00:47:26
    terno azul
  • 00:47:29
    [Música]
Tags
  • HTML
  • linguagem de marcação
  • tags
  • estrutura básica
  • páginas web
  • Notepad++
  • editor de texto
  • código-fonte
  • salvar arquivo
  • quebra de linha