xhtml 01, Notas de estudo de Engenharia Telemática

Baixe xhtml 01 e outras Notas de estudo em PDF para Engenharia Telemática, somente na Docsity!

Curso Subsequente em Manutenção e Suporte em Informática Introdução às Tecnologias Web

Internet e WWW - Fundamentos

Prof. César Rocha - Copyright© [email protected]

Roteiro

• Em poucos slides, apresentar conceitosconceitos importantes relacionados ao

curso e à Internet

• Redes, infra-estrutura, histórico, serviços, protocolos, WWW, servidores & clientes, editando os primeiros arquivos HTML, etc...
• Exercícios iniciais e exemplos de códigoscódigos que você deve testar visando

solidificar seus conhecimentos

• Você pode instalar e usar uma IDE de sua preferência para o desenvolvimento, sem grandes problemas
• Este módulo é brevebreve , mas importante para verificar e também

complementar alguns conhecimentos pré-existentes

Histórico da Internet

• A Internet surgiu no final da década de 60 nos EUA
  • Projeto de pesquisa imposto pelo “DoD” (Departament of Defense)
  • Os EUA estavam temerosos quanto à notícia da instalação de mísseis nucleares em CUBA por Fidel Castro
• ARPANet, 1969: rede militar experimental criada pela ARPA (Agência

de Projetos e Pesquisas Avançadas) que podia se manter operante

• Comunicação própria feita através de linhas telefônicas e redes regionais
• 4 (quatro) pontos de acesso (Utah, Stanford, Sta. Bárbara e Los Angeles)
• Todas estas instituições davam suporte às pesquisas militares

Histórico da Internet (cont.)

• O serviço tornou-se tão útil que as universidades começaram a

inteligar todos os seus departamentos

• Filosofia democrática de disseminação do conhecimento
• Em 1989, surge a proposta de abertura comercial e a WWW
• Enquanto isso, no Brasil…
• Surge a RNP, em 1989: coordenação dos serviços e acesso à rede
• Todavia, o Brasil conectou-se apenas em 1990 em SP (FAPESP)
• Em meados de 1995, a RNP expande os PoP’s por quase todo país
• Inicialmente, a rede era restrita apenas às instituições de pesquisa; a partir de 1995, tornou-se disponível para instituições governamentais e privadas

World Wide Web

• A Internet possui uma série de serviços
  • FTP, Correio Eletrônico, DNS, Telnet, etc.
• Entretanto, o WWW se tornou o “super“super--serviçoserviço””
  • Serviço de troca de informações baseado em hipertextos e multimídia
    • Hipertexto é uma forma não-linear de publicação de informações onde palavras que aparecem no texto podem levar a outras seções de um documento (vínculos, âncoras ou links), ou até outros documentos, fugindo da estrutura linear original
  • Web Interativa, global e independente de plataforma
  • Baseado no modelo Cliente-Servidor HTTP (HyperText Transfer Protocol)

Graficamente

Servidor Web (^) Cliente

index.html

Crie um arquivo escrito em html e coloque-o em um servidor Web

O html em sua página dirá ao browser tudo o que ele precisa saber para exibir sua página

Há diversos computadores e dispositivos na Web que possuem navegadores

Qualquer navegador poderá fazer uma requisição ao servidor

Internet

Protocolo HTTP e o modelo “requisição-resposta”

Papel do Servidor Web

• Um servidor Web contém um programa capaz de receber e tratar

requisições remotas de clientes (navegadores, aplicações, etc.)

• Disponibilizar, de forma organizada, o acesso à páginas, imagens, sons, etc.
• Além disso, o servidor é capaz de colocar em execução programas (scripts) eventualmente associados a documentos acessados pelos clientes - CGI, ASP, PHP, Servlets, Java Server Pages, XML
• Oferecer aos seus clientes um sistemasistema dede arquivosarquivos virtualvirtual onde estes podem localizar recursos (arquivos, programas, etc.) e transferi-los de um computador para outro

Graficamente

13

HTML - Hypertext Markup Language

• Conforme dito anteriormente, vínculos de hipertexto são

implementados em um arquivos textos publicados na Web

• Usa-se uma linguagem baseada em marcadoresmarcadores especiais
• HTML é usada apenas para marcar um arquivo de texto simples
• Dentro do texto, pode-se definir descritores (ou comandos HTML) entre os símbolos “<” e “>” ** Trabalho de Geografia

Este é um parágrafo

texto em negrito

**

** Trabalho de Geografia

Este é um parágrafo

texto em negrito

**

Tag’s html

index.html

Arquivo salvo com a extensão .html Renderização…

Hypertext Markup Language

• Quando o navegador “lê” as tag’s HTML inseridas dentro do seu

arquivo de texto, ele tenta interpretá-las na sequência.

• As tag’s informam ao navegador não apenas sobre questões de

estrutura, mas também a semânticaestrutura semântica do texto (pouca gente sabe disso)

• Ex: a renderização de algumas tag’s em browsers concebidos para pessoas com limitações visuais pode trazer alguns resultados inesperados
• Permitem a descrição de documentos complexos usando apenas texto

puro (ASCII ou outro código).

• Isso favorece a portabilidade do documento para outros ambientes

Desenvolvimento para Web

ß As aplicações Web são desenvolvidas em múltiplas camadas, distribuídas entre cliente e servidor.

ß Elementos implementados no clienteno cliente: apresentação do conteúdo, formatação da aparência, regras de negócio da aplicação, recursos de animação.

ß Elementos implementados no servidorno servidor: regras de negócio da aplicação, acesso a Banco de Dados.

ß Tecnologias utilizadas no cliente: XHTML (HTML), CSS, XML, Javascript/JScript, VBscript, Applet Java, ActiveX, Flash.

ß Tecnologias utilizadas no servidor: CGI, ASP, PHP, Java, J2EE (Servlets e JSP), .NET, XML.

Para um bom aproveitamento

• Codifique o exemplo mostrado nestes slides e verifique pontos de

dúvidas

• Revise os conceitos apresentados aqui (em um livro)
• Resolva todas as questões da lista de exercícios
• Procure o professor ou monitor da disciplina e questione conceitos,

listas, etc.

• Não deixe para codificar tudo e acumular assunto para a avaliação.
  • Este é apenas um dos assuntos abordados na prova!