Introdução à internet
por Glauco Silva
Telegrafo Telégrafo é um aparelho de comunicação que foi inventado por
Samuel Morse em 1837. Esse aparelho utilizava a corrente elétrica
para enviar códigos que eram interpretados pelo agente de
telegrafia. As mensagens eram enviadas em um código que
também foi inventado por Samuel Morse e recebeu o nome de
Código Morse.
Assim surgiu a primeira linha de telegrafia que se tornou o principal
meio de comunicaçao.
• No brasil foi implementado por d.pedro II no brasil mas
exartamente no rio de Janeiro.
• Assim que a mensagem e recebida a mesma e impressa no
papel
• A mensagem e feita por códigos que formava letras .
Eniac • Primeiro computador do mundo lançado em
1946
• Computador e Integrador Numérico
Eletrônico
• Desenvolvido a pedido do estados unidos
• Sua construção se iniciou perto da segunda
guerra Mundial
• Tamanho: Ocupava 180 metros quadrados,
pesava 30 toneladas e tinha 5,5 metros de
altura e 25 metros de comprimento
• Capacidade de processamento: Realizava
5.000 operações por segundo
• Operação: Era necessário um time de 80
pessoas para operá-lo.
• Finalidade: Foi criado para calcular rotas
estratégicas durante a Segunda Guerra
Mundial
IBM 1401 – Primeiro • Naquela época, a IBM
adotava a política de não
vender computadores, ela
os alugava; o custo do
aluguel mensal da menor
configuração
disponível estava ao redor
de US$ 2.500 (em valores da
época; atualmente cerca de
US$ 26 mil), incluído o
software básico (sistema
operacional, utilitários etc.).
ARPANET Rede de Agencia de pesquisas em
Projetos Avançados.
A ARPANET (Advanced Research
Projects Agency Network) foi a
primeira rede de computadores,
construída em 1969:
•Foi desenvolvida pela ARPA,
agência de pesquisas do
Departamento de Defesa do
Governo dos EUA
•Foi a primeira rede de
computadores comutada por
pacotes
•Foi criada para interligar os
departamentos de pesquisa e
ARPANET Rede de Agencia de pesquisas em
Projetos Avançados.
Tim Berner Lee
Seu cargo mais conhecido é ser o
criador da World Wide Web, o famoso
termo técnico WWW.
Criou um projeto para baseado em
hipertexto para partilhar informações
entre pesquisadores
Conseguiu realizar o feito da
comunicação bem sucedida entre a
pagina http e servidor.
Criou a linguagem de programação http
protocolo de Transferencia de
hipertexto.
Criou a linguagem de programação
HTML
1° SITE CRIADO HTML – 6/08/1991
Mosaic – Primeiro Navegador.
1° navegador criado pelo
centro Nacional de
aplicações de
supercomputadores.
Criador : Marc Andreessen
Rodava no Windows
Rodou a primeira página
html
2° Navegador –Mosaic
O Netscape foi desenvolvido
dm 1990 foi um navegador
web proprietário que permitia
o acesso a informações na
internet, como textos,
imagens, sons e animações. O
Netscape foi criado por Jim
Clark e Marc Andreessen, no
Vale do Silício, e foi o primeiro
navegador comercial a ser
disponibilizado para todos os
Navegadores Existentes
Mozila Firefox Fundada pela netscape .
Disputava o mercado com a
internet explore.
Primeiramente foi chamado
de Phoenix, firebird, e por fim
mozila.
Reinou por 10 anos.
Google Chrome
Fundada
pela
Microsoft .2
008
Tem Plugins
para
bloquear
anuncio.
Gratuito
para
qualquer
dispositivo
que
reconheça.
Mais
utilizado
hoje em dia .
O Que é HTML?
Linguagem de Marcação
HTML é uma linguagem de marcação usada para
estruturar e apresentar conteúdo na web. Ela usa tags
para definir elementos como títulos, parágrafos,
imagens e links.
Interpretada pelo Navegador
Quando você abre uma página web em um
navegador, o navegador lê o código HTML e o
interpreta para mostrar o conteúdo na tela.
HTML – Linguagem de marcação de texto
HTML VERSÃO - 1.0
Fundada em 1993 Tim Berners Lee Publicou Sua
primeira página HTML.
Sem Interação com Usuário, pois Permitia
apenas palavras, sem imagem e Vídeo, figuras
Possui apenas 18 Tags.
Desatualizado. .
HTML VERSÃO - 2.0
Fundada em 1995.
Padronizar A HTML, cada um não podia criar
seu proprios commandos.
Possui como recurso Novo a Implementação de
dados Tabulares.
Internet explorer e Lancado .
HTML VERSÃO - 3.0
Possibilidade de fazer calculos.
Formularios
Adicionar Figuras, Imagens
Diferentes Fontes. .
HTML VERSÃO - 4.0
Lancado em 1999
Tabelas Avancadas e Suporte a Java script
Suporta Folha de Stillo
Aceita inserir videos.
HTML VERSÃO - 5.0
Lançado em 2014
Permite Imagens em 2D
Suporta Folha de Stillo Mais avancado css3
Melhora o carregamento do site,Java
Script.
Infraestrutura de Comunicação
Modem
Introdução à Linguagem
de Marcação: HTML
Bem-vindos! Nesta apresentação, exploraremos o mundo da
linguagem de marcação HTML, a base para a construção de
páginas web. Começaremos com os fundamentos do HTML,
construindo uma base sólida para sua jornada no
desenvolvimento web.
por Glauco Silva
Estrutura Básica de uma Página HTML
1
DOCTYPE
Declara a versão do HTML.
2
HTML
Define o início do documento HTML.
3
HEAD
Contém metadados da página.
4
BODY
Conteúdo visível da página.
Elementos HTML
Títulos
Usados para definir títulos
de seções e cabeçalhos.
Parágrafos
Usados para agrupar
blocos de texto.
Imagens
Insere imagens na página.
Links
Cria links para outras
páginas ou recursos.
Elementos Não
Interpretados
<pre>
Este texto será exibido
exatamente como está
escrito,
incluindo espaços e quebras de linha.
</pre>
Formatação de Parágrafos e Blocos de Texto
Formatação Básica
O HTML fornece tags para formatar parágrafos,
títulos, listas e outros elementos.
Tags de Formatação
Exemplos: <p> (parágrafo), <h1> (título), <ul> (lista
desordenada), <ol> (lista ordenada)
Formatação de Fonte
Tamanho
Define o tamanho da fonte.
Peso
Define o peso da fonte, como negrito ou normal.
Cor
Define a cor da fonte.
Publicando uma Página HTML
1
Crie um Arquivo HTML
Crie um arquivo com a extensão .html.
2
Escreva o Código HTML
Escreva o código HTML dentro do arquivo.
3
Publique o Arquivo
Carregue o arquivo para um servidor web.
Comece a Criar Suas
Páginas Web!
Agora você tem uma base sólida para construir suas próprias
páginas web! Explore as tags HTML, pratique a criação de
arquivos e comece a desenvolver seus próprios projetos web.

Introducao-a-Linguagem-de-Marcacao-HTML.pptx

  • 1.
  • 2.
    Telegrafo Telégrafo éum aparelho de comunicação que foi inventado por Samuel Morse em 1837. Esse aparelho utilizava a corrente elétrica para enviar códigos que eram interpretados pelo agente de telegrafia. As mensagens eram enviadas em um código que também foi inventado por Samuel Morse e recebeu o nome de Código Morse. Assim surgiu a primeira linha de telegrafia que se tornou o principal meio de comunicaçao. • No brasil foi implementado por d.pedro II no brasil mas exartamente no rio de Janeiro. • Assim que a mensagem e recebida a mesma e impressa no papel • A mensagem e feita por códigos que formava letras .
  • 3.
    Eniac • Primeirocomputador do mundo lançado em 1946 • Computador e Integrador Numérico Eletrônico • Desenvolvido a pedido do estados unidos • Sua construção se iniciou perto da segunda guerra Mundial • Tamanho: Ocupava 180 metros quadrados, pesava 30 toneladas e tinha 5,5 metros de altura e 25 metros de comprimento • Capacidade de processamento: Realizava 5.000 operações por segundo • Operação: Era necessário um time de 80 pessoas para operá-lo. • Finalidade: Foi criado para calcular rotas estratégicas durante a Segunda Guerra Mundial
  • 4.
    IBM 1401 –Primeiro • Naquela época, a IBM adotava a política de não vender computadores, ela os alugava; o custo do aluguel mensal da menor configuração disponível estava ao redor de US$ 2.500 (em valores da época; atualmente cerca de US$ 26 mil), incluído o software básico (sistema operacional, utilitários etc.).
  • 5.
    ARPANET Rede deAgencia de pesquisas em Projetos Avançados. A ARPANET (Advanced Research Projects Agency Network) foi a primeira rede de computadores, construída em 1969: •Foi desenvolvida pela ARPA, agência de pesquisas do Departamento de Defesa do Governo dos EUA •Foi a primeira rede de computadores comutada por pacotes •Foi criada para interligar os departamentos de pesquisa e
  • 6.
    ARPANET Rede deAgencia de pesquisas em Projetos Avançados. Tim Berner Lee Seu cargo mais conhecido é ser o criador da World Wide Web, o famoso termo técnico WWW. Criou um projeto para baseado em hipertexto para partilhar informações entre pesquisadores Conseguiu realizar o feito da comunicação bem sucedida entre a pagina http e servidor. Criou a linguagem de programação http protocolo de Transferencia de hipertexto. Criou a linguagem de programação HTML
  • 7.
    1° SITE CRIADOHTML – 6/08/1991
  • 8.
    Mosaic – PrimeiroNavegador. 1° navegador criado pelo centro Nacional de aplicações de supercomputadores. Criador : Marc Andreessen Rodava no Windows Rodou a primeira página html
  • 9.
    2° Navegador –Mosaic ONetscape foi desenvolvido dm 1990 foi um navegador web proprietário que permitia o acesso a informações na internet, como textos, imagens, sons e animações. O Netscape foi criado por Jim Clark e Marc Andreessen, no Vale do Silício, e foi o primeiro navegador comercial a ser disponibilizado para todos os
  • 10.
  • 11.
    Mozila Firefox Fundadapela netscape . Disputava o mercado com a internet explore. Primeiramente foi chamado de Phoenix, firebird, e por fim mozila. Reinou por 10 anos.
  • 12.
    Google Chrome Fundada pela Microsoft .2 008 TemPlugins para bloquear anuncio. Gratuito para qualquer dispositivo que reconheça. Mais utilizado hoje em dia .
  • 13.
    O Que éHTML? Linguagem de Marcação HTML é uma linguagem de marcação usada para estruturar e apresentar conteúdo na web. Ela usa tags para definir elementos como títulos, parágrafos, imagens e links. Interpretada pelo Navegador Quando você abre uma página web em um navegador, o navegador lê o código HTML e o interpreta para mostrar o conteúdo na tela. HTML – Linguagem de marcação de texto
  • 14.
    HTML VERSÃO -1.0 Fundada em 1993 Tim Berners Lee Publicou Sua primeira página HTML. Sem Interação com Usuário, pois Permitia apenas palavras, sem imagem e Vídeo, figuras Possui apenas 18 Tags. Desatualizado. .
  • 15.
    HTML VERSÃO -2.0 Fundada em 1995. Padronizar A HTML, cada um não podia criar seu proprios commandos. Possui como recurso Novo a Implementação de dados Tabulares. Internet explorer e Lancado .
  • 16.
    HTML VERSÃO -3.0 Possibilidade de fazer calculos. Formularios Adicionar Figuras, Imagens Diferentes Fontes. .
  • 17.
    HTML VERSÃO -4.0 Lancado em 1999 Tabelas Avancadas e Suporte a Java script Suporta Folha de Stillo Aceita inserir videos.
  • 18.
    HTML VERSÃO -5.0 Lançado em 2014 Permite Imagens em 2D Suporta Folha de Stillo Mais avancado css3 Melhora o carregamento do site,Java Script.
  • 19.
  • 20.
  • 21.
    Introdução à Linguagem deMarcação: HTML Bem-vindos! Nesta apresentação, exploraremos o mundo da linguagem de marcação HTML, a base para a construção de páginas web. Começaremos com os fundamentos do HTML, construindo uma base sólida para sua jornada no desenvolvimento web. por Glauco Silva
  • 22.
    Estrutura Básica deuma Página HTML 1 DOCTYPE Declara a versão do HTML. 2 HTML Define o início do documento HTML. 3 HEAD Contém metadados da página. 4 BODY Conteúdo visível da página.
  • 23.
    Elementos HTML Títulos Usados paradefinir títulos de seções e cabeçalhos. Parágrafos Usados para agrupar blocos de texto. Imagens Insere imagens na página. Links Cria links para outras páginas ou recursos.
  • 24.
    Elementos Não Interpretados <pre> Este textoserá exibido exatamente como está escrito, incluindo espaços e quebras de linha. </pre>
  • 25.
    Formatação de Parágrafose Blocos de Texto Formatação Básica O HTML fornece tags para formatar parágrafos, títulos, listas e outros elementos. Tags de Formatação Exemplos: <p> (parágrafo), <h1> (título), <ul> (lista desordenada), <ol> (lista ordenada)
  • 26.
    Formatação de Fonte Tamanho Defineo tamanho da fonte. Peso Define o peso da fonte, como negrito ou normal. Cor Define a cor da fonte.
  • 27.
    Publicando uma PáginaHTML 1 Crie um Arquivo HTML Crie um arquivo com a extensão .html. 2 Escreva o Código HTML Escreva o código HTML dentro do arquivo. 3 Publique o Arquivo Carregue o arquivo para um servidor web.
  • 28.
    Comece a CriarSuas Páginas Web! Agora você tem uma base sólida para construir suas próprias páginas web! Explore as tags HTML, pratique a criação de arquivos e comece a desenvolver seus próprios projetos web.