CapaCIntação criação de páginas Pet Informática UFPE Instrutores: Allynson Praxedes Soares(aps2) André Barros Braga (abb2) Jesus Sanchez-Palencia (jspff)

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 da ARPAnet (avó da Internet) 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 (e-mail).

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 Padrões de comportamento 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.