CapaCIntação
criação de páginas
Pet Informática UFPE
Instrutores: Allynson Praxedes Soares(aps2)
André Barros Braga (abb2)
Jesus Sanchez-Palencia (jspff)
www.cin.ufpe.br/~pet
Linguagem de Programação
• Expressar instruções para um computador
• Objetivo: construir um programa
• Linguagem de marcação:
– Sobre textos:
• Informações
• Instruções
– Exemplo: HTML
Tipos de linguagem de
programação
• Linguagem de máquina
É a linguagem natural de um computador.
Ex. +1300042774
+1400593419
• Linguagem assembly
É uma linguagem que utiliza instruções
semelhantes ao inglês. Precisa de tradutor,
que vai transformar isso na lingaugem de
máquina (acima).
Ex. LOAD BASEPAY
ADD OVERPAY
Tipos de linguagem de
programação
• Linguagem de
alto nível
Utilizam instruções mais poderosas do que as
instruções assembly.
Ex. TOTAL=BASEPAY + OVERPAY
Compiladores
traduzem
programas
em
linguagem de alto nível para programas em
linguagem de máquina.
Interpretadores : lê uma instrução e executa
(não transforma em linguagem de máquina)
Ex: HTML, XHTML, JavaScript, etc.
História da Internet
• Implementação
Internet)
da
ARPAnet
(avó
da
No final da década de 1960 a ARPA (Advanced Research
Projects Agency) anuncia os planos para conectar em rede
os computadores de algumas universidades. As conexões
deveriam ser a 56Kbps (Na época, as poucas pessoas que se
conectavam a computadores por linhas telefônicas
utilizavam 110bps).
Em vez do beneficio principal (compartilhamento dos
computadores), a ARPAnet permitiu que os pesquisadores
se comunicassem rápida e facilmente por electronic-mail (email).
História da Internet
• A ARPAnet utilizava uma técnica conhecida
como de envio de pequenos pacotes
• Os pacotes continham informação de
endereço(onde está a máquina), controle de
erros e sobre seqüência.
• As informações sobre endereço permitiam
que os pacotes fossem para o lugar certo.
• As informações sobre seqüência ajudavam a
montar os pacotes na ordem original.
História da Internet
• Pacotes de diferentes destinos eram
transmitidos na mesma linha.
• A técnica de comutação por pacotes
reduziu bastante os custos de transmissão
em comparação com os custos de linhas de
comunicação dedicadas.
• A rede foi projetada para operar sem
controle centralizado. Se uma parte da rede
falhasse, a rede continuava a operar
roteando os pacotes por outros nós da rede.
Protocolo
• Maneira de se comunicar
– Português, inglês, chinês
• Padrões de comportamento
– “Com licensa, posso entrar?”
– Mandar um papel, esperar uma assinatura, etc...
História da Internet
• Os protocolos da ARPAnet tornaram-se
conhecidos como TCP – Transmission Control
Protocol.
• O TCP assegurava que as mensagens
fossem corretamente enviadas de um lugar a
outro.
• Enquanto a Internet se desenvolvia, as
organizações
mundiais
estavam
implementando suas próprias redes.
• Apareceu uma ampla variedade de
Hardware e Software de rede.
História da Internet
• O grande desafio era obter comunicação
entre as diferentes redes.
•A
ARPA
realizou
isso
com
o
desenvolvimento do protocolo IP –
Internetworking Protocol.
• O conjunto combinado de protocolos é
comumente denominado de TCP/IP.
História da Internet
• Inicialmente, somenta para universidades e
instuições de pesquisa.
• Depois as forças armadas começaram a
usar a Internet.
• Por fim, a Internet passou a ser utilizada
para propósito comercial.
• Em 1977, a Apple Computer popularizou o
fenômeno da computação pessoal.
• Em 1981, a IBM lançou o IBM personal
Computer.
História da Internet
• As empresas começaram a investir no
desenvolvimento da Internet.
• Aumentou muito a competição no
•A largura de banda (o quanto pode ser
mandado
pela
internet)
aumentou
tremendamente.
• Os custos diminuíram significativamente.
História da Internet
• A World Wide Web é um evento
relativamente recente.
• Em 1990, Tim Berners-Lee, desenvolveu a
WWW e vários protocolos de comunicação
que formam a base da Web.
• Em 1994, Tim Berners-Lee, fundou a
organização World Wide Web Consortium
(W3C), dedicada a desenvolver tecnologias
interoperáveis não-proprietárias para Web
História da Internet
• O W3C (www.w3.org) é também uma
organização de padronização.
• As tecnologias WEB padronizadas pelo
W3Csão chamadas de “recomendações”
• As recomendações incluem:
HTML, XML, CSS
• Uma recomendação é um documento que
especifica o papel, e regras de uma
tecnologia.
Cliente - Sevidor
Dynamic HTML
• Aplicativos na Web de
alto desempenho, onde
grande parte de uma
aplicativo é executada no
cliente em vez de no
servidor
Dynamic HTML
• A Dynamic HTML faz as páginas Web
“ganharem vida”, fornecendo efeitos
como animação, som e vídeo.
Editando XHTML
• Os documentos XHTML podem ser criados
em um editor de texto (Word, bloco de
notas, ...).
• Devem ser salvos com a extensão .html ou
.htm (ex: “pagina.html”)
• Os documentos XHTML ficam no servidor
(lembram?)
• Os clientes pedem através dos servidores
informações específicas (como páginas
(sites))
Primeiro exemplo
• Como funciona?
– Organizamos o texto dizendo onde começa e
onde termina o que queremos fazer
– ex: <nome> Allynson Praxedes </nome>
– <nome> e </nome> dizem onde começa e oned
termina o nome de Allynson
Primeiro exemplo
• Nosso primeiro exemplo é um documento
HTML que exibe a mensagem “Bem vindo ao
HTML” no navegador.
• As linha 1 e 7 dizem que é um documento
html
• “Body” (Corpo, em inglês), indica o que vai
aparecer na página
• A linha chave do programa é a linha 4.