[UFMS Digital] Fundamentos de Web - Videoaula do Módulo 1 - Unidade 1

Prévia do material em texto

Fundamentos de Web
Prof. Dr. Leonardo Souza Silva
Módulo 1 - Introdução à 
Linguagem de Marcação
Unidade 1 - Evolução da Internet e Origens das 
Linguagens de Marcação
Bem-vindo!
● Mundo altamente conectado.
● Alteração no modo de vida 
da sociedade.
● Impacto na área de tecnologia.
Nosso foco:
 Como chegamos até aqui?
Fonte: Freepik
Internet, World Wide Web ou WWW?
Fonte: Freepik
De volta aos anos 50…
● Projeto militar → Formação de uma rede de Pesquisa.
○ ARPA — Agência de Projetos de Pesquisa Avançada.
■ Do inglês: Advanced Research Projects Agency.
○ Conectar computadores em diferentes instituições de 
pesquisa e universidades.
■ Compartilhar informações e acesso remoto a recursos.
■ Criou a base da comunicação atual que usamos.
● Protocolo TCP/IP.
Cenário histórico
● Guerra fria — período de tensão entre União Soviética e os 
Estados Unidos e seus aliados (período entre 1945 até 1991).
○ Manter o governo funcionando em uma eventual guerra.
● Projeto ARPA — anos 60.
○ Criação da Advanced Research Projects Agency Network 
(ARPANET), em 1969, conectando a Universidade da 
Califórnia (UCLA) e o Stanford Research Institute (SRI).
● 1969 - 4 nós:
○ UCLA;
○ SRI;
○ UCSB; e 
○ Utah.
Fonte: Olhar Digital (2019)
ARPANet — Evolução
ARPANet — Evolução 
● 1969 → 4 nós (UCLA, SRI, UCSB e Utah).
○ 1970 (jun) → 9 nós.
○ 1970 (dez) → 13 nós.
○ 1971 (set) → 18 nós.
○ 1973 → 40 nós (abertura para o mundo).
○ 1981 → + de 200 nós
● 1989 → Fim da ARPANet 
○ Início da Internet — Rede Mundial de Computadores
ARPANet (1974)
Fonte: Britannica - ARPANET 
https://www.britannica.com/topic/ARPANET
E como era navegar na Internet?
Fonte: Super Interessante, 2025.
E como era navegar na Internet?
● Modo texto, execução de comandos.
○ Principal uso era a comunicação, transferência de arquivos, ….
● Vamos mandar um e-mail?
Fonte: Digital Ocean (2025)
Linguagem de Marcação
● Anos 80 — Desafios na publicação eletrônica.
● Tentativa de focar nos elementos estruturais do documento, a 
apresentação (visual) do documento ficaria a cargo de outra 
aplicação.
■ Diferença em relação às linguagens de programação.
Standard Generalized Markup Language 
(SGML)
● 1986 — Linguagem padrão para estruturação de documentos.
○ Capacidade descritiva.
■ Usada pela indústria farmacêutica, militar, codificação de 
texto, dentre outras.
● É um padrão para definição de linguagem de marcação gerais 
para documentos.
○ Metalinguagem. 
Derivações do SGML
SGML
1986
HTML
1991
XML
1998
Derivações do SGML
SGML
1986
HTML
1991
XML
1998
Desafios da Publicação 
Eletrônica
Derivações do SGML
SGML
1986
HTML
1991
XML
1998
Desafios da Publicação 
Eletrônica
Desafios da 
Apresentação Web
Derivações do SGML
SGML
1986
HTML
1991
XML
1998
Desafios da Publicação 
Eletrônica
Desafios da 
Apresentação Web
Desafios da Representação 
de Dados
Hyper Text Markup Language (HTML)
● Aplicação do SGML
○ SGML (1986) é anterior a Web.
■ HTML → 1991.
● Linguagem de Marcação padrão para criação de páginas e 
aplicações Web.
○ Originalmente projetada para compartilhar artigos entre 
pesquisadores.
HTML
● Desenvolvida por Tim Berners-Lee, ao longo de 1989, em 
conjunto com o primeiro navegador para suportar a sua 
apresentação.
○ HTML — Estrutura o documento.
○ Navegador — Apresenta o documento.
● Conjunto inicial de marcações (tags) tinha 20 elementos.
HTML
● Sistema de informação que permite compartilhamento de 
conteúdo usando a Internet por meio de recursos amigáveis.
○ Sistema de informação universal ligado/linkado.
● Permite que documentos e outros recursos sejam acessados 
na Internet conforme as regras do protocolo 
Hypertext Transfer Protocol (HTTP).
HTML
Fonte: Própria
Estrutura (arquivo.html)
Apresentação
Fonte: CanalTech, 2023
Fonte: CanalTech, 2023
Para finalizar…
● Convido você a visitar a seção de Curadoria e assistir ao vídeo 
Guerreiros da Internet (Warriors of the Net) de 1999.
Fonte: Vídeo Warriors of the Net - Guerreiros da Internet. Youtube, 2012.
Resumindo
● Conhecemos a evolução até chegarmos a Web.
● Compreendemos as linguagens de marcação e tivemos nosso 
primeiro contato com a linguagem HTML.
Referências
Britannica. ARPANET. Disponível em: https://link.ufms.br/SAsgE , 2025. Acesso em maio de 2025.
Digital Ocean. How to Send Email in Linux from the Command Line. Disponível em: 
https://link.ufms.br/uOpWP . Acesso em junho de 2025.
FLATSCHART, Fábio. Html 5: embarque imediato. 1. ed. Rio de Janeiro: Brasport, 2011. Recurso on-line. ISBN 
9788574525778. Capítulo 1, Capítulo 2 e Capítulo 3. Disponível na Biblioteca Digital da UFMS. 
Olhar Digital. “Mãe da internet”, ARPANET completa 52 anos; conheça sua história. Disponível em: 
https://link.ufms.br/xX1eq , 2021. Acesso em maio de 2025.
Superinteressante. Quem inventou a internet? Disponível em: https://link.ufms.br/XtjXO , 2024. Acesso em 
maio de 2025.
UEM. História da Internet. Disponível em: https://link.ufms.br/eBhxb , s.d. Acesso em maio de 2025.
https://link.ufms.br/SAsgE
https://link.ufms.br/uOpWP
https://pergamum.ufms.br/
https://link.ufms.br/xX1eq
https://link.ufms.br/XtjXO
https://link.ufms.br/eBhxb
Licenciamento
Respeitadas as formas de citação formal de autores de acordo com as normas 
da ABNT NBR 6023 (2018), a não ser que esteja indicado de outra forma, todo 
material desta apresentação está licenciado sob uma Licença Creative Commons 
- Atribuição 4.0 Internacional. 
https://creativecommons.org/licenses/by/4.0/
https://creativecommons.org/licenses/by/4.0/