O Futuro da Internet

Tamanho: px
Começar a partir da página:

Download "O Futuro da Internet"

Transcrição

1 Web Web WEB 3.0 Web Semântica e as novas normas HTML5 e CSS3 Ricardo André Pereira Freitas rfreitas@fam.ulusiada.pt Universidade Lusíada Norte, Campus Vila Nova de Famalicão Portugal Fevereiro 2017

2 Outline 1 Motivação 2 HTML5 CSS3 CSS Responsive 3 Desafio Exercício 4

3 Motivação Afinal o que é a Web? Qual a Diferença entre Internet e Web? O que é possível fazer através da Internet e/ou Web?

4 Motivação Afinal o que é a Web? Qual a Diferença entre Internet e Web? O que é possível fazer através da Internet e/ou Web? Endereço? URL (Uniform Resource Locator)? Hyperlink (hiperligação)? HTML? PHP? HTTP? FTP? DNS? TCP/IP? SMTP, POP e IMAP. telnet, ping, tracert... Bases de Dados? Redes Sociais!?

5 Motivação Internet? A Internet é uma enorme rede de redes; Corresponde às infra-estruturas de rede dispersas universalmente; Estabelece ligações (através de protocolos e outros) entre milhares de milhões de computadores (máquinas). World Wide Web ou simplesmente Web? Uma forma de aceder a conteúdos que existem alojados em servidores de páginas Web. Consiste num modelo de partilha de informação que é construído utilizando a infra-estrutura da Internet. A Web usa o protocolo HTTP (um dos vários protocolos suportados pela Internet para transmitir dados).

6 Entender a História da Internet e Perspetivar o Futuro Primeira fase ( ) Inovação Tinha por objectivos estabelecer ligação entre investigadores de diferentes países. Segunda fase ( ) Institucionalização O departamento de defesa dos EUA proporcionou fundos para expandir a rede no sentido de a tornar num sistema de comunicações militares e civis. Terceira fase (1995-presente) Expansão/Comercialização As agências governamentais encorajaram as empresas privadas a investir na expansão da rede. A Internet começa a ser utilizada para os mais variados fins, inclusive fins de divulgação/comunicação, comerciais e de apoio às organizações.

7 Entender a História da Internet/Web e Perspetivar o Futuro O que é possível fazer através da Internet/Web? Web 1.0 Também chamada a primeira versão da Web A necessidade de programadores/especialistas para criação de páginas Web; Consulta de páginas e transferência de ficheiros; ... Mas quem inventou a Web (WWW)? Web 2.0 Após alguns anos Criação e distribuição de conteúdos por parte dos utilizadores. Twitter; Youtube; Facebook; MySpace; Instagram; Apple iphone; Google Desktop, Maps, Google Calendar,...; Second Life; Wikipedia; etc.

8 Web 3.0 Web 1.0 Também chamada a primeira versão da Web Consulta de páginas online (partilha de conteúdos) Web 2.0 Criação e distribuição de conteúdos por parte dos utilizadores. Web 3.0 Semântica??? a Web Semântica Semantic Web

9 Web 3.0 Web 3.0 o significado dos dados a Web Semântica Semantic Web Pesquisar na Web para tentar perceber do que estamos a falar!!! Uma Web de Dados (informação) vs uma Web Documentos

10 Web 3.0 Web 3.0 o significado dos dados a Web Semântica Semantic Web Pesquisar na Web para tentar perceber do que estamos a falar!!! Uma Web de Dados (informação) vs uma Web Documentos

11 Web 3.0 Semantic Web <div itemscope itemtype =" <h1 itemprop="name">avatar</h1> <span>director: <span itemprop="director">james Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">trailer</a> </div> Semantic Web FOAF <rdf:rdf xmlns:rdf=" xmlns:foaf=" <foaf:person> <foaf:name>ricardo Freitas</foaf:name> <foaf:mbox </foaf:person> </rdf:rdf>

12 Outline 1 Motivação 2 HTML5 CSS3 CSS Responsive 3 Desafio Exercício 4

13 HTML5 HTML5 CSS3 CSS Responsive <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html> <html> <head> <title>website HTML5</title> </head> <body> <header> <h1>titulo</h1> </header> <nav id="menup"> <ul> <li> <a href="#op1">opção 1</a> </li> <li> <a href="#op2">opção 2</a> </li> </ul> </nav> <main> <section id="s1"> <article> <h1>titulo do 1 artigo</h1> <p>texto do 1 artigo</p> </article> </section> <section id="s2">... </section> </main> <footer> <h3>rodape...</h3> </footer> </div> </body> </html>

14 CSS3 HTML5 CSS3 CSS Responsive #example1 { border-radius: 15px; } h1 { color: white; text-shadow: 1px 1px 2px black, px blue, 0 0 5px darkblue; } div { box-shadow: 10px 10px 5px grey; } /* Alterar as dimensões de um elemento... div:hover { width: 300px; }

15 HTML5 CSS3 CSS Responsive CSS Responsive CSS Responsive Responsive Web Design Adaptar a página web aos diferentes dispositivos e/ou resoluçoes (desktops, tablets e smartphones, TVs, etc). Utilizar CSS e HTML para redimensionar, ocultar, encolher, ampliar ou mover o conteúdo para torná-lo visível e adaptável a qualquer ecrã.

16 Outline 1 Motivação 2 HTML5 CSS3 CSS Responsive 3 Desafio Exercício 4

17 Desafio: Elaborar uma página Web Desafio Exercício Elaborar uma página Web: Pessoal (HTML5, CSS3, Web Semântica) Utilizar anotações semânticas (HTML5); Aplicar um efeito (ex.: transição, border-radius,...) CSS3; Definir um pequeno texto descritivo (pessoal, nome, ,..., músicas, filmes, etc); Atribuir significado a alguns termos do texto utilizando a web semântica: (foaf validator) (schema.org validator)

18 Semantic Web FOAF Motivação Desafio Exercício <rdf:rdf xmlns:rdf=" xmlns:rdfs=" xmlns:foaf=" xmlns:dc=" xmlns:bibo=" xmlns:dcterms=" xmlns:ical=" xmlns:geo=" > <foaf:person rdf:id="rpf"> <foaf:name xml:lang="en">ricardo Freitas</foaf:name> <foaf:givenname>ricardo</foaf:givenname> <foaf:family_name>freitas</foaf:family_name> <foaf:title>professor</foaf:title> <foaf:img rdf:resource=" <foaf:nick>rpf</foaf:nick> <foaf:based_near geo:lat="41.41" geo:long=" " /> <foaf:mbox <foaf:homepage rdf:resource=" <foaf:schoolhomepage rdf:resource=" <foaf:weblog rdf:resource=" <foaf:publications rdf:resource=" </foaf:person> </rdf:rdf>

19 Desafio Exercício Semantic Web <div itemscope itemtype =" <h1 itemprop="name">ricardo Freitas</h1> <ul> <li> Data Nascimento: <span itemprop="birthdate">november 26, 1979</span></li> <li <li itemprop="jobtitle">professor</li> <li itemprop="memberof">universidade Lusiada</li> </ul> </div>

20 Desafio: Elaborar uma página Web Desafio Exercício Elaborar uma página Web: Pessoal (HTML5, CSS3, Web Semântica) (ver/reutilizar o código fonte da página de exemplo) Atribuir significado a alguns termos do texto utilizando a web semântica: (foaf validator) (schema.org validator)

21 Outline 1 Motivação 2 HTML5 CSS3 CSS Responsive 3 Desafio Exercício 4

22 : Web Semântica (Semantic Web) Dotar as páginas de Web de significado (semântica) formal capaz de ser processado por máquinas; Motores de busca "mais inteligentes"... Exemplos... (já está a acontecer...): Quantas freguesias tem famalicão? Quem é o presidente de Portugal? Quais as universidades mais antigas do mundo? Quem é o presidente da América? Onde fica o maior rio do mundo? Em que universidades existe o curso de Informática? O que é uma vela? Pode a vela andar? quero colher arroz... quero sede de... Quais as pessoas especialistas em Linguagens de anotação? Quem inventou a Internet e Web? Quem inventou a Internet e? Uma simples palavra (entre várias) altera radicalmente os resultados das pesquisas. Conclusões a retirar...

23 Debate / Discussão Motivação Questões!

Internet - Navegação. Conceitos. 1 Marco Soares

Internet - Navegação. Conceitos. 1 Marco Soares Internet - Navegação Conceitos 1 Internet A Internet é uma rede de comunicação de milhões de computadores conetados, que oferece inúmeros serviços. Cada computador está ligado a uma rede que por sua vez

Leia mais

Pesquisa e análise de informação

Pesquisa e análise de informação A ARPANet (Advanced Research Projects Agency Network) - Projeto do Ministério da Defesa dos Estados Unidos da América, criado em 1969, que tinha como objetivo interligar em rede, computadores utilizados

Leia mais

itic 7/8 Serviços básicos da Internet Informação 7 Unidade 3 Pesquisa e análise de informação na Internet

itic 7/8 Serviços básicos da Internet Informação 7 Unidade 3 Pesquisa e análise de informação na Internet itic 7/8 Informação 7 Serviços básicos da Internet Unidade 3 Pesquisa e análise de informação na Internet Os Principais Serviços da Internet @ Correio eletrónico (e-mail) @ Acesso remoto @ World Wide Web

Leia mais

O W3C Futuro da Web HTML5. agosto/2010 CONSEGI

O W3C Futuro da Web HTML5. agosto/2010 CONSEGI O W3C Futuro da Web HTML5 agosto/2010 CONSEGI Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim Berners-Lee

Leia mais

Programação para Web

Programação para Web Colégio Estadual João Manoel Mondrone Ensino Fundamental, Médio, Profissional e Norm Técnico em Informática Programação para Web Profª Ana Paula Mandelli anapaula_mandelli@hotmail.com O que é a COMUNICAÇÃO?

Leia mais

FIC de Introdução ao Desenvolvimento Front-End de Sites e Sistemas Web. Bem vindos! Prof. Edjandir Corrêa Costa

FIC de Introdução ao Desenvolvimento Front-End de Sites e Sistemas Web. Bem vindos! Prof. Edjandir Corrêa Costa FIC de Introdução ao Desenvolvimento Front-End de Sites e Sistemas Web Bem vindos! Prof. Edjandir Corrêa Costa edjandir.costa@ifsc.edu.br Objetivo geral Aprender a desenvolver um site completo, funcional,

Leia mais

O W3C Futuro da Web HTML5. janeiro/2010 Campus Party

O W3C Futuro da Web HTML5. janeiro/2010 Campus Party O W3C Futuro da Web HTML5 janeiro/2010 Campus Party Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) o W3C em 1994 (há16

Leia mais

O W3C Futuro da Web HTML5. Outubro/2010 Futurecom

O W3C Futuro da Web HTML5. Outubro/2010 Futurecom O W3C Futuro da Web HTML5 Outubro/2010 Futurecom Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim Berners-Lee

Leia mais

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada

Leia mais

Estruturas de Comunicação de Dados Aula 3 Camadas de Aplicação e Transporte

Estruturas de Comunicação de Dados Aula 3 Camadas de Aplicação e Transporte Estruturas de Comunicação de Dados Aula 3 Camadas de Aplicação e Transporte Escola Maria Eduarda Ramos de Barros Curso técnico em redes de computadores Carpina - PE Roteiro Aplicações de Rede Transporte

Leia mais

O W3C e a Web Semântica. Reunião de coordenação da e-ping, março/2009

O W3C e a Web Semântica. Reunião de coordenação da e-ping, março/2009 O W3C e a Web Semântica Reunião de coordenação da e-ping, março/2009 Web, W3C e Web Semântica 2 Tim Berners-Lee criou / propôs a Web em 1989 (há 20 anos) http://www.w3.org/history/1989/proposal.html (URI

Leia mais

ANEXO C INSTÂNCIAS DA ONTOLOGIA DE MATERIAIS DE APRENDIZAGEM

ANEXO C INSTÂNCIAS DA ONTOLOGIA DE MATERIAIS DE APRENDIZAGEM ANEXO C INSTÂNCIAS DA ONTOLOGIA DE MATERIAIS DE APRENDIZAGEM Neste anexo serão apresentadas as instâncias da ontologia de materiais de aprendizagem que foram cadastrados no ambiente VCurso+ para que se

Leia mais

Browser é um programa desenvolvido para permitir a navegação pela web, capaz de processar diversas linguagens, como HTML, ASP, PHP.

Browser é um programa desenvolvido para permitir a navegação pela web, capaz de processar diversas linguagens, como HTML, ASP, PHP. Browser é um programa desenvolvido para permitir a navegação pela web, capaz de processar diversas linguagens, como HTML, ASP, PHP. Sua interface vai variar de acordo com a marca, onde quem escolhe é o

Leia mais

INFORMÁTICA INSTRUMENTAL - INTERNET. Profª Ana Paula Mandelli

INFORMÁTICA INSTRUMENTAL - INTERNET. Profª Ana Paula Mandelli INFORMÁTICA INSTRUMENTAL - INTERNET Profª Ana Paula Mandelli anapaula_mandelli@hotmail.com Como funciona a Internet Cada país que participa da Internet possui estruturas de rede chamadas backbones com

Leia mais

INTERNET. Definição. Rede internacional de computadores que permite comunicação e transferência de dados entre outros serviços.

INTERNET. Definição. Rede internacional de computadores que permite comunicação e transferência de dados entre outros serviços. INTERNET Prof. Luiz A. Nascimento Definição 2 Rede internacional de computadores que permite comunicação e transferência de dados entre outros serviços. Utiliza o protocolo TCP/IP É a rede das redes. Normalmente

Leia mais

HTML & CSS. uma introdução

HTML & CSS. uma introdução HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência

Leia mais

INTERNET. TCP/IP protocolo de comunicação sobre o qual se baseia a Internet. (conjunto de regras para a comunicação entre computadores)

INTERNET. TCP/IP protocolo de comunicação sobre o qual se baseia a Internet. (conjunto de regras para a comunicação entre computadores) TCP/IP protocolo de comunicação sobre o qual se baseia a Internet. (conjunto de regras para a comunicação entre computadores) A cada computador integrado na rede é atribuído um número IP que o identifica

Leia mais

Instalação, Configuração e Operação em Redes Locais e Internet

Instalação, Configuração e Operação em Redes Locais e Internet Instalação, Configuração e Operação em Redes Locais e Internet CEF 2 Ano Lectivo 2008/2009 Professora: Sílvia Castro 1. Conceitos introdutórios: Hardware e Software Os sistemas informáticos, em geral,

Leia mais

1. INTERNET OU NET. O que é necessário para aceder à Internet? Hardware. Computador. Linha telefónica normal, linha RDIS, ligação por cabo ou ADSL.

1. INTERNET OU NET. O que é necessário para aceder à Internet? Hardware. Computador. Linha telefónica normal, linha RDIS, ligação por cabo ou ADSL. 1. INTERNET OU NET 1 O que é a Internet? A Internet, ou apenas Net, é uma rede mundial de computadores ligados entre si através de linhas telefónicas comuns, linhas de comunicação privadas, satélites e

Leia mais

O W3C Futuro da Web HTML5 Web Semântica. FISL 2011 Porto Alegre

O W3C Futuro da Web HTML5 Web Semântica. FISL 2011 Porto Alegre O W3C HTML5 Web Semântica FISL 2011 Porto Alegre Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 22 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) 2 Web e W3C Tim Berners-Lee

Leia mais

Internet. Operação de Computadores e Sistemas

Internet. Operação de Computadores e Sistemas Internet Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior Fevereiro de 2017 1/24 Introdução O que é a Internet para você? O que você faz na Internet? 2/24

Leia mais

HTML5 Futuro da Web. Multimídia sem limites 2011 SENAC - SP

HTML5 Futuro da Web. Multimídia sem limites 2011 SENAC - SP HTML5 Futuro da Web Multimídia sem limites 2011 SENAC - SP Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 22 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) 2 Web e W3C

Leia mais

Roteiro 02. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I

Roteiro 02. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I Roteiro 02 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 02 Objetivos Criar links entre páginas HTML Conhecer a proposta do

Leia mais

Interfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução

Interfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução Interfaces Pessoa Máquina Laboratório 1 HTML, CSS, JS- Introdução 01 HTML + CSS + JavaScript Tecnologia para desenvolvimento web: Páginas web Aplicações web Aplicações mobile HTML Linguagem standard para

Leia mais

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB

Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas

Leia mais

Informática INTERNET

Informática INTERNET INTERNET A origem da Internet e a sua evolução Guerra Fria (anos 60) => ARPANET Interligar as principais Universidades dos EUA => Intercâmbio de informação. Expansão da rede para as Universidades da Europa.

Leia mais

Informática. Redes de Computadores e Internet

Informática. Redes de Computadores e Internet Informática Redes de Computadores e Internet Classificação Redes (Distância) - Rede de Área Pessoal PAN - Rede Local LAN - Rede Metropolitana MAN - Rede de Longa Distância WAN Servidores X Clientes - Servidor

Leia mais

Aplicações Gerais de Informá5ca

Aplicações Gerais de Informá5ca Aplicações Gerais de Informá5ca Prof. Marcos V. O. de Assis mvoassis@gmail.com marcos.assis@ufpr.br hap://mvoassis.wordpress.com O que vimos até agora? Introdução à Informá5ca Estrutura geral do Computador

Leia mais

REDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques

REDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques 16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas

Leia mais

O W3C Futuro da Web HTML5. Março/2010 1o. - FIEB - ITB Profa. Maria Sylvia Chaluppe Mello

O W3C Futuro da Web HTML5. Março/2010 1o. - FIEB - ITB Profa. Maria Sylvia Chaluppe Mello O W3C Futuro da Web HTML5 Março/2010 1o. WEB@! - FIEB - ITB Profa. Maria Sylvia Chaluppe Mello Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html

Leia mais

Introdução a Web. Programação para a Internet. Prof. Vilson Heck Junior

Introdução a Web. Programação para a Internet. Prof. Vilson Heck Junior Introdução a Web Programação para a Internet Prof. Vilson Heck Junior Introdução Quer ter idéias? Quer vender algo? Talvez comprar? A Web é uma forma universal de comunicação, na qual você pode participar.

Leia mais

HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo

HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica

Leia mais

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor

Leia mais

Arquitetura da World Wide Web. WWW: Histórico. WWW: Usos. WWW: Histórico. WWW Tecnologias Fundamentais. Comércio Eletrônico na WWW

Arquitetura da World Wide Web. WWW: Histórico. WWW: Usos. WWW: Histórico. WWW Tecnologias Fundamentais. Comércio Eletrônico na WWW Arquitetura da World Wide Web World Wide Web Sistema de informação em escala global acessível em tempo real através de redes de computadores como a Internet. Comércio Eletrônico na WWW Wagner Meira Jr.,

Leia mais

Conceitos de HTML 5 Aula 1

Conceitos de HTML 5 Aula 1 Prof. João Augusto da Silva Bueno (joao.augusto@ifsc.edu.br) Conceitos de HTML 5 Aula 1 World Wide Web É um serviço da Internet que reúne vários documentos de todas as partes do mundo e esses documentos

Leia mais

O W3C Futuro da Web HTML5 Web Semântica. Abril/2011- SENAC Jaboticabal ROAD SHOW de TI 2011

O W3C Futuro da Web HTML5 Web Semântica. Abril/2011- SENAC Jaboticabal ROAD SHOW de TI 2011 O W3C HTML5 Web Semântica Abril/2011- SENAC Jaboticabal ROAD SHOW de TI 2011 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP

Leia mais

Futuro da Web Web Semântica. ECM Show 2011 São Paulo

Futuro da Web Web Semântica. ECM Show 2011 São Paulo Futuro da Web Web Semântica ECM Show 2011 São Paulo Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 22 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) 2 Web e W3C Tim

Leia mais

Construção de Sites. Introdução ao Universo Web. Prof. Nícolas Trigo

Construção de Sites. Introdução ao Universo Web. Prof. Nícolas Trigo Construção de Sites Introdução ao Universo Web Prof. Nícolas Trigo trigo.nicolas@gmail.com CONCEITOS BÁSICOS Internet à conglomerado de redes de computadores que permite o acesso a informações e a transferência

Leia mais

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com. #Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver

Leia mais

Aula 1 Cleverton Hentz

Aula 1 Cleverton Hentz Aula 1 Cleverton Hentz Sumário da Aula Introdução História da Internet Protocolos Hypertext Transfer Protocol 2 A Internet é um conjunto de redes de alcance mundial: Comunicação é transparente para o usuário;

Leia mais

Aplicativos para Internet Aula 01

Aplicativos para Internet Aula 01 Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx

Leia mais

Iniciando Layouts. No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica:

Iniciando Layouts. No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica: Aula 09 Iniciando Layouts No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica: header: é onde definimos o cabeçalho. nav: é onde definimos o menu ou a navegação do nosso site.

Leia mais

Internet, Intranet e Extranet

Internet, Intranet e Extranet Internet, Intranet e Extranet Disciplina: Teoria e Fundamentos de Sistemas de Informação Professor: Thiago Silva Prates Ancestral da Internet O ancestral da internet foi a ARPANET, um projeto iniciado

Leia mais

Introdução ao HTML e às folhas de estilo (CSS)

Introdução ao HTML e às folhas de estilo (CSS) MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP

Leia mais

Web Design Responsivo

Web Design Responsivo Web Design Responsivo O Design Responsivo ajusta-se automaticamente baseado no tamanho da tela do dispositivo de mídia que está sendo utilizado. Nós estudaremos como utilizar a propriedade @media_property

Leia mais

Desenvolvimento Web. Aula 1 - Introdução. Professor Emiliano S. Monteiro

Desenvolvimento Web. Aula 1 - Introdução. Professor Emiliano S. Monteiro Desenvolvimento Web Aula 1 - Introdução Professor Emiliano S. Monteiro O início! Tim Berners Lee desenvolveu o: URI, HTML e HTTP e servidor web. https://www.w3.org/history/1989/proposal.html https://webfoundation.org/about/vision/history-of-the-web/

Leia mais

O W3C e a Web Semântica. CPqD - abril/2009 Workshop Rede IP do Futuro

O W3C e a Web Semântica. CPqD - abril/2009 Workshop Rede IP do Futuro O W3C e a Web Semântica CPqD - abril/2009 Workshop Rede IP do Futuro Web, W3C e Web Semântica Tim Berners-Lee criou / propôs a Web em 1989 (há 20 anos) http://www.w3.org/history/1989/proposal.html (URI

Leia mais

REDES DE COMUNICAÇÕES

REDES DE COMUNICAÇÕES http://theterramarproject.org REDES DE COMUNICAÇÕES Laboratórios de Informática 2014-2015 Internet Como é que a informação vai de um local da Internet para outro? Internet Internet Aos saltos, pelo caminho

Leia mais

CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA

CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA Planificação Anual de Sistemas de Informação 10º ano Ano Letivo 2017/2018 Turma: 10º L1 Professor: Pedro Rocha 1 - Estrutura e Finalidades da disciplina A disciplina

Leia mais

TECNOLOGIAS WEB AULA 2 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 2 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 2 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Definir as funcionalidades dos principais protocolos de Internet. Compreender os conceitos básicos de protocolo. Conhecer mais a respeito

Leia mais

O que Fazer na Internet

O que Fazer na Internet Internet Histórico O que é a Internet O que é a Internet A Internet é uma rede de computadores à escala mundial, destinada à troca de informações. Os computadores são interligados através de linhas comuns

Leia mais

FUNDAMENTOS DE NEGOCIO ELECTRÔNICO PROGRAMAÇÃO WEB

FUNDAMENTOS DE NEGOCIO ELECTRÔNICO PROGRAMAÇÃO WEB FUNDAMENTOS DE NEGOCIO ELECTRÔNICO PROGRAMAÇÃO WEB Anselmo Nhane e José Mizela 2/24/2014 Anselmo Nhane - José Mizela 1 FUNDAMENTOS DE NEGOCIO ELECTRÓNICO PROGRAMAÇÃO WEB Fundamentos de Negocio Electrónico

Leia mais

Componente Específica Informática (4200) 2014/2015

Componente Específica Informática (4200) 2014/2015 PROVA DE AVALIAÇÃO DE CONHECIMENTOS E CAPACIDADES Componente Específica Informática (4200) 2014/2015 Decreto-Lei n.º 146/2013, de 22 de outubro Decreto Regulamentar n.º 7/2013, de 23 de outubro Código

Leia mais

INTERNET P R O F. M A R C O A N T Ô N I O PROF. MARCO ANTÔNIO

INTERNET P R O F. M A R C O A N T Ô N I O PROF. MARCO ANTÔNIO INTERNET P R O F. M A R C O A N T Ô N I O PROF. MARCO ANTÔNIO Conceito É uma rede de computadores interligadas, que possibilita o acesso a informações sobre e em qualquer lugar do mundo. Rede das Redes

Leia mais

Introdução à Computação

Introdução à Computação Introdução à Computação Jordana Sarmenghi Salamon jssalamon@inf.ufes.br jordanasalamon@gmail.com http://inf.ufes.br/~jssalamon Departamento de Informática Universidade Federal do Espírito Santo Agenda

Leia mais

Internet: Conceitos Gerais

Internet: Conceitos Gerais Internet: Conceitos Gerais Cardoso, Gustavo (2002), Capítulo 3 - Aceder à Internet: e-mail e world wide web, excluindo secção 1 Disponível na página da Cadeira Informática I: http://osiris.iscte.pt/ (Outubro

Leia mais

Internet. Explorar diferentes formas de informação disponível na Internet:

Internet. Explorar diferentes formas de informação disponível na Internet: A Internet Explorar diferentes formas de informação disponível na Internet: 1. O browser 2. Identificar os principais serviços da Internet; 3. Utilizar as funcionalidades de um browser para navegar na

Leia mais

7º ano Ano letivo 2015/2016. Artur Ramísio

7º ano Ano letivo 2015/2016. Artur Ramísio 7º ano Ano letivo 2015/2016 Artur Ramísio Informações de preparação para o teste de avaliação. Internet: principais serviços, endereços e funcionalidades dos browsers; segurança na Internet; pesquisa e

Leia mais

Sistema de Gerenciamento de Objetos de Aprendizagem para dispositivos Móveis

Sistema de Gerenciamento de Objetos de Aprendizagem para dispositivos Móveis Sistema de Gerenciamento de Objetos de Aprendizagem para dispositivos Móveis Fabio T. Franciscato Roseclea D. Medina XIII Ciclo de Palestras sobre Novas Tecnologias na Educação 1 Conteúdo abordado Introdução

Leia mais

11/04/2017 LEO MATOS INFORMÁTICA

11/04/2017 LEO MATOS INFORMÁTICA LEO MATOS INFORMÁTICA 1. (VUNESP 2015 CÂMARA MUNICIPAL DESCALVADO/SP) A internet disponibiliza uma série de serviços aos seus usuários, dentre eles o a) DNS. b) URL. c) WWW. d) HTML. e) HTTP. 1 GOOGLE

Leia mais

Lista de exercícios - 1º bimestre 2016 REDES

Lista de exercícios - 1º bimestre 2016 REDES Lista de exercícios - 1º bimestre 2016 REDES Jean Nicandros Stragalinos Neto. Prontuário: 1616251. Curso: ADS 2º Módulo. 1) Desenhe duas redes com 7 e 8 computadores e defina a configuração IP de cada

Leia mais

CEF 2 PLANIFICAÇÃO ANUAL. Instalação e Configuração de. Computadores em Redes Locais e à Rede Internet. Ano Letivo 2012/2013

CEF 2 PLANIFICAÇÃO ANUAL. Instalação e Configuração de. Computadores em Redes Locais e à Rede Internet. Ano Letivo 2012/2013 PLANIFICAÇÃO ANUAL Instalação e Configuração de Computadores em Redes Locais e à Rede Internet CEF 2 Instalação e Operação de Sistemas Informáticos Ano Letivo 2012/2013 Ano Letivo: 2012/2013 E 2013/2014

Leia mais

MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>.

MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>. MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: , , , , , . Conceitos básicos do funcionamento da Internet Internet

Leia mais

Construção de sites Aula 1

Construção de sites Aula 1 Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura

Leia mais

Camada de Aplicação. DNS Domain Name System. Redes de Computadores Prof. Leandro C. Pykosz

Camada de Aplicação. DNS Domain Name System. Redes de Computadores Prof. Leandro C. Pykosz Camada de Aplicação Redes de Computadores Prof. Leandro C. Pykosz Camada de Aplicação A camada de aplicação fornece os serviços "reais" de rede para os usuários. Os níveis abaixo da aplicação fornecem

Leia mais

Protocolo HTTP. Eduardo Ferreira dos Santos. Fevereiro, Ciência da Computação Centro Universitário de Brasília UniCEUB 1 / 22

Protocolo HTTP. Eduardo Ferreira dos Santos. Fevereiro, Ciência da Computação Centro Universitário de Brasília UniCEUB 1 / 22 Protocolo HTTP Eduardo Ferreira dos Santos Ciência da Computação Centro Universitário de Brasília UniCEUB Fevereiro, 2017 1 / 22 Sumário 1 Denições 2 Implementação HTTP 3 Protocolo HTTP/1.1 2 / 22 Denições

Leia mais

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD

Leia mais

Protocolos e Serviços de Redes

Protocolos e Serviços de Redes Protocolos e Serviços de Redes Redes de Computadores Charles Tim Batista Garrocho Instituto Federal de São Paulo IFSP Campus Campos do Jordão garrocho.ifspcjo.edu.br/rdc charles.garrocho@ifsp.edu.br Técnico

Leia mais

Banco de Dados. Profs: - Ana Carolina - Fernando Fonseca 2017

Banco de Dados. Profs: - Ana Carolina - Fernando Fonseca 2017 Banco de Dados Profs: - Ana Carolina - Fernando Fonseca 2017 Fonte: http://cin.ufpe.br Banco de Dados Fonte: Google Fonte: http://cin.ufpe.br Banco de Dados Fonte: Google Fonte: http://cin.ufpe.br Banco

Leia mais

Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo

Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de

Leia mais

PRnet/2013. Linguagem de Programação Web

PRnet/2013. Linguagem de Programação Web Linguagem de Programação Web Linguagem de Programação Web Prnet/2013 Linguagem de Programação Web» Programas navegadores» Tipos de URL» Protocolos: HTTP, TCP/IP» Hipertextos (páginas WEB)» HTML, XHTML»

Leia mais

CONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA

CONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA CONCEITOS BÁSICOS DE INTERNET Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA conceito inicial Amplo sistema de comunicação Conecta muitas redes de computadores Apresenta-se de várias formas Provê

Leia mais

Redes de Computadores e Aplicações Camada de aplicação IGOR ALVES

Redes de Computadores e Aplicações Camada de aplicação IGOR ALVES Redes de Computadores e Aplicações Camada de aplicação IGOR ALVES Camada de aplicação Um protocolo da camada de aplicação define como processos de uma aplicação, que funcionam em sistemas finais diferentes,

Leia mais

Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa

Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa Linguagem de Programação Visual Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa O que vai ser estudado Codificação; Linguagem de Programação; Infra Estrutura Basica; Ferramentas; Implantação;

Leia mais

Ser diretor de turma. Contar com a biblioteca escolar

Ser diretor de turma. Contar com a biblioteca escolar Ser diretor de turma. Contar com a biblioteca escolar Tutorial Padlet O Padlet é uma aplicação da Internet que permite criar projetos e desenvolver atividades colaborativas. Funciona como uma folha de

Leia mais

Camada de Aplicação da Arquitetura TCP/IP

Camada de Aplicação da Arquitetura TCP/IP Arquitetura de Redes de Computadores e Tecnologia de Implementação de Redes 2016.1 Camada de Aplicação da Arquitetura TCP/IP Curso Técnico Integrado em Informática Turma: INT.INF.3M Arquitetura de Redes

Leia mais

Ao projeto inciado na aula anterior, faça as seguintes alterações:

Ao projeto inciado na aula anterior, faça as seguintes alterações: Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em

Leia mais

Ser diretor de turma. Contar com a biblioteca escolar

Ser diretor de turma. Contar com a biblioteca escolar Ser diretor de turma. Contar com a biblioteca escolar Tutorial Padlet O Padlet é uma aplicação da Internet que permite criar projetos e desenvolver atividades colaborativas. Funciona como uma folha de

Leia mais

Composição Web. Laboratório 0: Serviços de Comunicação na Internet. Prof. Lúcio Studer Ferreira

Composição Web. Laboratório 0: Serviços de Comunicação na Internet. Prof. Lúcio Studer Ferreira Composição Web Laboratório 0: Serviços de Comunicação na Internet Prof. Lúcio Studer Ferreira 1 Objetivo Entender o Modelo Cliente-Servidor da Internet. 2 Endereço IP do Cliente Descubra o endereço IP

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 01 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... - Apresentação da disciplina; -

Leia mais

Métodos de Estudo & Investigação Científica O que é?

Métodos de Estudo & Investigação Científica O que é? O que é? Internet: Antecedentes 4 e 11 de Fevereiro de 1945: Os presidentes dos países Aliados reunem-se em Yalta na Crimeia. - Roosevelt, Churchill e Stalin 2 Internet: Antecedentes Roosevelt e Churchill

Leia mais

Internet ou Net. É uma rede mundial de computadores ligados entre si através s de linhas telefónicas comuns.

Internet ou Net. É uma rede mundial de computadores ligados entre si através s de linhas telefónicas comuns. Internet Internet ou Net É uma rede mundial de computadores ligados entre si através s de linhas telefónicas comuns. Como Comunicam os computadores Os computadores comunicam entre si utilizando uma linguagem

Leia mais

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB INTRODUÇÃO ÀS APLICAÇÕES PARA WEB Material cedido pelo prof. Francisco Dantas Nobre Neto Professor: Rhavy Maia Guedes E-mail: rhavy.maia@gmail.com, rhavymg.wordpress.com Sites vs Aplicativos Web Aplicativos

Leia mais

10/07/2013. Camadas. Principais Aplicações da Internet. Camada de Aplicação. World Wide Web. World Wide Web NOÇÕES DE REDE: CAMADA DE APLICAÇÃO

10/07/2013. Camadas. Principais Aplicações da Internet. Camada de Aplicação. World Wide Web. World Wide Web NOÇÕES DE REDE: CAMADA DE APLICAÇÃO 2 Camadas NOÇÕES DE REDE: CAMADA DE APLICAÇÃO Introdução à Microinformática Prof. João Paulo Lima Universidade Federal Rural de Pernambuco Departamento de Estatística e Informática Aplicação Transporte

Leia mais

ATENÇÃO O TCP/IP não é um protocolo. TCP/IP é um conjunto de diversos protocolos em 04 camadas próprias que se relaciona com o modelo OSI.

ATENÇÃO O TCP/IP não é um protocolo. TCP/IP é um conjunto de diversos protocolos em 04 camadas próprias que se relaciona com o modelo OSI. PROTOCOLOS DE TRANSMISSÃO DE DADOS PROTOCOLO TCP/IP Trata-se da sigla da palavra inglesa Transmission Control Protocol / Internet Protocol ou, simplesmente Protocolo de Controle de Transmissão / Protocolo

Leia mais

S U J E I T O P R O G R A M A D O R

S U J E I T O P R O G R A M A D O R S U J E I T O P R O G R A M A D O R HTML5 Aprenda criar sites com HTML5 Introdução ao HTML5 Estamos na era do layout responsivo, onde sites precisam adaptar os seus layouts para funcionarem em quaisquer

Leia mais

CCT0298 ANALISE DE REDES Aula : Trafego HTTP

CCT0298 ANALISE DE REDES Aula : Trafego HTTP CCT0298 ANALISE DE REDES Aula : Trafego HTTP O que é o protocolo HTTP? Hyper Text Transfer Protocol é o protocolo usado na World Wide Web para a distribuição e recuperação de informação. A troca de informações

Leia mais

CONCEITO DE INTERNET CLOUD COMPUTING WEB CONEXÃO MODEM PROVEDOR BACKBONE NÚMERO IP REDE WIRELESS ENDEREÇO MAC BROWSER HTML URL

CONCEITO DE INTERNET CLOUD COMPUTING WEB CONEXÃO MODEM PROVEDOR BACKBONE NÚMERO IP REDE WIRELESS ENDEREÇO MAC BROWSER HTML URL CONCEITO DE INTERNET CLOUD COMPUTING WEB CONEXÃO MODEM PROVEDOR BACKBONE NÚMERO IP REDE WIRELESS ENDEREÇO MAC BROWSER HTML URL DOMÍNIO DOMÍNIO DE NÍVEL MÁXIMO PROTOCOLOS CONJUNTO TCP/IP HTTP HTTPS TELNET

Leia mais

Funcionalidade e Protocolos da Camada de Aplicação

Funcionalidade e Protocolos da Camada de Aplicação Funcionalidade e Protocolos da Camada de Aplicação Network Fundamentals Capítulo 3 1 Aplicações A Interface entre usuário e Rede de Dados A Camada de aplicação provê recursos para enviar e receber dados

Leia mais

6127. Redes comunicação de dados. RSProf@iol.pt. 2014/2015. Acesso à Internet.

6127. Redes comunicação de dados. RSProf@iol.pt. 2014/2015. Acesso à Internet. Sumário Acesso à Internet. Elementos típicos de uma rede. Rede de acesso ADSL. Rede de acesso ADSL. Rede de acesso ADSL. Rede de acesso ADSL. Rede de acesso ADSL. Rede de acesso ADSL. Rede de acesso ADSL.

Leia mais

INTRODUÇÃO À INTERNET E À WORLD WIDE WEB

INTRODUÇÃO À INTERNET E À WORLD WIDE WEB INTRODUÇÃO À INTERNET E À WORLD WIDE WEB CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Conceitos básicos Histórico Principais modelos

Leia mais

HTML. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2011/12

HTML. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2011/12 HTML Sérgio Nunes Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2011/12 Visão Geral Os navegadores web enviam pedidos aos servidores web, que por sua vez produzem e devolvem documentos

Leia mais

Programação e Designer para WEB

Programação e Designer para WEB Programação e Designer para WEB Introdução Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com Apresentação Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com Ementa Introdução a hipertexto. A linguagem HTML.

Leia mais

A Web Semântica: Conceitos e Aplicações. Valéria M. Pequeno Universidade Autónoma de Lisboa

A Web Semântica: Conceitos e Aplicações. Valéria M. Pequeno Universidade Autónoma de Lisboa A Web Semântica: Conceitos e Aplicações Valéria M. Pequeno Universidade Autónoma de Lisboa Muita informação Motivação Mapas Textos Imagens Motivação Na Web tradicional, a informação está disponível num

Leia mais

O que pode fazer com um HotSpot portátil da MEO?

O que pode fazer com um HotSpot portátil da MEO? O que pode fazer com um HotSpot portátil da MEO? Date : 18 de Janeiro de 2017 A Internet é hoje um dos principais meio de comunicação. No smartphone, Tablet, PC ou no smartwatch é importante termos sempre

Leia mais

Ficha de Avaliação Sumativa

Ficha de Avaliação Sumativa Página1/6 Ficha de Avaliação Sumativa EFA Tecnológico - Técnico de Informática e Sistemas UC: 0775 Rede Local: Administração Duração: 180 minutos Nome Formando: Data: / / Formador: João Leitão Classificação:

Leia mais

Desenvolvimento de Aplicações Distribuídas

Desenvolvimento de Aplicações Distribuídas SOA e Web Services Pontifícia Universidade Católica de Minas Gerais Instituto de Ciências Exatas e Informática DAD (2019/01) Tópicos Apresentação da disciplina Introdução Desafios e características Arquitetura

Leia mais