Introdução à Programação Web

Prévia do material em texto

Introduc¸a˜o
DCC 121 - Laborato´rio de Programac¸a˜o Web
Prof. Luiz Maur´ılio da Silva Maciel
Departamento de Cieˆncia da Computac¸a˜o
Instituto de Cieˆncias Exatas
Universidade Federal de Juiz de Fora
18 de agosto de 2014
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 1 / 12
Roteiro
1 Internet X Web
2 Pa´ginas Web
3 Navegadores
4 Linguagens da Web
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 2 / 12
Internet X Web
Internet X Web
Afinal de contas Internet e Web sa˜o a
mesma coisa?
A resposta e´ NA˜O!!!
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 3 / 12
Internet X Web
Internet X Web
Afinal de contas Internet e Web sa˜o a
mesma coisa?
A resposta e´ NA˜O!!!
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 3 / 12
Internet X Web
Internet
Rede de redes que conecta milho˜es de computadores em todo o
mundo
Computadores podem se comunicar uns com os outros na rede
Protocolo padra˜o: TCP/IP
Computadores que entendem esse protocolo sa˜o capazes de trocar
informac¸o˜es independente do sistema operacional (Windows, Linux,
Mac etc)
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 4 / 12
Internet X Web
Internet (Histo´ria)
A internet originou-se da ARPAnet, nos EUA
Projeto desenvolvido pelo Departamento de Defesa americano
durante a Guerra Fria (de´cadas de 60 e 70)
As primeiras redes comerciais surgem no final dos anos 80
A internet e suas aplicac¸o˜es popularizam-se nos anos 90
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 5 / 12
Internet X Web
Internet (Aplicac¸o˜es)
Entre os principais recursos da internet temos:
Acesso remoto a outras ma´quinas (telnet e ssh)
Transfereˆncia de arquivos (ftp)
Correio eletroˆnico
Mensagens instantaˆneas (Skype...)
World Wide Web (WWW)
Videoconfereˆncias
etc
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 6 / 12
Internet X Web
World Wide Web (WWW)
A World Wide Web ou simplesmente Web, que em portugueˆs significa
rede de alcance mundial, foi criada em 1989 no Laborato´rio de
Pesquisas Nucleares - CERN, em Genebra - Su´ıc¸a, com o objetivo de
interligar os pesquisadores de va´rios institutos atrave´s da Internet
Concebida por Tim Berners-Lee
Os padro˜es dos co´digos existentes na web sa˜o estabelecidos pelo
World Wide Web Consortium (W3C)
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 7 / 12
Pa´ginas Web
Hipertexto
WWW permite uma leitura na˜o-linear dos documentos dispon´ıveis,
espalhados pela rede
Ambiente que permite ”navegar”buscando informac¸o˜es em diversas
formas: textos e/ou multim´ıdia (imagens, sons, v´ıdeos)
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 8 / 12
Pa´ginas Web
Pa´ginas Web
Pa´ginas web sa˜o documentos de hipertexto
Podem ser acessadas de qualquer parte do mundo, sendo
armazenadas em servidores
Um website e´ o local onde ficam armazenados as pa´ginas web
estruturadas sobre um determinado conteu´do
Todo documento vinculado via internet e´ enderec¸ado atrave´s de um
enderec¸o ba´sico e u´nico denominado Uniform Resource Locator
(URL)
Exemplo: http://www.ufjf.br/deptocomputacao/
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 9 / 12
Navegadores
Navegadores
O navegador (browser) e´ o programa com o qual se acessa uma
pa´gina web
O navegador interpreta o texto do documento e se encarrega de exibir
corretamente a pa´gina
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 10 / 12
Navegadores
Navegadores
Fonte: http://www.w3schools.com/browsers/browsers stats.asp
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 11 / 12
Linguagens da Web
Linguagens da Web
HTML: Estrutura ba´sica da pa´gina
CSS: Estiliza o HTML (ex: mudanc¸a de cores)
Javascript: Executa func¸o˜es que o HTML por si so´ na˜o e´ capaz de
executar (ex: validac¸a˜o de formula´rio)
Luiz Maur´ılio Maciel (DCC-ICE-UFJF) Introduc¸a˜o 18 de agosto de 2014 12 / 12
	Internet X Web
	Páginas Web
	Navegadores
	Linguagens da Web