16
Disciplina: http://edmilsoncampos.net [email protected] Edmilson Campos, Prof. MsC. Princípios básicos AULA 01 Autoria Web Adaptado dos slides do professor Fábio Procópio, IFRN

Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

  • Upload
    lethuan

  • View
    231

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Disciplina:

http://edmilsoncampos.net

[email protected]

Edmilson Campos, Prof. MsC.

Princípios básicos

AULA 01

Autoria Web

Adaptado dos slides do professor Fábio Procópio, IFRN

Page 2: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

▪ Tim Berners-Lee

Edmilson Campos ([email protected])2

Page 3: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

»

Edmilson Campos ([email protected])2

Page 4: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Fonte: Nova Spivak, Radar Networks

• E-mail semântico

• Linguagem natural

• Blogs semânticos

• Ontologias

• Taxonomia

• Máquinas

semânticas

• Máquinas de

busca

• Portais de

conteúdo

• Bancos de dados

• Blogs

• Redes sociais

• Mensagens

instantâneas

2. Web Social

Conectando

pessoas

1. A Web

Conectando

Informações

4. Web

Ubíqua

Conectando

inteligência

3. Web

Semântica

Conectando

Conhecimento

Edmilson Campos ([email protected])2

Page 5: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

▪»

▪»

▪»

»

▪»

▪»

Edmilson Campos ([email protected])2

Page 6: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

▪ HTML» Acrônimo de HiperText Markup Language (Linguagem de Marcação de

HiperTexto);

» Usada para construir páginas web;

» Os documentos HTML podem ser interpretados por navegadores;

» Possui um formato não-proprietário baseado em SGML (Standard

Generalized Markup Language), uma metalinguagem complexa que

foi projetada para ser a base de criação de outras linguagens;

» Um código HTML pode ser criado e editado por várias ferramentas,

desde editores de texto simples a ferramentas sofisticadas;

» As marcações são usadas para estruturar o texto em cabeçalhos,

parágrafos, ligações de hipertexto, etc.

Edmilson Campos ([email protected])2

Page 7: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

»

»

»

»

▪»

Edmilson Campos ([email protected])2

Page 8: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

▪»

»

▪»

▪»

▪»

▪»

▪»

Edmilson Campos ([email protected])2

Page 9: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

<html>

<head>

<title> </title>

</head>

<body>

<h1> </h1><br>

<h2> </h2>

<p>

</p>

</body>

</html>

Edmilson Campos ([email protected])2

Page 10: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Servidor Web

Browser Web

“Achei!!! Aqui está.”

001

010

100

011

011

100

001

010

100

011

011

111

011

011

111

“Preciso do arquivo index.html”

Edmilson Campos ([email protected])2

Page 11: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

001

010

100

011

011

100

001

010

100

011

011

111

011

011

111

Edmilson Campos ([email protected])2

Page 12: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Autoria Web

Objetivos: Construir páginas HTML estilizadas; construir scripts; utilizar ferramentas web, etc.

Edmilson Campos ([email protected])2

Page 13: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Edmilson Campos ([email protected])2

Page 14: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

<html>

<head>

<title> </title>

</head>

<body>

<h1> </h1><br>

<h2> </h2>

<p>

</p>

</body>

</html>

Edmilson Campos ([email protected])2

Page 15: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Edmilson Campos ([email protected])2

Page 16: Tim Berners-Lee - edmilsoncampos.files.wordpress.com · Adaptado dos slides do professor Fábio Procópio, IFRN Tim Berners-Lee ... Generalized Markup Language), uma metalinguagem

Edmilson Campos ([email protected])2